@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@media (max-width: 575px) {
  .col-xs-6 {
    max-width: 50%; } }

.mob-none {
  display: block; }
  @media (max-width: 991px) {
    .mob-none {
      display: none; } }

.mob-block {
  display: none; }
  @media (max-width: 991px) {
    .mob-block {
      display: block; } }

.section-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }
  @media (max-width: 767px) {
    .section-order-1 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }

.section-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }
  @media (max-width: 767px) {
    .section-order-2 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

/*// Yeseva Font
@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap');

$amaranth-family: "Amaranth", serif;
*/
/*
    thin - 100
    extralight - 200
    light - 300
    regular - 400
    medium - 500
    semibold - 600
    bold - 700 
    extrabold - 800 
    black - 900 
*/
h1 {
  font-size: calc(28.73239px + 3.00469vw); }
  @media (max-width: 375px) {
    h1 {
      font-size: 40px; } }
  @media (min-width: 1440px) {
    h1 {
      font-size: 72px; } }

h2 {
  font-size: calc(22.84507px + 2.44131vw); }
  @media (max-width: 375px) {
    h2 {
      font-size: 32px; } }
  @media (min-width: 1440px) {
    h2 {
      font-size: 58px; } }

h3 {
  font-size: calc(21.66197px + 1.69014vw); }
  @media (max-width: 375px) {
    h3 {
      font-size: 28px; } }
  @media (min-width: 1440px) {
    h3 {
      font-size: 46px; } }

h4 {
  font-size: calc(21.1831px + 0.75117vw); }
  @media (max-width: 375px) {
    h4 {
      font-size: 24px; } }
  @media (min-width: 1440px) {
    h4 {
      font-size: 32px; } }

h5 {
  font-size: calc(19.94366px + 0.28169vw); }
  @media (max-width: 375px) {
    h5 {
      font-size: 21px; } }
  @media (min-width: 1440px) {
    h5 {
      font-size: 24px; } }

h6 {
  font-size: calc(16.94366px + 0.28169vw); }
  @media (max-width: 375px) {
    h6 {
      font-size: 18px; } }
  @media (min-width: 1440px) {
    h6 {
      font-size: 21px; } }

p {
  font-size: calc(15.29577px + 0.18779vw); }
  @media (max-width: 375px) {
    p {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    p {
      font-size: 18px; } }

.small-banner .banner-content .bann-desc .title h1 {
  font-size: calc(32.25352px + 2.06573vw); }
  @media (max-width: 375px) {
    .small-banner .banner-content .bann-desc .title h1 {
      font-size: 40px; } }
  @media (min-width: 1440px) {
    .small-banner .banner-content .bann-desc .title h1 {
      font-size: 62px; } }

/**** Custom Classes ****/
.small-title p {
  color: #f57a39;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 14px; }
  @media (max-width: 767px) {
    .small-title p {
      font-size: 12px; } }

/**** Typography ****/
h1 {
  color: #171617;
  font-family: "Signika Negative", serif;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0; }

h2 {
  color: #171617;
  font-family: "Signika Negative", serif;
  font-weight: 500;
  margin-bottom: 0; }

h3 {
  color: #171617;
  font-family: "Signika Negative", serif;
  font-weight: 400;
  margin-bottom: 0; }

h4 {
  color: #171617;
  font-family: "Signika Negative", serif;
  margin-bottom: 0;
  font-weight: 500; }

h5 {
  color: #171617;
  font-family: "Signika Negative", serif;
  margin-bottom: 0;
  font-weight: 500; }

h6 {
  color: #171617;
  font-family: "Signika Negative", serif;
  margin-bottom: 0;
  font-weight: 400; }

p {
  color: #171617;
  font-family: "Poppins", sans-serif;
  line-height: 1.6;
  margin-bottom: 0;
  font-weight: 400; }
  p:last-of-type {
    padding-bottom: 0; }

footer {
  background-color: #ffffff;
  color: #000000;
  padding: 80px 0 0;
  -webkit-box-shadow: inset 0 5px 15px rgba(25, 25, 25, 0.1);
  box-shadow: inset 0 5px 15px rgba(25, 25, 25, 0.1); }
  footer .footer-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f57a39; }
    @media (max-width: 992px) {
      footer .footer-content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 30px; } }
    @media (max-width: 575px) {
      footer .footer-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px; } }
  footer .foot-main-desc .footer-logo {
    margin-bottom: 16px; }
    footer .foot-main-desc .footer-logo img {
      width: 240px;
      height: auto;
      -o-object-fit: contain;
      object-fit: contain; }
      @media (max-width: 767px) {
        footer .foot-main-desc .footer-logo img {
          width: 170px; } }
  footer .foot-main-desc .title {
    margin-bottom: 16px; }
    footer .foot-main-desc .title h3 {
      color: #000000; }
  footer .foot-main-desc .description {
    max-width: 350px; }
    @media (max-width: 575px) {
      footer .foot-main-desc .description {
        max-width: 100%; } }
    footer .foot-main-desc .description p {
      color: #000000;
      margin: 0;
      font-size: 16px; }
  footer .foot-main-desc .producthunt-box {
    margin-top: 16px; }
  footer .footer-menu .menu-title {
    color: #000000;
    margin-bottom: 20px;
    letter-spacing: 0.5px; }
  footer .footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    footer .footer-menu ul li {
      margin-bottom: 12px; }
      footer .footer-menu ul li:last-child {
        margin-bottom: 0; }
      footer .footer-menu ul li a {
        color: #000000;
        text-decoration: none;
        -webkit-transition: color 0.4s ease;
        -o-transition: color 0.4s ease;
        transition: color 0.4s ease;
        position: relative;
        display: inline-block;
        padding-bottom: 4px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 16px; }
        footer .footer-menu ul li a:hover {
          color: #f57a39; }
        footer .footer-menu ul li a::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: #f57a39;
          -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transform-origin: right;
          -ms-transform-origin: right;
          transform-origin: right;
          -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        footer .footer-menu ul li a:hover::after {
          -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transform-origin: left;
          -ms-transform-origin: left;
          transform-origin: left; }
    footer .footer-menu ul .current-menu-item a {
      color: #f57a39; }
      footer .footer-menu ul .current-menu-item a::after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1); }
  footer .copyright {
    padding: 24px 0; }
    footer .copyright .copyright-content {
      text-align: center; }
      footer .copyright .copyright-content p {
        margin: 0;
        font-size: 14px;
        color: #171617; }
        footer .copyright .copyright-content p a {
          color: #f57a39;
          text-decoration: underline; }
          footer .copyright .copyright-content p a:hover {
            color: #f57a39;
            text-decoration: none; }
  @media (max-width: 768px) {
    footer {
      padding: 40px 0 0; }
      footer .footer-content {
        padding-bottom: 30px; }
      footer .footer-menu .menu-title {
        margin-bottom: 16px; } }
  @media (max-width: 575px) {
    footer .copyright {
      padding: 20px 0; } }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  scroll-behavior: smooth; }

.page-holder {
  overflow: hidden; }

.noregister-box {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #453e3a33;
  background: #ffffff;
  padding: 35px;
  border-radius: 8px;
  text-align: center; }
  .noregister-box .noregister-icon {
    color: #ff2424;
    font-size: 4rem;
    margin-bottom: 20px; }
  .noregister-box h3 {
    margin-bottom: 15px; }
  .noregister-box .noregister-btn {
    margin-top: 25px; }
    .noregister-box .noregister-btn .custom-btn {
      margin: 0 auto; }

#rating-modal, #delete-confirmation-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  #rating-modal > div, #delete-confirmation-modal > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    min-width: 350px;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
    #rating-modal > div > div:first-child, #delete-confirmation-modal > div > div:first-child {
      width: 80px;
      height: 80px;
      background: #f57a39;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto 25px; }
      #rating-modal > div > div:first-child i, #delete-confirmation-modal > div > div:first-child i {
        color: #ffffff;
        font-size: 32px; }
    #rating-modal > div h4, #delete-confirmation-modal > div h4 {
      margin-bottom: 10px;
      font-weight: 600; }
    #rating-modal > div p, #delete-confirmation-modal > div p {
      margin-bottom: 30px; }
    #rating-modal > div .rating-stars, #delete-confirmation-modal > div .rating-stars {
      margin-bottom: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 5px; }
      #rating-modal > div .rating-stars .rating-star, #delete-confirmation-modal > div .rating-stars .rating-star {
        font-size: 40px;
        color: #e8e8e8;
        cursor: pointer;
        -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease;
        transition: color 0.2s ease, -webkit-transform 0.2s ease;
        -o-transition: color 0.2s ease, transform 0.2s ease;
        transition: color 0.2s ease, transform 0.2s ease;
        transition: color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; }
        #rating-modal > div .rating-stars .rating-star:hover, #delete-confirmation-modal > div .rating-stars .rating-star:hover {
          color: #f57a39;
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
        #rating-modal > div .rating-stars .rating-star.active, #delete-confirmation-modal > div .rating-stars .rating-star.active {
          color: #f57a39; }
    #rating-modal > div > div:last-child, #delete-confirmation-modal > div > div:last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 15px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

#delete-confirmation-modal .delete-modal .delete-icon {
  background: #ff2424; }

/**** Comments ****/
.salon-comments {
  padding: 60px 0;
  border-top: 1px solid #453e3a33;
  /* Nested replies (subcomments) */
  /* Optional: tighter spacing on mobile */ }
  .salon-comments h3#comments {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin-bottom: 30px; }
  .salon-comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0; }
  .salon-comments .comment {
    margin-bottom: 20px;
    /* Date / meta */
    /* Comment text */
    /* Reply link */ }
    .salon-comments .comment .comment-body {
      border: 1px solid #453e3a33;
      border-radius: 6px;
      padding: 18px 20px;
      background-color: #ffffff;
      -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03); }
    .salon-comments .comment .comment-author {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      gap: 8px;
      margin-bottom: 6px;
      pointer-events: none; }
      .salon-comments .comment .comment-author .avatar {
        display: none; }
      .salon-comments .comment .comment-author .fn {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size: 15px; }
        .salon-comments .comment .comment-author .fn a {
          color: #000000;
          text-decoration: none; }
          .salon-comments .comment .comment-author .fn a:hover {
            text-decoration: underline; }
      .salon-comments .comment .comment-author .says {
        font-size: 14px;
        color: #453e3a80; }
    .salon-comments .comment .comment-meta {
      font-size: 12px;
      color: #453e3a80;
      margin-bottom: 10px;
      pointer-events: none; }
      .salon-comments .comment .comment-meta a {
        color: inherit;
        text-decoration: none; }
    .salon-comments .comment .comment-body > p {
      margin: 0 0 10px;
      font-family: "Poppins", sans-serif;
      font-size: 15px;
      line-height: 1.6;
      color: #000000; }
    .salon-comments .comment .reply {
      margin-top: 8px; }
      .salon-comments .comment .reply a.comment-reply-link {
        display: inline-block;
        padding: 3px 10px;
        font-size: 11px;
        border-radius: 6px;
        border: 1px solid #f57a39;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        text-decoration: none;
        background-color: transparent;
        color: #f57a39;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .salon-comments .comment .reply a.comment-reply-link:hover {
          background-color: #f57a39;
          color: #ffffff; }
  .salon-comments .children {
    list-style: none;
    margin: 12px 0 0 20px;
    padding-left: 16px;
    border-left: 2px solid #f1d2de; }
    .salon-comments .children .comment {
      margin-top: 12px; }
      .salon-comments .children .comment .comment-body {
        border-radius: 6px;
        background-color: #fafafa; }
  @media (max-width: 767px) {
    .salon-comments .comment .comment-body {
      padding: 14px 16px; }
    .salon-comments .children {
      margin-left: 12px;
      padding-left: 12px; } }
  .salon-comments #respond {
    /* Name + Email inline */ }
    .salon-comments #respond h3#reply-title {
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      margin-bottom: 20px;
      margin-top: 20px; }
      .salon-comments #respond h3#reply-title small {
        margin-left: 25px; }
        .salon-comments #respond h3#reply-title small a {
          font-size: 16px;
          color: #f57a39;
          text-decoration: underline; }
          .salon-comments #respond h3#reply-title small a:hover {
            color: #f57a39;
            text-decoration: none; }
    .salon-comments #respond p.comment-notes {
      font-size: 16px;
      margin-bottom: 20px; }
    .salon-comments #respond p.logged-in-as {
      display: none !important; }
    .salon-comments #respond #commentform {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -webkit-column-gap: 20px;
      column-gap: 20px;
      /* All fields default to full width */
      /* Name & Email only: two columns */ }
      .salon-comments #respond #commentform > p {
        grid-column: 1 / -1; }
      .salon-comments #respond #commentform .comment-form-author,
      .salon-comments #respond #commentform .comment-form-email {
        -ms-grid-column-span: 1;
        grid-column: span 1; }
    @media (max-width: 767px) {
      .salon-comments #respond #commentform {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 0px; }
        .salon-comments #respond #commentform .comment-form-author,
        .salon-comments #respond #commentform .comment-form-email {
          grid-column: 1 / -1; } }
    .salon-comments #respond form label {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 15px;
      margin-bottom: 5px; }
    .salon-comments #respond form input, .salon-comments #respond form textarea {
      width: 100%;
      padding: 7px 15px;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      font-size: 16px;
      -webkit-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease;
      margin-bottom: 20px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      color: #000000;
      resize: none; }
      .salon-comments #respond form input::-webkit-input-placeholder, .salon-comments #respond form textarea::-webkit-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .salon-comments #respond form input:-ms-input-placeholder, .salon-comments #respond form textarea:-ms-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .salon-comments #respond form input::-ms-input-placeholder, .salon-comments #respond form textarea::-ms-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .salon-comments #respond form input::placeholder, .salon-comments #respond form textarea::placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .salon-comments #respond form input:focus, .salon-comments #respond form textarea:focus {
        outline: none;
        border: 1px solid #f57a39; }
    .salon-comments #respond form .comment-form-cookies-consent {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .salon-comments #respond form .comment-form-cookies-consent label {
        margin-bottom: 0; }
      .salon-comments #respond form .comment-form-cookies-consent input {
        width: auto;
        margin-right: 10px;
        margin-bottom: 0; }
    .salon-comments #respond form .form-submit input {
      border: 1px solid;
      border-radius: 6px;
      text-align: center;
      font-size: 16px;
      text-decoration: none;
      -webkit-transition: all 0.45s;
      -o-transition: all 0.45s;
      transition: all 0.45s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 8px 22px;
      overflow: hidden;
      color: #ffffff;
      border-color: #f57a39;
      background-color: #f57a39;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      @media (max-width: 767px) {
        .salon-comments #respond form .form-submit input {
          font-size: 14px; } }
      .salon-comments #respond form .form-submit input:hover {
        background-color: #ffffff;
        color: #f57a39; }
      .salon-comments #respond form .form-submit input:focus {
        outline: none; }

/**** Before / After Images ****/
.image-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 2.25rem;
  width: 2.25rem;
  border: 0.25rem solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E");
  background-size: cover;
  cursor: -webkit-grab;
  cursor: grab; }

.image-slider::-moz-range-thumb {
  height: 2.25rem;
  width: 2.25rem;
  border: 0.25rem solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E");
  background-size: cover;
  cursor: grab; }

.image-slider:active::-webkit-slider-thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.image-slider:active::-moz-range-thumb {
  cursor: grabbing; }

/**** Promote Banner ****/
.promote-banner {
  position: fixed;
  background-color: #ffffff;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-box-shadow: 5px 0px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 5px 0px 15px rgba(25, 25, 25, 0.1);
  padding: 15px 0; }
  .promote-banner .inner-promote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px; }
    .promote-banner .inner-promote .content {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      min-width: 0; }
      .promote-banner .inner-promote .content .title {
        margin-bottom: 10px; }
      .promote-banner .inner-promote .content .desc p {
        font-size: 16px;
        margin: 0; }
      .promote-banner .inner-promote .content .desc .founding-counter {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 991px) {
          .promote-banner .inner-promote .content .desc .founding-counter {
            gap: 5px; } }
    .promote-banner .inner-promote .btn-box {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .promote-banner .inner-promote .btn-box .custom-btn {
        padding: 6px 18px;
        font-size: 14px;
        white-space: nowrap; }
  @media (max-width: 991px) {
    .promote-banner {
      padding: 12px 0; }
      .promote-banner .inner-promote {
        gap: 20px; }
        .promote-banner .inner-promote .desc p {
          font-size: 15px; } }
  @media (max-width: 767px) {
    .promote-banner {
      padding: 12px 0;
      text-align: center; }
      .promote-banner .inner-promote {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 12px; }
        .promote-banner .inner-promote .content .title {
          margin-bottom: 6px; }
        .promote-banner .inner-promote .content .desc p {
          font-size: 14px;
          line-height: 1.4; }
        .promote-banner .inner-promote .content .desc .founding-counter {
          gap: 10px 16px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .promote-banner .inner-promote .btn-box .custom-btn {
          margin: 0 auto; } }

/**** 404 Error ****/
.inner-hero {
  padding: 20vh 0 10vh;
  min-height: 80vh; }
  .inner-hero .not-found {
    min-height: calc(100vh - 400px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 35px;
    text-align: center; }

/**** ACF fields ****/
.acf-width-20 {
  width: 20%;
  float: left;
  clear: none !important; }
  @media (max-width: 991px) {
    .acf-width-20 {
      width: 33.33%; } }
  @media (max-width: 767px) {
    .acf-width-20 {
      width: 50%; } }
  @media (max-width: 575px) {
    .acf-width-20 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-width-25 {
  width: 25%;
  float: left;
  clear: none !important; }
  @media (max-width: 991px) {
    .acf-width-25 {
      width: 33.33%; } }
  @media (max-width: 767px) {
    .acf-width-25 {
      width: 50%; } }
  @media (max-width: 575px) {
    .acf-width-25 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-width-30 {
  width: 30%;
  float: left;
  clear: none !important; }
  @media (max-width: 991px) {
    .acf-width-30 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-width-33 {
  width: 33.33%;
  float: left;
  clear: none !important; }
  @media (max-width: 767px) {
    .acf-width-33 {
      width: 50%; } }
  @media (max-width: 575px) {
    .acf-width-33 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-width-50 {
  width: 50%;
  float: left;
  clear: none !important; }
  @media (max-width: 991px) {
    .acf-width-50 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-width-70 {
  width: 70%;
  float: left;
  clear: none !important; }
  @media (max-width: 991px) {
    .acf-width-70 {
      width: 100%;
      float: none;
      clear: both !important; } }

.acf-fields > .acf-tab-wrap {
  background: #ffffff !important; }
  .acf-fields > .acf-tab-wrap ul {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #453e3a33 !important; }
    .acf-fields > .acf-tab-wrap ul li a {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background: #fff8e7 !important;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .acf-fields > .acf-tab-wrap ul li:hover a {
      background: #ffffff !important; }
    .acf-fields > .acf-tab-wrap ul li.active a {
      background: #ffffff !important; }

.acf-notice.-error.acf-error-message.-dismiss {
  background: #ff2424 !important;
  border: 0 !important;
  border-radius: 8px; }

.acf-field .acf-notice.-error {
  padding: 0;
  background: transparent !important;
  border: 0;
  color: #ff2424 !important; }

.acf-notice p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.acf-image-uploader .image-wrap img {
  border-radius: 8px; }

.acf-field-68ccb407c5495 ul {
  border-right: 1px solid #453e3a33 !important;
  -webkit-column-count: 3;
  column-count: 3;
  padding-right: 5px !important; }
  @media (max-width: 767px) {
    .acf-field-68ccb407c5495 ul {
      -webkit-column-count: 2;
      column-count: 2; } }
  @media (max-width: 575px) {
    .acf-field-68ccb407c5495 ul {
      -webkit-column-count: 1;
      column-count: 1; } }

.acf-fields > .acf-field {
  border: 0 !important; }

.acf-label {
  margin-bottom: 10px; }
  .acf-label label {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #000000; }

ul.acf-radio-list li label, ul.acf-checkbox-list li label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000; }

ul.acf-radio-list li input[type=checkbox], ul.acf-radio-list li input[type=radio], ul.acf-checkbox-list li input[type=checkbox], ul.acf-checkbox-list li input[type=radio] {
  accent-color: #f57a39; }

.acf-field input[type=text], .acf-field select {
  width: 100%;
  padding: 15px;
  border: 1px solid #453e3a33;
  border-radius: 6px;
  font-size: 16px;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #000000;
  resize: none; }
  .acf-field input[type=text]::-webkit-input-placeholder, .acf-field select::-webkit-input-placeholder {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #453e3a8c; }
  .acf-field input[type=text]:-ms-input-placeholder, .acf-field select:-ms-input-placeholder {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #453e3a8c; }
  .acf-field input[type=text]::-ms-input-placeholder, .acf-field select::-ms-input-placeholder {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #453e3a8c; }
  .acf-field input[type=text]::placeholder, .acf-field select::placeholder {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #453e3a8c; }
  .acf-field input[type=text]:focus, .acf-field select:focus {
    border-color: #f57a39;
    outline: none; }

.acf-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23453e3a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 18px; }

.acf-repeater > .acf-actions .acf-button {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  color: #f57a39;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline; }
  .acf-repeater > .acf-actions .acf-button:hover {
    color: #000000;
    text-decoration: none; }

.acf-form-submit {
  margin-top: 35px; }
  .acf-form-submit .acf-button {
    border: 1px solid;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 6px 16px;
    overflow: hidden;
    color: #ffffff;
    border-color: #f57a39;
    background-color: #f57a39; }
    @media (max-width: 767px) {
      .acf-form-submit .acf-button {
        font-size: 14px; } }
    .acf-form-submit .acf-button:hover {
      background-color: #ffffff;
      color: #f57a39; }
    .acf-form-submit .acf-button:focus {
      outline: none; }

header {
  -webkit-box-shadow: 0px 5px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0px 5px 15px rgba(25, 25, 25, 0.1);
  background-color: #ffffff;
  width: 100%;
  position: fixed;
  height: auto;
  padding: 15px 0;
  z-index: 999;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s ease;
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s ease;
  -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s ease;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  /* Profile Dropdown Styles */ }
  header .head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    header .head-content .head-logo img {
      width: 200px;
      height: auto;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-transition: width 0.4s ease;
      -o-transition: width 0.4s ease;
      transition: width 0.4s ease; }
      @media (max-width: 767px) {
        header .head-content .head-logo img {
          width: 170px; } }
  header .menu-toggle {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    padding: 8px;
    gap: 5px; }
    @media (max-width: 991px) {
      header .menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    header .menu-toggle span {
      width: 26px;
      height: 2px;
      background-color: #000000;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      border-radius: 2px; }
    header .menu-toggle:hover span {
      background-color: #333333; }
  header .head-menu {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    header .head-menu ul {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      header .head-menu ul li {
        margin-right: 25px; }
        header .head-menu ul li a {
          font-family: "Poppins", sans-serif;
          color: #000000;
          font-size: 18px;
          font-weight: 500;
          text-decoration: none;
          -webkit-transition: color 0.4s ease;
          -o-transition: color 0.4s ease;
          transition: color 0.4s ease;
          position: relative;
          display: inline-block;
          padding: 8px 0; }
          @media (max-width: 991px) {
            header .head-menu ul li a {
              font-size: 16px; } }
          header .head-menu ul li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #f57a39;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            transform-origin: right;
            -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
          header .head-menu ul li a:hover {
            color: #f57a39;
            text-decoration: none; }
            header .head-menu ul li a:hover::after {
              -webkit-transform: scaleX(1);
              -ms-transform: scaleX(1);
              transform: scaleX(1);
              -webkit-transform-origin: left;
              -ms-transform-origin: left;
              transform-origin: left; }
        header .head-menu ul li:last-of-type {
          margin-right: 0; }
      header .head-menu ul .current-menu-item a {
        color: #f57a39; }
        header .head-menu ul .current-menu-item a::after {
          -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform: scaleX(1); }
      header .head-menu ul li.custom-btn {
        border-color: #f57a39;
        background-color: #f57a39;
        padding: 10px 18px; }
        header .head-menu ul li.custom-btn::before {
          background-color: #ffffff; }
        header .head-menu ul li.custom-btn a {
          color: #ffffff;
          z-index: 1;
          text-transform: capitalize;
          padding: 0; }
          header .head-menu ul li.custom-btn a::after {
            content: none; }
        header .head-menu ul li.custom-btn:hover a {
          color: #f57a39; }
  @media (max-width: 991px) {
    header .head-menu.desktop-menu {
      display: none; } }
  header.scroll-up {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  header.scroll-down {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  header .header-user-profile {
    position: relative;
    list-style: none;
    /* Dropdown Popup */
    /* Popup Info Section */
    /* Popup Links */
    /* Mobile responsiveness */ }
    header .header-user-profile .img-box {
      cursor: pointer; }
    header .header-user-profile .profile-menu-image {
      width: 65px;
      height: 65px;
      border-radius: 8px;
      -o-object-fit: cover;
      object-fit: cover;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    header .header-user-profile:hover .profile-menu-image {
      opacity: 0.8; }
    header .header-user-profile .profile-popup {
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      background: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      min-width: 280px;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1000; }
      header .header-user-profile .profile-popup::before {
        content: '';
        position: absolute;
        top: -8px;
        right: 20px;
        width: 16px;
        height: 16px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
        box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05); }
      header .header-user-profile .profile-popup.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
    header .header-user-profile .popup-info {
      padding: 20px;
      border-bottom: 1px solid #453e3a33;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px; }
    header .header-user-profile .profile-popup-img img {
      width: 50px;
      height: 50px;
      border-radius: 8px;
      -o-object-fit: cover;
      object-fit: cover; }
    header .header-user-profile .profile-popup-name .name p {
      margin: 0;
      font-weight: 600;
      color: #000000;
      font-size: 16px; }
    header .header-user-profile .profile-popup-name .role p {
      margin: 0;
      color: #171617;
      font-size: 14px;
      text-transform: capitalize; }
    header .header-user-profile .profile-popup-links ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    header .header-user-profile .profile-popup-links li {
      margin: 0;
      background-color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      header .header-user-profile .profile-popup-links li.logout-divider {
        border-top: 1px solid #453e3a33;
        margin-top: 0px;
        padding-top: 0px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }
      header .header-user-profile .profile-popup-links li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 12px 20px;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        header .header-user-profile .profile-popup-links li a::after {
          content: none; }
        header .header-user-profile .profile-popup-links li a svg {
          -ms-flex-negative: 0;
          flex-shrink: 0;
          color: #000000;
          -webkit-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease; }
      header .header-user-profile .profile-popup-links li:hover {
        background-color: #fff8e7; }
        header .header-user-profile .profile-popup-links li:hover a {
          color: #f57a39; }
          header .header-user-profile .profile-popup-links li:hover a svg {
            color: #f57a39; }
    @media (max-width: 768px) {
      header .header-user-profile .profile-popup {
        right: 0px;
        opacity: 0;
        visibility: hidden; }
        header .header-user-profile .profile-popup::before {
          right: 25px; }
        header .header-user-profile .profile-popup.active {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
      header .header-user-profile:hover .profile-popup {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

/* Hide/Show based on screen size */
.desktop-only {
  display: block !important; }

.mobile-only {
  display: none !important; }

.mob-top-menu {
  display: none; }

/* Mobile styles */
@media (max-width: 991px) {
  .desktop-only {
    display: none !important; }
  .mobile-only {
    display: block !important; }
  .prof-user-menu ul li {
    display: none !important; }
  .prof-user-menu ul .header-user-profile {
    display: block !important; }
    .prof-user-menu ul .header-user-profile ul li {
      display: block !important; }
  .mob-top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px; } }

.mobile-menu-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  -o-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  overflow-y: auto; }
  .mobile-menu-fullscreen.active {
    opacity: 1;
    visibility: visible; }
    .mobile-menu-fullscreen.active .mobile-menu-content nav {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .mobile-menu-fullscreen.active .mobile-menu-close {
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
  .mobile-menu-fullscreen .mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
    .mobile-menu-fullscreen .mobile-menu-close svg {
      color: #000000;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      -o-transition: transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
    .mobile-menu-fullscreen .mobile-menu-close:hover {
      background-color: #000000; }
      .mobile-menu-fullscreen .mobile-menu-close:hover svg {
        color: #ffffff;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  .mobile-menu-fullscreen .mobile-menu-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 90vh;
    width: 500px;
    max-width: 100%;
    padding: 80px 30px 40px;
    margin: 0 auto;
    text-align: center; }
    .mobile-menu-fullscreen .mobile-menu-content nav {
      width: 100%;
      max-width: 400px;
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
      -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }
    .mobile-menu-fullscreen .mobile-menu-content .profile-link-mobile {
      margin: 0 auto;
      padding: 10px 20px 7px; }
    .mobile-menu-fullscreen .mobile-menu-content #menu-mobile-menu {
      margin-bottom: 25px; }
  .mobile-menu-fullscreen .mobile-menu-img {
    display: none;
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5); }
    .mobile-menu-fullscreen .mobile-menu-img img {
      width: 360px;
      height: 420px;
      -o-object-fit: contain;
      object-fit: contain; }
      @media (max-width: 575px) {
        .mobile-menu-fullscreen .mobile-menu-img img {
          width: 215px;
          height: 290px; } }
  .mobile-menu-fullscreen .mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0; }
    .mobile-menu-fullscreen .mobile-nav li {
      margin-bottom: 5px;
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
      @media (max-width: 575px) {
        .mobile-menu-fullscreen .mobile-nav li {
          margin-bottom: 0; } }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(1) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.18s;
        animation-delay: 0.18s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(2) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.26s;
        animation-delay: 0.26s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(3) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.34s;
        animation-delay: 0.34s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(4) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.42s;
        animation-delay: 0.42s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(5) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(6) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.58s;
        animation-delay: 0.58s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(7) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.66s;
        animation-delay: 0.66s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(8) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.74s;
        animation-delay: 0.74s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(9) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.82s;
        animation-delay: 0.82s; }
      .mobile-menu-fullscreen .mobile-nav li:nth-child(10) {
        -webkit-animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        animation: slideInLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s; }
      .mobile-menu-fullscreen .mobile-nav li a {
        font-family: "Poppins", sans-serif;
        color: #000000;
        font-size: 26px;
        font-weight: 600;
        text-decoration: none;
        display: inline-block;
        position: relative;
        padding: 12px 0;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        @media (max-width: 767px) {
          .mobile-menu-fullscreen .mobile-nav li a {
            font-size: 24px; } }
        @media (max-width: 575px) {
          .mobile-menu-fullscreen .mobile-nav li a {
            font-size: 22px; } }
        .mobile-menu-fullscreen .mobile-nav li a::after {
          content: '';
          position: absolute;
          bottom: 8px;
          left: 0;
          width: 0;
          height: 3px;
          background-color: #f57a39;
          -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .mobile-menu-fullscreen .mobile-nav li a:hover {
          color: #f57a39; }
          .mobile-menu-fullscreen .mobile-nav li a:hover::after {
            width: 100%; }
      .mobile-menu-fullscreen .mobile-nav li.custom-btn {
        border-color: #f57a39;
        background-color: #f57a39;
        padding: 12px 16px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 0 auto 5px; }
        .mobile-menu-fullscreen .mobile-nav li.custom-btn::before {
          background-color: #ffffff; }
        .mobile-menu-fullscreen .mobile-nav li.custom-btn a {
          color: #ffffff;
          z-index: 1;
          text-transform: capitalize;
          padding: 0; }
          .mobile-menu-fullscreen .mobile-nav li.custom-btn a::after {
            content: none; }
        .mobile-menu-fullscreen .mobile-nav li.custom-btn:hover a {
          color: #f57a39; }

@-webkit-keyframes slideInLeft {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

body.mobile-menu-open {
  overflow: hidden; }
  @media (min-width: 991px) {
    body.mobile-menu-open {
      overflow: auto; } }

header .navbar-nav {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.custom-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 30px;
  overflow: hidden;
  cursor: pointer; }
  .custom-btn span {
    position: relative;
    z-index: 2;
    -webkit-transition: color 0.45s;
    -o-transition: color 0.45s;
    transition: color 0.45s; }
  .custom-btn::before, .custom-btn::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  .custom-btn::before {
    left: 0px;
    width: calc(50% + 1px); }
  .custom-btn::after {
    right: 0px;
    width: calc(50% + 1px); }
  @media (max-width: 767px) {
    .custom-btn {
      font-size: 14px;
      padding: 10px 22px; } }

.custom-btn-orange {
  border-color: #f57a39;
  background: #ffffff; }
  .custom-btn-orange::before, .custom-btn-orange::after {
    background-color: #f57a39; }
  .custom-btn-orange::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .custom-btn-orange::after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .custom-btn-orange span {
    color: #ffffff; }
  .custom-btn-orange:hover {
    border-color: #f57a39; }
    .custom-btn-orange:hover span {
      color: #f57a39; }
    .custom-btn-orange:hover::before {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
    .custom-btn-orange:hover::after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }

.custom-btn-dark {
  border-color: #171617;
  background: #ffffff; }
  .custom-btn-dark::before, .custom-btn-dark::after {
    background-color: #171617; }
  .custom-btn-dark::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .custom-btn-dark::after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .custom-btn-dark span {
    color: #ffffff; }
  .custom-btn-dark:hover {
    border-color: #171617; }
    .custom-btn-dark:hover span {
      color: #171617; }
    .custom-btn-dark:hover::before {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
    .custom-btn-dark:hover::after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }

.small-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 5px 15px rgba(25, 25, 25, 0.1); }
  @media (max-width: 575px) {
    .small-banner {
      background-position: center right; }
      .small-banner::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: inherit;
        background-size: cover;
        background-position: inherit;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        z-index: 1; }
      .small-banner::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 2; }
      .small-banner > * {
        position: relative;
        z-index: 3; } }
  .small-banner .overlay-shapes {
    position: absolute;
    inset: 0;
    bottom: -1px;
    z-index: 1; }
    .small-banner .overlay-shapes::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 45%;
      height: 100%;
      background: #ffffff;
      -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
      z-index: 2;
      -webkit-transition: width .3s ease;
      -o-transition: width .3s ease;
      transition: width .3s ease; }
      @media (max-width: 1199px) {
        .small-banner .overlay-shapes::before {
          width: 50%; } }
      @media (max-width: 991px) {
        .small-banner .overlay-shapes::before {
          width: 70%; } }
      @media (max-width: 767px) {
        .small-banner .overlay-shapes::before {
          width: 80%; } }
      @media (max-width: 575px) {
        .small-banner .overlay-shapes::before {
          display: none; } }
  .small-banner .overlay-small-shape {
    position: absolute;
    inset: 0;
    bottom: -1px;
    z-index: 0; }
    .small-banner .overlay-small-shape::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 47.5vw;
      height: 100%;
      -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
      z-index: 1;
      -webkit-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; }
      @media (max-width: 1199px) {
        .small-banner .overlay-small-shape::after {
          width: 53%; } }
      @media (max-width: 991px) {
        .small-banner .overlay-small-shape::after {
          width: 73%; } }
      @media (max-width: 767px) {
        .small-banner .overlay-small-shape::after {
          width: 83%; } }
      @media (max-width: 575px) {
        .small-banner .overlay-small-shape::after {
          display: none; } }
    .small-banner .overlay-small-shape.overlay-small-shape-pink::after {
      background: #f57a39; }
  .small-banner .banner-content {
    position: relative;
    z-index: 3;
    max-width: 430px;
    padding: 200px 0; }
    @media (max-width: 767px) {
      .small-banner .banner-content {
        max-width: 375px; } }
    @media (max-width: 575px) {
      .small-banner .banner-content {
        padding: 150px 0;
        z-index: 2;
        max-width: 100%;
        text-align: center; } }
    .small-banner .banner-content .bann-desc {
      position: relative;
      z-index: 3; }
      .small-banner .banner-content .bann-desc .title {
        margin-bottom: 20px; }
        @media (max-width: 575px) {
          .small-banner .banner-content .bann-desc .title h1 {
            color: #ffffff;
            text-shadow: -2px 1px 3px #000000; } }
      @media (max-width: 575px) {
        .small-banner .banner-content .bann-desc .desc p {
          color: #ffffff;
          text-shadow: -2px 1px 3px #000000; } }
      .small-banner .banner-content .bann-desc .news-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #26A69A;
        padding: 6px 14px;
        border-radius: 6px;
        margin-top: 20px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        color: #ffffff; }
        .small-banner .banner-content .bann-desc .news-count i {
          margin-right: 8px; }
        .small-banner .banner-content .bann-desc .news-count p {
          color: #ffffff; }

.form-common-page {
  padding: 100px 0;
  background-color: #fff8e7; }
  @media (max-width: 767px) {
    .form-common-page {
      padding: 60px 0; } }
  .form-common-page .form-desc {
    text-align: center;
    margin: 0 auto 80px;
    max-width: 800px; }
    @media (max-width: 767px) {
      .form-common-page .form-desc {
        margin: 0 auto 40px; } }
    .form-common-page .form-desc .title {
      margin-bottom: 30px; }
  .form-common-page .form-content {
    max-width: 575px;
    margin: 0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #453e3a33;
    border-radius: 6px;
    padding: 25px; }
    @media (max-width: 575px) {
      .form-common-page .form-content {
        padding: 15px; } }
    .form-common-page .form-content input, .form-common-page .form-content select {
      width: 100%;
      padding: 15px;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      font-size: 16px;
      -webkit-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease;
      margin-bottom: 15px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      color: #000000;
      resize: none; }
      .form-common-page .form-content input::-webkit-input-placeholder, .form-common-page .form-content select::-webkit-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .form-common-page .form-content input:-ms-input-placeholder, .form-common-page .form-content select:-ms-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .form-common-page .form-content input::-ms-input-placeholder, .form-common-page .form-content select::-ms-input-placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .form-common-page .form-content input::placeholder, .form-common-page .form-content select::placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #453e3a8c; }
      .form-common-page .form-content input:focus, .form-common-page .form-content select:focus {
        border-color: #f57a39;
        outline: none; }
    .form-common-page .form-content select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg fill='%23453e3a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 15px center;
      background-size: 18px; }
    .form-common-page .form-content select[name="role_selection"] {
      color: #453e3a8c !important; }
    .form-common-page .form-content select[name="role_selection"]:has(option:checked:not([value=""])) {
      color: #453e3a !important; }
    .form-common-page .form-content select[name="role_selection"] option {
      color: #000000; }
    .form-common-page .form-content select[name="role_selection"] option[value=""] {
      color: #453e3a8c !important; }
    .form-common-page .form-content .btn-submit input {
      border: 1px solid;
      border-radius: 6px;
      text-align: center;
      font-size: 16px;
      text-decoration: none;
      -webkit-transition: all 0.45s;
      -o-transition: all 0.45s;
      transition: all 0.45s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 8px 22px;
      overflow: hidden;
      color: #ffffff;
      border-color: #f57a39;
      background-color: #f57a39; }
      @media (max-width: 767px) {
        .form-common-page .form-content .btn-submit input {
          font-size: 14px; } }
      .form-common-page .form-content .btn-submit input:hover {
        background-color: #ffffff;
        color: #f57a39; }
      .form-common-page .form-content .btn-submit input:focus {
        outline: none; }
    .form-common-page .form-content .role-info > div {
      margin: 0px 0 15px;
      padding: 15px;
      background: #fff8e7;
      border-radius: 6px; }
      .form-common-page .form-content .role-info > div p {
        font-size: 14px; }
    .form-common-page .form-content .password-requirements-box {
      background: #fff8e7;
      padding: 15px;
      border: 1px solid #453e3a33;
      margin: 0px 0 15px;
      border-radius: 6px; }
      .form-common-page .form-content .password-requirements-box p {
        font-size: 16px;
        font-weight: 600; }
      .form-common-page .form-content .password-requirements-box ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .form-common-page .form-content .password-requirements-box ul li {
          font-size: 14px;
          margin-top: 5px;
          color: #ff2424; }
    .form-common-page .form-content #password_match_indicator p {
      margin-bottom: 15px;
      font-size: 14px; }
    .form-common-page .form-content .input-checkbox {
      margin-bottom: 15px; }
      .form-common-page .form-content .input-checkbox label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .form-common-page .form-content .input-checkbox label input {
          width: auto;
          margin-right: 10px;
          margin-bottom: 0px;
          accent-color: #f57a39; }
        .form-common-page .form-content .input-checkbox label p {
          font-size: 14px; }
          @media (max-width: 575px) {
            .form-common-page .form-content .input-checkbox label p {
              font-size: 12px; } }
          .form-common-page .form-content .input-checkbox label p a {
            color: #f57a39;
            text-decoration: underline; }
            .form-common-page .form-content .input-checkbox label p a:hover {
              color: #f57a39;
              text-decoration: none; }
    .form-common-page .form-content .login-error {
      background: #fff8e7;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      padding: 15px;
      margin-bottom: 15px; }
      .form-common-page .form-content .login-error p {
        font-weight: 600;
        color: #ff2424;
        margin: 0;
        text-align: center;
        font-size: 16px; }
        .form-common-page .form-content .login-error p i {
          margin-right: 8px; }
    .form-common-page .form-content .login-success {
      background: #fff8e7;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      padding: 15px;
      margin-bottom: 15px; }
      .form-common-page .form-content .login-success p {
        font-weight: 600;
        color: #ff2424;
        margin: 0;
        text-align: center;
        font-size: 16px; }
        .form-common-page .form-content .login-success p i {
          margin-right: 8px; }
    .form-common-page .form-content .form-link {
      text-align: center;
      margin-top: 5px; }
      .form-common-page .form-content .form-link p {
        font-size: 14px; }
        .form-common-page .form-content .form-link p a {
          color: #000000;
          text-decoration: underline; }
          .form-common-page .form-content .form-link p a:hover {
            color: #f57a39;
            text-decoration: none; }
    .form-common-page .form-content .inner-form-desc {
      text-align: center; }
      .form-common-page .form-content .inner-form-desc .title {
        margin-bottom: 25px; }
        .form-common-page .form-content .inner-form-desc .title p {
          color: #26A69A;
          font-size: 22px;
          font-weight: 600; }
          @media (max-width: 767px) {
            .form-common-page .form-content .inner-form-desc .title p {
              font-size: 20px; } }
      .form-common-page .form-content .inner-form-desc .desc {
        margin-bottom: 45px; }
        .form-common-page .form-content .inner-form-desc .desc p {
          font-size: 16px; }
    .form-common-page .form-content .btn-box {
      margin-top: 20px;
      text-align: center; }
      .form-common-page .form-content .btn-box p {
        font-size: 14px; }
      .form-common-page .form-content .btn-box .custom-btn {
        margin: 15px auto 0;
        padding: 8px 22px; }

.hero-section {
  position: relative;
  min-height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden; }
  @media (max-width: 767px) {
    .hero-section {
      min-height: auto;
      display: block; } }
  .hero-section .container {
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      .hero-section .container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%; } }
  .hero-section .hero-bg-left, .hero-section .hero-bg-right {
    -webkit-box-shadow: 0px 0px 0px 4000px #0000001a inset;
    box-shadow: 0px 0px 0px 4000px #0000001a inset;
    position: absolute;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%; }
    @media (max-width: 767px) {
      .hero-section .hero-bg-left, .hero-section .hero-bg-right {
        position: static;
        width: 100%;
        height: 300px; } }
  .hero-section .hero-bg-left {
    left: 0; }
  .hero-section .hero-bg-right {
    right: 0; }
  .hero-section .banner-content {
    background: #ffffffcc;
    border-radius: 6px;
    padding: 60px 50px;
    text-align: center;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    max-width: 885px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .hero-section .banner-content {
        padding: 30px 20px; } }
    .hero-section .banner-content .title h1 {
      margin-bottom: 20px; }
    .hero-section .banner-content .description {
      margin-bottom: 30px; }
      .hero-section .banner-content .description p {
        font-size: 22px; }
        @media (max-width: 767px) {
          .hero-section .banner-content .description p {
            font-size: 20px; } }
        @media (max-width: 575px) {
          .hero-section .banner-content .description p {
            font-size: 18px; } }
    .hero-section .banner-content .banner-btns-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 15px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.home-about {
  padding: 100px 0;
  background-color: #fff8e7;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .home-about {
      padding: 60px 0; } }
  .home-about .about-top {
    text-align: center;
    margin-bottom: 115px; }
    @media (max-width: 991px) {
      .home-about .about-top {
        margin-bottom: 65px; } }
    .home-about .about-top .top-title {
      max-width: 800px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .home-about .about-top .top-title {
          margin-top: 40px; } }
  .home-about .about-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .home-about .about-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .home-about .about-box .about-box-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .home-about .about-box .about-box-left::before {
        content: '';
        position: absolute;
        right: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 200px;
        background-image: -webkit-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: -o-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-size: 12px 12px;
        opacity: 0.3;
        z-index: 1; }
        @media (max-width: 991px) {
          .home-about .about-box .about-box-left::before {
            display: none; } }
      .home-about .about-box .about-box-left .images-box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media (max-width: 767px) {
          .home-about .about-box .about-box-left .images-box {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; } }
        .home-about .about-box .about-box-left .images-box .img-one {
          position: relative;
          z-index: 2;
          border-radius: 6px;
          overflow: hidden;
          -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          margin-top: 50px;
          max-width: 280px; }
          @media (max-width: 767px) {
            .home-about .about-box .about-box-left .images-box .img-one {
              max-width: 100%;
              margin: 0; } }
        .home-about .about-box .about-box-left .images-box .img-two {
          position: relative;
          z-index: 3;
          border-radius: 6px;
          overflow: hidden;
          -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          margin-left: -60px;
          margin-top: -30px;
          max-width: 320px; }
          @media (max-width: 991px) {
            .home-about .about-box .about-box-left .images-box .img-two {
              margin-left: -40px; } }
          @media (max-width: 767px) {
            .home-about .about-box .about-box-left .images-box .img-two {
              max-width: 100%; } }
        .home-about .about-box .about-box-left .images-box img {
          width: 100%;
          height: auto;
          display: block;
          -o-object-fit: cover;
          object-fit: cover; }
    .home-about .about-box .about-box-right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 767px) {
        .home-about .about-box .about-box-right .content-box {
          text-align: center; } }
      .home-about .about-box .about-box-right .content-box .box-title {
        margin-bottom: 25px; }
      .home-about .about-box .about-box-right .content-box .box-desc {
        margin-bottom: 35px; }
        .home-about .about-box .about-box-right .content-box .box-desc p {
          margin-bottom: 15px; }
      .home-about .about-box .about-box-right .about-btns-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .home-about .about-box .about-box-right .about-btns-box {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }

.featured-chefs {
  padding: 100px 0;
  position: relative; }
  @media (max-width: 767px) {
    .featured-chefs {
      padding: 60px 0; } }
  .featured-chefs .content {
    text-align: center;
    margin: 0 auto 80px;
    max-width: 800px; }
    @media (max-width: 767px) {
      .featured-chefs .content {
        margin: 0 auto 40px; } }
    .featured-chefs .content .title {
      margin-bottom: 35px; }
  .featured-chefs .btn-box {
    margin-top: 80px; }
    @media (max-width: 767px) {
      .featured-chefs .btn-box {
        margin-top: 40px; } }
    .featured-chefs .btn-box .custom-btn {
      margin: 0 auto; }
  .featured-chefs .no-chefs {
    padding: 60px 0;
    grid-column: 1 / -1;
    text-align: center; }
    .featured-chefs .no-chefs p {
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      font-size: 22px; }

.chefs-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 32px;
  margin-bottom: 60px; }
  @media (max-width: 1199px) {
    .chefs-grid {
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 28px; } }
  @media (max-width: 991px) {
    .chefs-grid {
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 24px; } }
  @media (max-width: 767px) {
    .chefs-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 24px; } }
  .chefs-grid .chef-card {
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #453e3a33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .chefs-grid .chef-card:hover {
      -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
      border-color: #f57a39; }
      .chefs-grid .chef-card:hover .card-image img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08); }
      .chefs-grid .chef-card:hover .card-image::after {
        opacity: 1; }
      .chefs-grid .chef-card:hover .hair-experience {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
        box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4); }
      .chefs-grid .chef-card:hover .card-content {
        background: #fff8e7; }
        .chefs-grid .chef-card:hover .card-content .name h4 {
          color: #f57a39; }
      .chefs-grid .chef-card:hover .chef-tags p {
        background: #fff8e7;
        color: #f57a39;
        border-color: #f57a39; }
      .chefs-grid .chef-card:hover .chef-link {
        border-top-color: #f57a39; }
        .chefs-grid .chef-card:hover .chef-link p {
          gap: 12px;
          color: #f57a39; }
          .chefs-grid .chef-card:hover .chef-link p::after {
            -webkit-transform: translateX(4px);
            -ms-transform: translateX(4px);
            transform: translateX(4px); }
    .chefs-grid .chef-card a {
      text-decoration: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      color: inherit; }
    .chefs-grid .chef-card .card-image {
      position: relative;
      width: 100%;
      height: 320px;
      overflow: hidden;
      background: -webkit-linear-gradient(315deg, #e8eaf0 0%, #d4d7df 100%);
      background: -o-linear-gradient(315deg, #e8eaf0 0%, #d4d7df 100%);
      background: linear-gradient(135deg, #e8eaf0 0%, #d4d7df 100%); }
      @media (max-width: 991px) {
        .chefs-grid .chef-card .card-image {
          height: 280px; } }
      .chefs-grid .chef-card .card-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
      .chefs-grid .chef-card .card-image::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        opacity: 0;
        -webkit-transition: opacity 0.4s ease;
        -o-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
        pointer-events: none; }
    .chefs-grid .chef-card .open-for-work {
      position: absolute;
      top: 15px;
      left: 15px;
      background: #26A69A;
      padding: 4px 10px;
      border-radius: 6px;
      z-index: 2;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .chefs-grid .chef-card .open-for-work p {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #ffffff; }
    .chefs-grid .chef-card .hair-experience {
      top: 15px;
      right: 15px;
      background: -webkit-linear-gradient(315deg, #ffd700 0%, #f59e0b 100%);
      background: -o-linear-gradient(315deg, #ffd700 0%, #f59e0b 100%);
      background: linear-gradient(135deg, #ffd700 0%, #f59e0b 100%);
      padding: 4px 10px;
      border-radius: 6px;
      z-index: 2;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin-bottom: 15px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      .chefs-grid .chef-card .hair-experience p {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #ffffff; }
    .chefs-grid .chef-card .card-content {
      padding: 24px;
      background: #ffffff;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .chefs-grid .chef-card .card-content .name {
        margin: 0 0 15px 0; }
        .chefs-grid .chef-card .card-content .name h4 {
          -webkit-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease;
          text-transform: capitalize; }
      .chefs-grid .chef-card .card-content .location {
        margin-bottom: 16px; }
        .chefs-grid .chef-card .card-content .location p {
          font-size: 14px;
          color: #171617;
          margin: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 6px; }
          .chefs-grid .chef-card .card-content .location p::before {
            content: '📍';
            font-size: 14px; }
      .chefs-grid .chef-card .card-content > p {
        font-size: 13px;
        color: #171617;
        margin: 0 0 16px 0;
        font-weight: 500; }
    .chefs-grid .chef-card .chef-tags {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px; }
      .chefs-grid .chef-card .chef-tags p {
        display: inline-block;
        padding: 4px 12px;
        background: #fff8e7;
        color: #171617;
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 1px solid transparent; }
    .chefs-grid .chef-card .chef-link {
      margin-top: auto;
      padding-top: 20px;
      border-top: 1px solid #fff8e7;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .chefs-grid .chef-card .chef-link p {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative; }
        .chefs-grid .chef-card .chef-link p::after {
          content: '→';
          font-size: 18px;
          -webkit-transition: -webkit-transform 0.3s ease;
          transition: -webkit-transform 0.3s ease;
          -o-transition: transform 0.3s ease;
          transition: transform 0.3s ease;
          transition: transform 0.3s ease, -webkit-transform 0.3s ease;
          margin-top: -5px; }

.chefs-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 32px;
  margin-bottom: 60px; }
  @media (max-width: 1199px) {
    .chefs-grid {
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 28px; } }
  @media (max-width: 991px) {
    .chefs-grid {
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 24px; } }
  @media (max-width: 767px) {
    .chefs-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 24px; } }
  .chefs-grid .chef-card {
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #453e3a33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .chefs-grid .chef-card:hover {
      -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
      border-color: #f57a39; }
      .chefs-grid .chef-card:hover .card-image img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08); }
      .chefs-grid .chef-card:hover .card-image::after {
        opacity: 1; }
      .chefs-grid .chef-card:hover .chef-experience {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
        box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4); }
      .chefs-grid .chef-card:hover .chef-experience.chef-experience-level {
        -webkit-box-shadow: 0 6px 16px rgba(38, 166, 154, 0.35);
        box-shadow: 0 6px 16px rgba(38, 166, 154, 0.35); }
      .chefs-grid .chef-card:hover .card-content {
        background: #fff8e7; }
        .chefs-grid .chef-card:hover .card-content .name h4 {
          color: #f57a39; }
      .chefs-grid .chef-card:hover .chef-tags p {
        background: #fff8e7;
        color: #f57a39;
        border-color: #f57a39; }
      .chefs-grid .chef-card:hover .chef-link {
        border-top-color: #f57a39; }
        .chefs-grid .chef-card:hover .chef-link p {
          gap: 12px;
          color: #f57a39; }
          .chefs-grid .chef-card:hover .chef-link p::after {
            -webkit-transform: translateX(4px);
            -ms-transform: translateX(4px);
            transform: translateX(4px); }
    .chefs-grid .chef-card a {
      text-decoration: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      color: inherit; }
    .chefs-grid .chef-card .card-image {
      position: relative;
      width: 100%;
      height: 320px;
      overflow: hidden;
      background: -webkit-linear-gradient(315deg, #e8eaf0 0%, #d4d7df 100%);
      background: -o-linear-gradient(315deg, #e8eaf0 0%, #d4d7df 100%);
      background: linear-gradient(135deg, #e8eaf0 0%, #d4d7df 100%); }
      @media (max-width: 991px) {
        .chefs-grid .chef-card .card-image {
          height: 280px; } }
      .chefs-grid .chef-card .card-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
      .chefs-grid .chef-card .card-image::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.15) 100%);
        opacity: 0;
        -webkit-transition: opacity 0.4s ease;
        -o-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
        pointer-events: none; }
    .chefs-grid .chef-card .open-for-work {
      position: absolute;
      top: 15px;
      left: 15px;
      background: #26A69A;
      padding: 4px 10px;
      border-radius: 6px;
      z-index: 2;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .chefs-grid .chef-card .open-for-work p {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #ffffff; }
    .chefs-grid .chef-card .chef-experience {
      top: 15px;
      right: 15px;
      background: -webkit-linear-gradient(315deg, #ffd700 0%, #f59e0b 100%);
      background: -o-linear-gradient(315deg, #ffd700 0%, #f59e0b 100%);
      background: linear-gradient(135deg, #ffd700 0%, #f59e0b 100%);
      padding: 4px 10px;
      border-radius: 6px;
      z-index: 2;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin-bottom: 15px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      .chefs-grid .chef-card .chef-experience p {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #ffffff; }
    .chefs-grid .chef-card .chef-experience.chef-experience-level {
      background: -webkit-linear-gradient(315deg, #26A69A 0%, #1E8E84 100%);
      background: -o-linear-gradient(315deg, #26A69A 0%, #1E8E84 100%);
      background: linear-gradient(135deg, #26A69A 0%, #1E8E84 100%); }
    .chefs-grid .chef-card .card-content {
      padding: 24px;
      background: #ffffff;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .chefs-grid .chef-card .card-content .name {
        margin: 0 0 15px 0; }
        .chefs-grid .chef-card .card-content .name h4 {
          -webkit-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          transition: color 0.3s ease;
          text-transform: capitalize; }
      .chefs-grid .chef-card .card-content .location {
        margin-bottom: 16px; }
        .chefs-grid .chef-card .card-content .location p {
          font-size: 14px;
          color: #171617;
          margin: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 6px; }
          .chefs-grid .chef-card .card-content .location p::before {
            content: '📍';
            font-size: 14px; }
      .chefs-grid .chef-card .card-content > p {
        font-size: 13px;
        color: #171617;
        margin: 0 0 16px 0;
        font-weight: 500; }
    .chefs-grid .chef-card .chef-tags {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px; }
      .chefs-grid .chef-card .chef-tags p {
        display: inline-block;
        padding: 4px 12px;
        background: #fff8e7;
        color: #171617;
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 1px solid transparent; }
    .chefs-grid .chef-card .chef-link {
      margin-top: auto;
      padding-top: 20px;
      border-top: 1px solid #fff8e7;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .chefs-grid .chef-card .chef-link p {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative; }
        .chefs-grid .chef-card .chef-link p::after {
          content: '→';
          font-size: 18px;
          -webkit-transition: -webkit-transform 0.3s ease;
          transition: -webkit-transform 0.3s ease;
          -o-transition: transform 0.3s ease;
          transition: transform 0.3s ease;
          transition: transform 0.3s ease, -webkit-transform 0.3s ease;
          margin-top: -5px; }

.cta-section {
  background: #ffffff;
  padding: 100px 0px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .cta-section {
      padding: 60px 0; } }
  .cta-section .content {
    text-align: center;
    position: relative;
    z-index: 10; }
    @media (max-width: 991px) {
      .cta-section .content {
        max-width: 600px; } }
    @media (max-width: 767px) {
      .cta-section .content {
        max-width: 100%; } }
    .cta-section .content .title {
      max-width: 750px;
      margin: 0 auto 35px; }
    .cta-section .content .description {
      max-width: 800px;
      margin: 0 auto 40px; }
      .cta-section .content .description p {
        font-size: 22px;
        padding-bottom: 15px; }
        @media (max-width: 767px) {
          .cta-section .content .description p {
            font-size: 20px; } }
    .cta-section .content .btn-box {
      margin-top: 80px; }
      @media (max-width: 767px) {
        .cta-section .content .btn-box {
          margin-top: 40px; } }
      .cta-section .content .btn-box .custom-btn {
        margin: 0 auto; }
  .cta-section .floating-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1; }
    @media (max-width: 767px) {
      .cta-section .floating-icons {
        display: none; } }
    .cta-section .floating-icons .icon-box {
      position: absolute;
      background: #ffffff;
      border-radius: 6px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      width: 88px;
      height: 88px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 40px; }
    .cta-section .floating-icons .icon-1 {
      top: 10%;
      left: 8%;
      color: #ec4899;
      -webkit-animation: float 3s ease-in-out infinite;
      animation: float 3s ease-in-out infinite; }
    .cta-section .floating-icons .icon-2 {
      top: 15%;
      right: 10%;
      color: #06b6d4;
      -webkit-animation: float 3s ease-in-out infinite 0.5s;
      animation: float 3s ease-in-out infinite 0.5s; }
    .cta-section .floating-icons .icon-3 {
      top: 50%;
      left: 5%;
      color: #a855f7;
      -webkit-animation: float 3s ease-in-out infinite 1s;
      animation: float 3s ease-in-out infinite 1s;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .cta-section .floating-icons .icon-4 {
      top: 55%;
      right: 8%;
      color: #f59e0b;
      -webkit-animation: float 3s ease-in-out infinite 1.5s;
      animation: float 3s ease-in-out infinite 1.5s;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .cta-section .floating-icons .icon-5 {
      bottom: 15%;
      left: 8%;
      color: #10b981;
      -webkit-animation: float 3s ease-in-out infinite 2s;
      animation: float 3s ease-in-out infinite 2s; }
    .cta-section .floating-icons .icon-6 {
      bottom: 20%;
      right: 10%;
      color: #ef4444;
      -webkit-animation: float 3s ease-in-out infinite 2.5s;
      animation: float 3s ease-in-out infinite 2.5s; }

@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

.common-user-profile {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .common-user-profile {
      padding: 60px 0; } }
  .common-user-profile .user-profile-layout {
    gap: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.4fr 1fr;
    grid-template-columns: 0.4fr 1fr; }
    @media (max-width: 1199px) {
      .common-user-profile .user-profile-layout {
        -ms-grid-columns: 0.5fr 1fr;
        grid-template-columns: 0.5fr 1fr; } }
    @media (max-width: 991px) {
      .common-user-profile .user-profile-layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card {
      background: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top {
        padding: 15px 15px 5px; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .name p {
          font-size: 22px;
          font-weight: 700; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 7px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role p {
            font-size: 14px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge {
            position: relative;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            cursor: help; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge img {
              width: 21px;
              height: 21px;
              -o-object-fit: contain;
              object-fit: contain; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge::after {
              content: attr(data-tooltip);
              position: absolute;
              top: 120%;
              left: 0%;
              -webkit-transform: translate(0%, 0px);
              -ms-transform: translate(0%, 0px);
              transform: translate(0%, 0px);
              background: #ffffff;
              color: #171617;
              padding: 10px;
              border-radius: 8px;
              font-size: 15px;
              line-height: 1.4;
              white-space: nowrap;
              opacity: 0;
              popoppins-events: none;
              -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
              box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
              -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              -o-transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
              z-index: 10;
              font-family: "Poppins", sans-serif;
              font-weight: 500;
              border: 1px solid #453e3a33; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge::before {
              content: "";
              position: absolute;
              top: 115%;
              left: 0%;
              -webkit-transform: translate(0%, 0px);
              -ms-transform: translate(0%, 0px);
              transform: translate(0%, 0px);
              border-width: 3px;
              border-style: solid;
              border-color: #ffffff transparent transparent transparent;
              opacity: 0;
              -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              -o-transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge:hover::after, .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge:hover::before {
              opacity: 1;
              -webkit-transform: translate(0%, 0);
              -ms-transform: translate(0%, 0);
              transform: translate(0%, 0); }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo {
        position: relative; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo img {
          -webkit-clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%);
          clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%);
          width: 100%;
          height: 310px;
          -o-object-fit: cover;
          object-fit: cover; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .open-for-work {
          position: absolute;
          top: 15px;
          right: 10px;
          background: #26A69A;
          padding: 4px 10px;
          border-radius: 6px;
          z-index: 2;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .open-for-work p {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color: #ffffff; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .hiring-box {
          position: absolute;
          top: 15px;
          right: 10px;
          background: #f57a39;
          padding: 4px 10px;
          border-radius: 6px;
          z-index: 2;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .hiring-box p {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color: #ffffff; }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom {
        padding: 15px; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item {
          margin-bottom: 5px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item:last-of-type {
            margin-bottom: 0; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item p {
            font-size: 16px;
            color: #171617; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item p span {
              font-weight: 600;
              margin-right: 2px;
              color: #000000; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .show-contact-btn {
            background: transparent;
            border: 0;
            cursor: popoppins;
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            color: #f57a39;
            text-decoration: underline; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .show-contact-btn:hover {
              color: #f57a39;
              text-decoration: none; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact {
            font-weight: 400 !important; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact a {
              color: #171617;
              text-decoration: none;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact a:hover {
                color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social {
          margin-top: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 0 10px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link {
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link i {
              font-size: 18px;
              color: #000000;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link:hover i {
              color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-btn {
          margin-top: 20px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-btn .custom-btn {
            padding: 8px 20px;
            font-size: 14px;
            margin: 0 auto; }
    .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav {
      background: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 50px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 5px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        padding: 15px 20px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 8px;
        background: none;
        border: 0; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item:hover {
          color: #ffffff;
          background-color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item:focus {
          outline: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item.is-active {
        color: #ffffff;
        background-color: #f57a39; }
    .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel {
      display: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
        margin-bottom: 65px; }
        @media (max-width: 991px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
            margin-bottom: 45px; } }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
            margin-bottom: 25px; } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title h4 {
          font-family: "Poppins", sans-serif;
          font-weight: 500;
          position: relative;
          display: inline-block;
          font-weight: 700;
          z-index: 1; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title h4::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 5px;
            width: 100%;
            height: 8px;
            background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #f57a39), to(rgba(233, 30, 99, 0)));
            background: -webkit-linear-gradient(bottom, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            background: -o-linear-gradient(bottom, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            background: linear-gradient(to top, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            z-index: -1; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .subtitle {
        margin-bottom: 25px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .subtitle h5 {
          font-family: "Poppins", sans-serif;
          font-weight: 600; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p {
        padding-bottom: 15px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p a {
          color: #f57a39;
          text-decoration: underline;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p a:hover {
            color: #000000;
            text-decoration: underline; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p:last-of-type {
          padding-bottom: 0; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card {
        border-top: 1px solid #453e3a33;
        margin-top: 35px;
        padding-top: 35px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group {
        border-bottom: 1px solid #453e3a33;
        margin-bottom: 45px;
        padding-bottom: 15px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group:last-of-type {
          border: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 10px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item:last-of-type {
            margin-bottom: 0; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item .credentials-title p {
            color: #000000;
            font-weight: 600; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item .credentials-year p {
            font-size: 16px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 8px; }
        @media (max-width: 991px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
            -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status {
          padding: 4px 8px;
          background: #fff8e7;
          border-radius: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status p {
            font-size: 16px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status.single-status-last {
          -ms-grid-column-span: 3;
          grid-column: span 3; }
          @media (max-width: 767px) {
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status.single-status-last {
              grid-column: auto; } }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box {
        border-bottom: 1px solid #453e3a33;
        margin-bottom: 35px;
        padding-bottom: 35px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box:last-of-type {
          border-bottom: 0;
          margin-bottom: 0px;
          padding-bottom: 0px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services {
            border-radius: 8px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border: 1px solid transparent;
            display: inline-block;
            padding: 6px 12px;
            background: #fff8e7;
            transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services p {
              color: #171617;
              font-size: 14px;
              font-weight: 500;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services:hover {
              background: #fff8e7;
              border-color: #f57a39; }
              .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services:hover p {
                color: #f57a39; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 20px;
        justify-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item {
          overflow: hidden;
          border-radius: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item a {
            display: block;
            width: 100%;
            height: 100%; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 8px;
            display: block;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item:hover img {
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            transform: scale(1.06); }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .working-hours-card .single-hour {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #453e3a33; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .working-hours-card .single-hour .year p {
          font-weight: 600;
          color: #000000; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours {
        text-align: center;
        min-height: 35vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours .open-work {
          margin-bottom: 25px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours .open-work h4 {
            font-family: "Poppins", sans-serif;
            font-weight: 600; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-bottom: 30px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box svg {
          width: 25px;
          height: 25px;
          margin-right: 5px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p {
          font-size: 16px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p a {
            text-decoration: underline;
            color: #171617;
            -webkit-transition: all 0.3 ease;
            -o-transition: all 0.3 ease;
            transition: all 0.3 ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p a:hover {
              color: #f57a39;
              text-decoration: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .single-map-box canvas {
        width: 100% !important;
        height: 400px !important; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .transformations-section .load-more-wrapper .custom-btn {
        padding: 7px 18px;
        font-size: 14px;
        margin: 50px auto 0; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box {
        text-align: center;
        min-height: 45vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box p {
          font-size: 20px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box p span {
            font-weight: 600;
            color: #000000; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel.is-active {
        display: block; }

.how-membership-works {
  padding: 100px 0;
  background-color: #fff8e7; }
  @media (max-width: 767px) {
    .how-membership-works {
      padding: 60px 0; } }
  .how-membership-works .content {
    text-align: center;
    margin: 0 auto 80px;
    max-width: 800px; }
    @media (max-width: 767px) {
      .how-membership-works .content {
        margin: 0 auto 40px; } }
    .how-membership-works .content .title {
      margin-bottom: 35px; }
  .how-membership-works .steps-wrap {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px; }
    .how-membership-works .steps-wrap .single-step {
      background: #ffffff;
      border: 1px solid #171617;
      border-radius: 6px;
      padding: 20px;
      gap: 20px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .how-membership-works .steps-wrap .single-step:hover {
        border: 1px solid #f57a39; }
      .how-membership-works .steps-wrap .single-step .step-number {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: -ms-grid;
        display: grid;
        place-items: center;
        background: #f57a39;
        margin-bottom: 15px;
        margin-left: auto; }
        .how-membership-works .steps-wrap .single-step .step-number p {
          color: #ffffff;
          font-weight: 700;
          font-size: 16px;
          line-height: 1; }
      .how-membership-works .steps-wrap .single-step .step-content h5 {
        margin-bottom: 15px; }
      .how-membership-works .steps-wrap .single-step .step-content p {
        margin: 0;
        font-size: 16px; }

.membership-postreg {
  padding: 100px 0;
  background-color: #ffffff;
  /* Left: flow */
  /* Right: prices */ }
  @media (max-width: 767px) {
    .membership-postreg {
      padding: 60px 0; } }
  .membership-postreg .content {
    text-align: center;
    margin: 0 auto 80px;
    max-width: 800px; }
    @media (max-width: 1199px) {
      .membership-postreg .content {
        margin: 0 auto 60px; } }
    @media (max-width: 767px) {
      .membership-postreg .content {
        margin: 0 auto 40px; } }
    .membership-postreg .content .title {
      margin-bottom: 35px; }
  .membership-postreg .postreg-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.9fr;
    grid-template-columns: 1fr 0.9fr;
    gap: 25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    @media (max-width: 1199px) {
      .membership-postreg .postreg-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 25px; } }
  .membership-postreg .flow-col {
    background: #fff8e7;
    border: 1px solid #453e3a33;
    border-radius: 6px;
    padding: 25px; }
    @media (max-width: 575px) {
      .membership-postreg .flow-col {
        padding: 15px; } }
    .membership-postreg .flow-col .flow-steps .single-step {
      margin-bottom: 25px; }
      .membership-postreg .flow-col .flow-steps .single-step:last-of-type {
        margin-bottom: 0; }
      .membership-postreg .flow-col .flow-steps .single-step h4 {
        margin-bottom: 10px; }
      .membership-postreg .flow-col .flow-steps .single-step p {
        font-size: 16px; }
    .membership-postreg .flow-col .trial-note {
      background: #ffffff;
      border: 1px dashed #f57a39;
      border-radius: 6px;
      padding: 14px 16px;
      margin-top: 20px;
      margin-bottom: 20px; }
      .membership-postreg .flow-col .trial-note p {
        margin: 0 0 6px;
        font-size: 15px;
        color: #171617; }
        .membership-postreg .flow-col .trial-note p strong {
          color: #f57a39; }
      .membership-postreg .flow-col .trial-note .countdown-hint p {
        font-size: 13px;
        color: #171617;
        font-style: italic; }
        .membership-postreg .flow-col .trial-note .countdown-hint p span {
          font-weight: 700; }
    .membership-postreg .flow-col .cta-row {
      margin-top: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .membership-postreg .flow-col .cta-row a {
        display: inline-block;
        min-width: 220px;
        text-align: center;
        padding: 12px 18px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 700; }
  .membership-postreg .price-col .price-card {
    background: #ffffff;
    border: 1px solid #453e3a33;
    border-radius: 6px;
    padding: 25px; }
    @media (max-width: 575px) {
      .membership-postreg .price-col .price-card {
        padding: 15px; } }
    .membership-postreg .price-col .price-card .card-head {
      text-align: center;
      margin-bottom: 18px; }
      .membership-postreg .price-col .price-card .card-head .title {
        margin-bottom: 15px; }
        .membership-postreg .price-col .price-card .card-head .title h3 {
          margin-bottom: 10px;
          display: -ms-grid;
          display: grid;
          gap: 5px; }
          .membership-postreg .price-col .price-card .card-head .title h3 span {
            font-size: 22px; }
      .membership-postreg .price-col .price-card .card-head p {
        font-size: 14px; }
    .membership-postreg .price-col .price-card .price-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 15px; }
      @media (max-width: 767px) {
        .membership-postreg .price-col .price-card .price-list {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
      .membership-postreg .price-col .price-card .price-list .price-item {
        background: #fff8e7;
        border: 1px solid #453e3a33;
        border-radius: 6px;
        padding: 20px; }
        .membership-postreg .price-col .price-card .price-list .price-item.is-featured {
          background: #ffffff;
          border: 2px solid #f57a39; }
        .membership-postreg .price-col .price-card .price-list .price-item .price-line {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
          -ms-flex-align: baseline;
          align-items: baseline;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          gap: 10px;
          margin-bottom: 20px; }
          .membership-postreg .price-col .price-card .price-list .price-item .price-line .amount strong {
            font-size: 32px;
            line-height: 1;
            color: #222; }
            @media (max-width: 991px) {
              .membership-postreg .price-col .price-card .price-list .price-item .price-line .amount strong {
                font-size: 28px; } }
          .membership-postreg .price-col .price-card .price-list .price-item .price-line .amount span {
            margin-left: 6px;
            font-size: 14px;
            color: #666; }
          .membership-postreg .price-col .price-card .price-list .price-item .price-line .save-tag {
            background: #26A69A;
            padding: 4px 8px;
            border-radius: 5px;
            text-align: center; }
            .membership-postreg .price-col .price-card .price-list .price-item .price-line .save-tag p {
              color: #ffffff;
              font-size: 12px;
              font-weight: 600; }
        .membership-postreg .price-col .price-card .price-list .price-item .features {
          list-style: none;
          margin-bottom: 10px;
          padding: 0;
          display: -ms-grid;
          display: grid;
          gap: 10px; }
          .membership-postreg .price-col .price-card .price-list .price-item .features li {
            position: relative;
            padding-left: 18px;
            font-size: 15px;
            color: #000000;
            line-height: 1.6;
            font-family: "Poppins", sans-serif; }
            .membership-postreg .price-col .price-card .price-list .price-item .features li::before {
              content: "";
              position: absolute;
              left: 0;
              top: 8px;
              width: 8px;
              height: 8px;
              border-radius: 2px;
              background: #f57a39; }
        .membership-postreg .price-col .price-card .price-list .price-item .hint p {
          font-size: 12px; }
    .membership-postreg .price-col .price-card .fineprint {
      margin-top: 20px;
      text-align: center; }
      .membership-postreg .price-col .price-card .fineprint p {
        font-size: 12px; }

.about-story {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .about-story {
      padding: 60px 0; } }
  .about-story .about-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .about-story .about-content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 40px; } }
    .about-story .about-content-box .about-content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 767px) {
        .about-story .about-content-box .about-content {
          text-align: center; } }
      .about-story .about-content-box .about-content .itle {
        margin-bottom: 25px; }
      .about-story .about-content-box .about-content .description p {
        margin-bottom: 15px; }
    .about-story .about-content-box .about-image {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .about-story .about-content-box .about-image::before {
        content: '';
        position: absolute;
        left: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 350px;
        background-image: -webkit-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: -o-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-size: 12px 12px;
        opacity: 0.3;
        z-index: 1; }
        @media (max-width: 991px) {
          .about-story .about-content-box .about-image::before {
            display: none; } }
      .about-story .about-content-box .about-image .big-img {
        position: relative;
        z-index: 2;
        -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
        .about-story .about-content-box .about-image .big-img img {
          width: 100%;
          height: 560px;
          display: block;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 6px; }
          @media (max-width: 767px) {
            .about-story .about-content-box .about-image .big-img img {
              height: 375px; } }
      .about-story .about-content-box .about-image .img-title {
        position: absolute;
        bottom: 25px;
        right: 25px;
        z-index: 2;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 6px 14px;
        border-radius: 6px;
        background-color: #f57a39; }
        .about-story .about-content-box .about-image .img-title p {
          color: #ffffff;
          font-size: 15px; }

.for-professionals {
  padding: 100px 0;
  background-color: #fff8e7;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .for-professionals {
      padding: 60px 0; } }
  .for-professionals .hs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .for-professionals .hs-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .for-professionals .hs-box .hs-box-right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 767px) {
        .for-professionals .hs-box .hs-box-right .hscontent-box {
          text-align: center; } }
      .for-professionals .hs-box .hs-box-right .hscontent-box .title {
        margin-bottom: 25px; }
      .for-professionals .hs-box .hs-box-right .hscontent-box .description {
        margin-bottom: 35px; }
        .for-professionals .hs-box .hs-box-right .hscontent-box .description p {
          margin-bottom: 15px; }
      .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list {
            text-align: left; } }
        .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list .icon {
          width: 40px;
          height: 40px;
          background: #f57a39;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 15px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list .icon i {
            color: #ffffff;
            font-size: 16px; }
        .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list .list-desc .desc-title p {
          margin: 0;
          font-weight: 600;
          font-size: 20px; }
          @media (max-width: 767px) {
            .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list .list-desc .desc-title p {
              font-size: 18px; } }
        .for-professionals .hs-box .hs-box-right .hscontent-box .hs-list .single-list .list-desc .subtitle p {
          font-size: 16px; }
      .for-professionals .hs-box .hs-box-right .btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .for-professionals .hs-box .hs-box-right .btn-box {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 35px; } }
    .for-professionals .hs-box .hs-box-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .for-professionals .hs-box .hs-box-left::before {
        content: '';
        position: absolute;
        right: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 200px;
        background-image: -webkit-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: -o-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-size: 12px 12px;
        opacity: 0.3;
        z-index: 1; }
        @media (max-width: 991px) {
          .for-professionals .hs-box .hs-box-left::before {
            display: none; } }
      .for-professionals .hs-box .hs-box-left .images-box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media (max-width: 767px) {
          .for-professionals .hs-box .hs-box-left .images-box {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; } }
        .for-professionals .hs-box .hs-box-left .images-box .img-one {
          position: relative;
          z-index: 2;
          border-radius: 6px;
          overflow: hidden;
          -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          margin-top: 50px;
          max-width: 280px; }
          @media (max-width: 767px) {
            .for-professionals .hs-box .hs-box-left .images-box .img-one {
              max-width: 100%;
              margin: 0; } }
        .for-professionals .hs-box .hs-box-left .images-box .img-two {
          position: relative;
          z-index: 3;
          border-radius: 6px;
          overflow: hidden;
          -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          margin-left: -60px;
          margin-top: -30px;
          max-width: 320px; }
          @media (max-width: 991px) {
            .for-professionals .hs-box .hs-box-left .images-box .img-two {
              margin-left: -40px; } }
          @media (max-width: 767px) {
            .for-professionals .hs-box .hs-box-left .images-box .img-two {
              max-width: 100%; } }
        .for-professionals .hs-box .hs-box-left .images-box img {
          width: 100%;
          height: auto;
          display: block;
          -o-object-fit: cover;
          object-fit: cover; }

.for-visitors {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .for-visitors {
      padding: 60px 0; } }
  .for-visitors .visitors-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .for-visitors .visitors-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 50px; } }
    .for-visitors .visitors-box .visitors-box-right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 767px) {
        .for-visitors .visitors-box .visitors-box-right .hscontent-box {
          text-align: center; } }
      .for-visitors .visitors-box .visitors-box-right .hscontent-box .title {
        margin-bottom: 25px; }
      .for-visitors .visitors-box .visitors-box-right .hscontent-box .description {
        margin-bottom: 35px; }
        .for-visitors .visitors-box .visitors-box-right .hscontent-box .description p {
          margin-bottom: 15px; }
      .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list {
            text-align: left; } }
        .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list .icon {
          width: 40px;
          height: 40px;
          background: #f57a39;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 15px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list .icon i {
            color: #ffffff;
            font-size: 16px; }
        .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list .list-desc .desc-title p {
          margin: 0;
          font-weight: 600;
          font-size: 20px; }
          @media (max-width: 767px) {
            .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list .list-desc .desc-title p {
              font-size: 18px; } }
        .for-visitors .visitors-box .visitors-box-right .hscontent-box .visitors-list .single-list .list-desc .subtitle p {
          font-size: 16px; }
      .for-visitors .visitors-box .visitors-box-right .btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 767px) {
          .for-visitors .visitors-box .visitors-box-right .btn-box {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 35px; } }
    .for-visitors .visitors-box .visitors-box-left {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .for-visitors .visitors-box .visitors-box-left::before {
        content: '';
        position: absolute;
        left: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 350px;
        background-image: -webkit-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: -o-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-size: 12px 12px;
        opacity: 0.3;
        z-index: 1; }
        @media (max-width: 991px) {
          .for-visitors .visitors-box .visitors-box-left::before {
            display: none; } }
      .for-visitors .visitors-box .visitors-box-left .big-img {
        position: relative;
        z-index: 2;
        -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
        .for-visitors .visitors-box .visitors-box-left .big-img img {
          width: 100%;
          height: 560px;
          display: block;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 6px; }
          @media (max-width: 767px) {
            .for-visitors .visitors-box .visitors-box-left .big-img img {
              height: 375px; } }
      .for-visitors .visitors-box .visitors-box-left .img-title {
        position: absolute;
        bottom: 25px;
        left: 25px;
        z-index: 2;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 6px 14px;
        border-radius: 6px;
        background-color: #f57a39; }
        .for-visitors .visitors-box .visitors-box-left .img-title p {
          color: #ffffff;
          font-size: 15px; }

.comming-soon {
  padding: 100px 0;
  background-color: #fff8e7; }
  @media (max-width: 767px) {
    .comming-soon {
      padding: 60px 0; } }
  .comming-soon .soon-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    position: relative; }
    @media (max-width: 991px) {
      .comming-soon .soon-content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px; } }
    .comming-soon .soon-content-box .soon-content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 767px) {
        .comming-soon .soon-content-box .soon-content {
          text-align: center; } }
      .comming-soon .soon-content-box .soon-content .itle {
        margin-bottom: 25px; }
      .comming-soon .soon-content-box .soon-content .description p {
        margin-bottom: 15px; }
      .comming-soon .soon-content-box .soon-content .soon-list .single-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .comming-soon .soon-content-box .soon-content .soon-list .single-list {
            text-align: left; } }
        .comming-soon .soon-content-box .soon-content .soon-list .single-list .icon {
          width: 40px;
          height: 40px;
          background: #f57a39;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 15px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .comming-soon .soon-content-box .soon-content .soon-list .single-list .icon i {
            color: #ffffff;
            font-size: 16px; }
        .comming-soon .soon-content-box .soon-content .soon-list .single-list .list-desc .desc-title p {
          margin: 0;
          font-weight: 600;
          font-size: 20px; }
          @media (max-width: 767px) {
            .comming-soon .soon-content-box .soon-content .soon-list .single-list .list-desc .desc-title p {
              font-size: 18px; } }
        .comming-soon .soon-content-box .soon-content .soon-list .single-list .list-desc .subtitle p {
          font-size: 16px; }
    .comming-soon .soon-content-box .soon-image {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .comming-soon .soon-content-box .soon-image::before {
        content: '';
        position: absolute;
        right: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80px;
        height: 350px;
        background-image: -webkit-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: -o-radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-image: radial-gradient(circle, #f57a39 2px, transparent 2px);
        background-size: 12px 12px;
        opacity: 0.3;
        z-index: 1; }
        @media (max-width: 991px) {
          .comming-soon .soon-content-box .soon-image::before {
            display: none; } }
      .comming-soon .soon-content-box .soon-image .big-img {
        position: relative;
        z-index: 2;
        -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
        .comming-soon .soon-content-box .soon-image .big-img img {
          width: 100%;
          height: 560px;
          display: block;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 6px; }
          @media (max-width: 767px) {
            .comming-soon .soon-content-box .soon-image .big-img img {
              height: 375px; } }
      .comming-soon .soon-content-box .soon-image .img-title {
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 2;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 6px 14px;
        border-radius: 6px;
        background-color: #f57a39; }
        .comming-soon .soon-content-box .soon-image .img-title p {
          color: #ffffff;
          font-size: 15px; }

.contact-box {
  padding: 100px 0;
  background-color: #ffffff;
  /* Gray by default (placeholder selected) */
  /* Turn normal once a non-empty option is chosen */
  /* Ensure dropdown list colors stay correct */ }
  @media (max-width: 767px) {
    .contact-box {
      padding: 60px 0; } }
  .contact-box .contact-desc {
    text-align: center;
    margin: 0 auto 55px;
    max-width: 600px; }
    .contact-box .contact-desc .title {
      margin-bottom: 25px; }
  .contact-box .contact-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 60px;
    position: relative;
    max-width: 1199px;
    margin: 0 auto; }
    @media (max-width: 1199px) {
      .contact-box .contact-grid {
        gap: 40px; } }
    @media (max-width: 991px) {
      .contact-box .contact-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
    .contact-box .contact-grid .contact-form-box {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (max-width: 991px) {
        .contact-box .contact-grid .contact-form-box {
          width: 100%; } }
    .contact-box .contact-grid .contact-list {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      background-color: #ffffff;
      border-radius: 6px;
      padding: 40px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      border: 1px solid #453e3a33; }
      @media (max-width: 1199px) {
        .contact-box .contact-grid .contact-list {
          padding: 30px; } }
      @media (max-width: 575px) {
        .contact-box .contact-grid .contact-list {
          padding: 15px; } }
      .contact-box .contact-grid .contact-list .title {
        margin-bottom: 45px; }
      .contact-box .contact-grid .contact-list .list-box .single-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        border-bottom: 1px solid #453e3a33;
        padding-bottom: 20px;
        margin-bottom: 20px; }
        .contact-box .contact-grid .contact-list .list-box .single-list:last-of-type {
          padding-bottom: 0;
          margin-bottom: 0;
          border-bottom: 0; }
        .contact-box .contact-grid .contact-list .list-box .single-list .icon {
          width: 40px;
          height: 40px;
          background: #f57a39;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 15px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .contact-box .contact-grid .contact-list .list-box .single-list .icon i {
            color: #ffffff;
            font-size: 16px; }
        .contact-box .contact-grid .contact-list .list-box .single-list .list-desc .desc-title p {
          margin: 0;
          font-weight: 600;
          font-size: 20px; }
          @media (max-width: 767px) {
            .contact-box .contact-grid .contact-list .list-box .single-list .list-desc .desc-title p {
              font-size: 18px; } }
        .contact-box .contact-grid .contact-list .list-box .single-list .list-desc .subtitle p {
          font-size: 16px; }
  .contact-box .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .contact-box .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
      margin-bottom: 5px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-size: 14px; }
  .contact-box .wpcf7-form input[type="text"],
  .contact-box .wpcf7-form input[type="email"],
  .contact-box .wpcf7-form select,
  .contact-box .wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #453e3a33;
    border-radius: 6px;
    font-size: 16px;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    resize: none; }
    .contact-box .wpcf7-form input[type="text"]::-webkit-input-placeholder,
    .contact-box .wpcf7-form input[type="email"]::-webkit-input-placeholder,
    .contact-box .wpcf7-form select::-webkit-input-placeholder,
    .contact-box .wpcf7-form textarea::-webkit-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #453e3a8c; }
    .contact-box .wpcf7-form input[type="text"]:-ms-input-placeholder,
    .contact-box .wpcf7-form input[type="email"]:-ms-input-placeholder,
    .contact-box .wpcf7-form select:-ms-input-placeholder,
    .contact-box .wpcf7-form textarea:-ms-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #453e3a8c; }
    .contact-box .wpcf7-form input[type="text"]::-ms-input-placeholder,
    .contact-box .wpcf7-form input[type="email"]::-ms-input-placeholder,
    .contact-box .wpcf7-form select::-ms-input-placeholder,
    .contact-box .wpcf7-form textarea::-ms-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #453e3a8c; }
    .contact-box .wpcf7-form input[type="text"]::placeholder,
    .contact-box .wpcf7-form input[type="email"]::placeholder,
    .contact-box .wpcf7-form select::placeholder,
    .contact-box .wpcf7-form textarea::placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #453e3a8c; }
  .contact-box .wpcf7-form input:focus,
  .contact-box .wpcf7-form select:focus,
  .contact-box .wpcf7-form textarea:focus {
    border-color: #f57a39;
    outline: none; }
  .contact-box .wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23453e3a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px; }
  .contact-box select[name="inquiry_type"] {
    color: #453e3a8c !important; }
  .contact-box select[name="inquiry_type"]:has(option:checked:not([value=""])) {
    color: #453e3a !important; }
  .contact-box select[name="inquiry_type"] option {
    color: #000000; }
  .contact-box select[name="inquiry_type"] option[value=""] {
    color: #453e3a8c !important; }
  .contact-box .wpcf7-form input[type="submit"] {
    border: 1px solid;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 8px 22px;
    overflow: hidden;
    color: #ffffff;
    border-color: #f57a39;
    background-color: #f57a39; }
    @media (max-width: 767px) {
      .contact-box .wpcf7-form input[type="submit"] {
        font-size: 14px; } }
    .contact-box .wpcf7-form input[type="submit"]:hover {
      background-color: #ffffff;
      color: #f57a39; }
    .contact-box .wpcf7-form input[type="submit"]:focus {
      outline: none; }
  .contact-box .wpcf7-response-output {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #f57a39 !important;
    border: 1px solid #f57a39 !important;
    border-radius: 6px;
    color: #000000; }
  .contact-box .wpcf7 form.sent .wpcf7-response-output {
    background-color: #26A69A !important;
    border: 1px solid #26A69A !important;
    color: #ffffff; }
  .contact-box .wpcf7-mail-sent-ok {
    background: #ffffff;
    color: #26A69A;
    border: 0; }
  .contact-box .wpcf7-validation-errors {
    background: #ffffff;
    color: #ff2424;
    border: 0; }

.legally-page {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .legally-page {
      padding: 60px 0; } }
  .legally-page .legally-content {
    max-width: 991px;
    margin: 0 auto; }
    .legally-page .legally-content .title {
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        .legally-page .legally-content .title {
          margin-bottom: 35px; } }
    .legally-page .legally-content .description h4 {
      margin-top: 25px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .legally-page .legally-content .description h4 {
          margin-top: 10px; } }
    .legally-page .legally-content .description p {
      padding-bottom: 15px; }
      .legally-page .legally-content .description p:last-of-type {
        padding-bottom: 0; }
    .legally-page .legally-content .description ul li, .legally-page .legally-content .description ol li {
      color: #171617;
      font-family: "Poppins", sans-serif;
      line-height: 1.5;
      font-weight: 400;
      padding-bottom: 15px; }
      .legally-page .legally-content .description ul li:last-of-type, .legally-page .legally-content .description ol li:last-of-type {
        padding-bottom: 0; }
    .legally-page .legally-content .description ul {
      list-style-type: disc;
      padding-left: 40px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .legally-page .legally-content .description ul {
          padding-left: 20px; } }
    .legally-page .legally-content .description ol {
      list-style-type: decimal;
      padding-left: 40px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .legally-page .legally-content .description ol {
          padding-left: 20px; } }
    .legally-page .legally-content .description a {
      color: #f57a39;
      text-decoration: underline; }
      .legally-page .legally-content .description a:hover {
        color: #f57a39;
        text-decoration: none; }

.faq-content {
  padding: 100px 0;
  background-color: #fff8e7; }
  @media (max-width: 767px) {
    .faq-content {
      padding: 60px 0; } }
  .faq-content .faq-box {
    max-width: 767px;
    margin: 0 auto; }
    .faq-content .faq-box .single-faq {
      background-color: #ffffff;
      border-radius: 6px;
      -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      margin-bottom: 60px; }
      @media (max-width: 991px) {
        .faq-content .faq-box .single-faq {
          margin-bottom: 40px; } }
      .faq-content .faq-box .single-faq:last-of-type {
        margin-bottom: 0; }
      .faq-content .faq-box .single-faq .faq-title {
        background: #f57a39;
        padding: 20px;
        text-align: center; }
        @media (max-width: 767px) {
          .faq-content .faq-box .single-faq .faq-title {
            padding: 15px; } }
        .faq-content .faq-box .single-faq .faq-title h4 {
          color: #ffffff; }
      .faq-content .faq-box .single-faq .faq-item {
        border-bottom: 1px solid #fff8e7; }
        .faq-content .faq-box .single-faq .faq-item button.faq-question {
          background-color: #ffffff;
          width: 100%;
          padding: 20px;
          text-align: left;
          background: none;
          border: none;
          font-size: 19px;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          color: #000000;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          gap: 0 20px; }
          @media (max-width: 767px) {
            .faq-content .faq-box .single-faq .faq-item button.faq-question {
              font-size: 18px; } }
          .faq-content .faq-box .single-faq .faq-item button.faq-question i {
            color: #171617;
            -webkit-transition: -webkit-transform 0.3s ease;
            transition: -webkit-transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            transition: transform 0.3s ease;
            transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
          .faq-content .faq-box .single-faq .faq-item button.faq-question i.rotated {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
          .faq-content .faq-box .single-faq .faq-item button.faq-question:hover {
            background-color: #fff8e7; }
          .faq-content .faq-box .single-faq .faq-item button.faq-question:focus {
            outline: none; }
        .faq-content .faq-box .single-faq .faq-item button.faq-question.faq-btn-open {
          background-color: #fff8e7; }
        .faq-content .faq-box .single-faq .faq-item .faq-answer {
          display: none;
          padding: 20px 20px 5px;
          font-size: 16px;
          max-width: 90%; }
          @media (max-width: 767px) {
            .faq-content .faq-box .single-faq .faq-item .faq-answer {
              padding: 15px 15px 0px;
              max-width: 100%; } }
          .faq-content .faq-box .single-faq .faq-item .faq-answer ul {
            list-style: disc;
            margin-left: 20px;
            padding-left: 20px; }
            @media (max-width: 767px) {
              .faq-content .faq-box .single-faq .faq-item .faq-answer ul {
                margin-left: 15px;
                padding-left: 15px; } }
          .faq-content .faq-box .single-faq .faq-item .faq-answer ol {
            list-style: decimal;
            margin-left: 20px;
            padding-left: 20px; }
            @media (max-width: 767px) {
              .faq-content .faq-box .single-faq .faq-item .faq-answer ol {
                margin-left: 15px;
                padding-left: 15px; } }
          .faq-content .faq-box .single-faq .faq-item .faq-answer li {
            margin-bottom: 15px;
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            color: #000000; }
          .faq-content .faq-box .single-faq .faq-item .faq-answer p {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            color: #000000;
            padding-bottom: 15px; }
          .faq-content .faq-box .single-faq .faq-item .faq-answer a {
            color: #f57a39;
            text-decoration: underline; }
            .faq-content .faq-box .single-faq .faq-item .faq-answer a:hover {
              color: #f57a39;
              text-decoration: none; }

.chefs-page .hd-intro {
  padding: 100px 0;
  background: #ffffff; }
  @media (max-width: 767px) {
    .chefs-page .hd-intro {
      padding: 60px 0; } }
  .chefs-page .hd-intro .content {
    text-align: center;
    margin: 0 auto 55px;
    max-width: 760px; }
    .chefs-page .hd-intro .content .title {
      margin-bottom: 25px; }
    .chefs-page .hd-intro .content .description p {
      padding-bottom: 15px; }
      .chefs-page .hd-intro .content .description p:last-of-type {
        padding-bottom: 0; }
  .chefs-page .hd-intro__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 18px; }
    @media (max-width: 991px) {
      .chefs-page .hd-intro__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .chefs-page .hd-intro .intro-card {
    background: #fff8e7;
    border-radius: 6px;
    padding: 22px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06); }
    .chefs-page .hd-intro .intro-card h3 {
      margin: 0 0 10px 0;
      font-size: 24px; }
      @media (max-width: 767px) {
        .chefs-page .hd-intro .intro-card h3 {
          font-size: 22px; } }
    .chefs-page .hd-intro .intro-card p {
      margin: 0;
      font-size: 16px; }
    .chefs-page .hd-intro .intro-card:first-of-type {
      background: rgba(245, 122, 57, 0.07);
      border: 1px solid rgba(245, 122, 57, 0.18); }
  .chefs-page .hd-intro__note {
    margin-top: 22px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.2fr 0.8fr;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 18px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    @media (max-width: 991px) {
      .chefs-page .hd-intro__note {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .chefs-page .hd-intro__note .note-box {
      background: #ffffff;
      border: 1px dashed #f57a39;
      border-radius: 6px;
      padding: 14px 16px;
      margin-top: 0;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .chefs-page .hd-intro__note .note-box p {
        margin: 0;
        font-size: 14px; }
        .chefs-page .hd-intro__note .note-box p strong {
          color: #f57a39; }
    .chefs-page .hd-intro__note .note-quote {
      background: #ffffff;
      border-radius: 6px;
      padding: 18px 20px;
      border: 1px solid rgba(0, 0, 0, 0.06);
      -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
      position: relative; }
      .chefs-page .hd-intro__note .note-quote::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: #f57a39;
        border-radius: 6px 0 0 6px; }
      .chefs-page .hd-intro__note .note-quote p {
        font-size: 15px; }
      .chefs-page .hd-intro__note .note-quote span {
        display: block;
        font-size: 13px;
        opacity: 0.75; }

.chefs-page .hd-qa {
  padding: 100px 0;
  background: #fff8e7; }
  @media (max-width: 767px) {
    .chefs-page .hd-qa {
      padding: 60px 0; } }
  .chefs-page .hd-qa .content {
    text-align: center;
    margin: 0 auto 55px;
    max-width: 700px; }
    .chefs-page .hd-qa .content .title {
      margin-bottom: 25px; }
  .chefs-page .hd-qa .qa-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 360px 1fr;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }
    @media (max-width: 991px) {
      .chefs-page .hd-qa .qa-layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .chefs-page .hd-qa .qa-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 110px; }
    @media (max-width: 991px) {
      .chefs-page .hd-qa .qa-nav {
        position: relative;
        top: auto; } }
    .chefs-page .hd-qa .qa-nav__box {
      background: #ffffff;
      border-radius: 6px;
      padding: 18px;
      border: 1px solid rgba(0, 0, 0, 0.06);
      -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); }
    .chefs-page .hd-qa .qa-nav__title {
      margin: 0 0 10px 0;
      font-weight: 600;
      font-size: 18px; }
    .chefs-page .hd-qa .qa-nav__list {
      margin: 0;
      padding-left: 18px; }
      .chefs-page .hd-qa .qa-nav__list li {
        margin: 0;
        padding: 0; }
        .chefs-page .hd-qa .qa-nav__list li::marker {
          display: none;
          content: none; }
        .chefs-page .hd-qa .qa-nav__list li a {
          position: relative;
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 26px 1fr;
          grid-template-columns: 26px 1fr;
          gap: 10px;
          padding: 10px 0;
          text-decoration: none;
          color: inherit;
          border-top: 1px solid rgba(0, 0, 0, 0.06);
          -webkit-transition: color 0.2s ease;
          -o-transition: color 0.2s ease;
          transition: color 0.2s ease;
          /* ACTIVE STATE */ }
          .chefs-page .hd-qa .qa-nav__list li a .num {
            font-weight: 700;
            color: #f57a39;
            -webkit-transition: color 0.2s ease;
            -o-transition: color 0.2s ease;
            transition: color 0.2s ease; }
          .chefs-page .hd-qa .qa-nav__list li a .text {
            font-size: 14px;
            line-height: 1.35;
            -webkit-transition: color 0.2s ease;
            -o-transition: color 0.2s ease;
            transition: color 0.2s ease; }
          .chefs-page .hd-qa .qa-nav__list li a:hover .text {
            text-decoration: underline; }
          .chefs-page .hd-qa .qa-nav__list li a.is-active {
            color: #f57a39;
            font-weight: 600; }
            .chefs-page .hd-qa .qa-nav__list li a.is-active .num {
              color: #f57a39; }
            .chefs-page .hd-qa .qa-nav__list li a.is-active .text {
              color: #f57a39; }
            .chefs-page .hd-qa .qa-nav__list li a.is-active::before {
              content: '';
              position: absolute;
              left: -18px;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 4px;
              height: 70%;
              background: #f57a39;
              border-radius: 6px; }
        .chefs-page .hd-qa .qa-nav__list li:first-child a {
          border-top: none; }
    .chefs-page .hd-qa .qa-nav__cta {
      margin-top: 14px;
      display: block;
      text-align: center;
      padding: 8px 10px;
      border-radius: 6px;
      background-color: #f57a39;
      text-decoration: none;
      font-weight: 600;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border: 1px solid #f57a39; }
      .chefs-page .hd-qa .qa-nav__cta p {
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .chefs-page .hd-qa .qa-nav__cta:hover {
        background-color: #ffffff;
        border: 1px solid #f57a39; }
        .chefs-page .hd-qa .qa-nav__cta:hover p {
          color: #f57a39; }
  .chefs-page .hd-qa .qa-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px; }
  .chefs-page .hd-qa .qa-block {
    background: #ffffff;
    border-radius: 6px;
    padding: 22px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); }
    .chefs-page .hd-qa .qa-block__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 14px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .chefs-page .hd-qa .qa-block__top {
          margin-bottom: 10px; } }
    .chefs-page .hd-qa .qa-block__num {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #f57a39;
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-weight: 700;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-family: "Poppins", sans-serif;
      padding-top: 2px; }
    .chefs-page .hd-qa .qa-block__q {
      margin: 0;
      font-size: 26px; }
      @media (max-width: 767px) {
        .chefs-page .hd-qa .qa-block__q {
          font-size: 22px; } }
    .chefs-page .hd-qa .qa-block__a p {
      margin: 0;
      font-size: 16px;
      padding-bottom: 15px; }
      .chefs-page .hd-qa .qa-block__a p:last-of-type {
        padding-bottom: 0; }

.chefs-page .cta-section.survey-section .description .small {
  font-size: 16px;
  margin-top: 15px; }

.chefs-page .survey-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999; }
  .chefs-page .survey-modal.is-open {
    display: block; }
  .chefs-page .survey-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); }
  .chefs-page .survey-modal__dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 720px;
    max-width: 92%;
    max-height: 88vh;
    background: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.3);
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .chefs-page .survey-modal__header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #ffffff;
    border-bottom: 1px solid #453e3a33;
    padding: 14px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px; }
  .chefs-page .survey-modal__header-title {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 0; }
  .chefs-page .survey-modal__close {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #f57a39;
    background: #f57a39;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1; }
    .chefs-page .survey-modal__close span {
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      color: #ffffff;
      font-size: 24px;
      line-height: 1;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin-top: 1px; }
    .chefs-page .survey-modal__close:hover {
      background-color: #ffffff; }
      .chefs-page .survey-modal__close:hover span {
        color: #f57a39; }
  .chefs-page .survey-modal__content {
    padding: 18px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; }
    @media (max-width: 575px) {
      .chefs-page .survey-modal__content {
        padding: 14px; } }
  .chefs-page .survey-modal .wpcf7 {
    margin: 0; }
  .chefs-page .survey-modal .rmh-survey {
    font-family: "Poppins", sans-serif;
    color: #000000; }
    .chefs-page .survey-modal .rmh-survey__head {
      margin-bottom: 18px;
      padding-bottom: 16px;
      border-bottom: 1px solid #453e3a33; }
    .chefs-page .survey-modal .rmh-survey__title {
      margin: 0 0 8px 0;
      font-size: 24px;
      font-weight: 600; }
    .chefs-page .survey-modal .rmh-survey__subtitle {
      font-size: 14px;
      line-height: 1.55;
      opacity: 0.9; }
    .chefs-page .survey-modal .rmh-survey__section {
      padding: 16px 0;
      border-bottom: 1px solid #453e3a33; }
      .chefs-page .survey-modal .rmh-survey__section:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
    .chefs-page .survey-modal .rmh-survey__section-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 12px; }
  .chefs-page .survey-modal .rmh-field {
    margin-bottom: 14px; }
    .chefs-page .survey-modal .rmh-field:last-child {
      margin-bottom: 0; }
  .chefs-page .survey-modal .rmh-label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px; }
  .chefs-page .survey-modal .rmh-hint {
    font-weight: 400;
    opacity: 0.75;
    font-size: 12px; }
  .chefs-page .survey-modal .wpcf7-form input[type="text"],
  .chefs-page .survey-modal .wpcf7-form input[type="email"],
  .chefs-page .survey-modal .wpcf7-form select,
  .chefs-page .survey-modal .wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #453e3a33;
    border-radius: 6px;
    font-size: 16px;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    resize: none; }
    .chefs-page .survey-modal .wpcf7-form input[type="text"]::-webkit-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form input[type="email"]::-webkit-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form select::-webkit-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form textarea::-webkit-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #453e3a8c; }
    .chefs-page .survey-modal .wpcf7-form input[type="text"]:-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form input[type="email"]:-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form select:-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form textarea:-ms-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #453e3a8c; }
    .chefs-page .survey-modal .wpcf7-form input[type="text"]::-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form input[type="email"]::-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form select::-ms-input-placeholder,
    .chefs-page .survey-modal .wpcf7-form textarea::-ms-input-placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #453e3a8c; }
    .chefs-page .survey-modal .wpcf7-form input[type="text"]::placeholder,
    .chefs-page .survey-modal .wpcf7-form input[type="email"]::placeholder,
    .chefs-page .survey-modal .wpcf7-form select::placeholder,
    .chefs-page .survey-modal .wpcf7-form textarea::placeholder {
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #453e3a8c; }
  .chefs-page .survey-modal .wpcf7-form input:focus,
  .chefs-page .survey-modal .wpcf7-form select:focus,
  .chefs-page .survey-modal .wpcf7-form textarea:focus {
    border-color: #f57a39;
    outline: none; }
  .chefs-page .survey-modal .wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23453e3a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px; }
  .chefs-page .survey-modal .rmh-control .wpcf7-list-item {
    margin: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .chefs-page .survey-modal .rmh-control .wpcf7-list-item label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      font-size: 14px;
      line-height: 1.35;
      font-weight: 400; }
    .chefs-page .survey-modal .rmh-control .wpcf7-list-item input {
      margin-top: 3px; }
  .chefs-page .survey-modal .rmh-control--radiogrid,
  .chefs-page .survey-modal .rmh-control--checkgrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px; }
    @media (max-width: 575px) {
      .chefs-page .survey-modal .rmh-control--radiogrid,
      .chefs-page .survey-modal .rmh-control--checkgrid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .chefs-page .survey-modal .rmh-control--radiogrid .wpcf7-list-item,
    .chefs-page .survey-modal .rmh-control--checkgrid .wpcf7-list-item {
      margin: 0 0 5px 0; }
  .chefs-page .survey-modal .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .chefs-page .survey-modal .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
      margin-bottom: 6px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-size: 14px; }
  .chefs-page .survey-modal .rmh-privacy {
    background: #ffffff;
    border: 1px dashed #f57a39;
    border-radius: 6px;
    padding: 14px 16px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .chefs-page .survey-modal .rmh-privacy p {
      margin: 0;
      font-size: 14px; }
      .chefs-page .survey-modal .rmh-privacy p strong {
        color: #f57a39; }
  .chefs-page .survey-modal .rmh-submit {
    margin-top: 14px; }
  .chefs-page .survey-modal .wpcf7-form input[type="submit"] {
    border: 1px solid;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 10px 22px;
    overflow: hidden;
    color: #ffffff;
    border-color: #f57a39;
    background-color: #f57a39;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
    @media (max-width: 767px) {
      .chefs-page .survey-modal .wpcf7-form input[type="submit"] {
        font-size: 14px; } }
    .chefs-page .survey-modal .wpcf7-form input[type="submit"]:hover {
      background-color: #ffffff;
      color: #f57a39; }
    .chefs-page .survey-modal .wpcf7-form input[type="submit"]:focus {
      outline: none; }
  .chefs-page .survey-modal .wpcf7-response-output {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #f57a39 !important;
    border: 1px solid #f57a39 !important;
    border-radius: 6px;
    color: #000000; }
  .chefs-page .survey-modal .wpcf7 form.sent .wpcf7-response-output {
    background-color: #26A69A !important;
    border: 1px solid #26A69A !important;
    color: #ffffff; }

.page-id-2764 .page-holder {
  overflow: visible; }

.chefs-content {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .chefs-content {
      padding: 60px 0; } }
  .chefs-content .inner-desc {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; }
    .chefs-content .inner-desc .title {
      margin-bottom: 25px; }
    .chefs-content .inner-desc .desc p {
      margin-bottom: 15px; }
      .chefs-content .inner-desc .desc p:last-of-type {
        margin-bottom: 0; }

.chefs-list {
  padding: 0px 0 100px; }
  @media (max-width: 767px) {
    .chefs-list {
      padding: 0px 0 60px; } }
  .chefs-list .filters-section {
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .chefs-list .filters-section {
        padding: 20px; } }
    .chefs-list .filters-section .filter-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; }
      @media (max-width: 991px) {
        .chefs-list .filters-section .filter-list {
          -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
          gap: 20px; }
          .chefs-list .filters-section .filter-list .single-filter:nth-child(3) {
            grid-column: 1 / -1;
            -ms-grid-column-align: center;
            justify-self: center;
            width: 318px; } }
      @media (max-width: 767px) {
        .chefs-list .filters-section .filter-list {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; }
          .chefs-list .filters-section .filter-list .single-filter {
            grid-column: auto !important;
            width: 100% !important;
            -ms-grid-column-align: stretch !important;
            justify-self: stretch !important; } }
    .chefs-list .filters-section label {
      font-weight: 600;
      margin-bottom: 8px;
      display: block;
      color: #000000; }
    .chefs-list .filters-section input[type="radio"] {
      accent-color: #f57a39; }
    .chefs-list .filters-section .form-control {
      border: 1px solid #171617;
      border-radius: 6px;
      padding: 12px; }
    .chefs-list .filters-section .filter-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 20px; }
  .chefs-list .custom-multi-select {
    position: relative; }
    .chefs-list .custom-multi-select .multi-select-toggle {
      width: 100%;
      padding: 12px;
      border: 1px solid #171617;
      border-radius: 6px;
      background: #ffffff;
      text-align: left;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: dark 0.3s ease;
      -o-transition: dark 0.3s ease;
      transition: dark 0.3s ease;
      font-family: "Poppins", sans-serif; }
      .chefs-list .custom-multi-select .multi-select-toggle:hover, .chefs-list .custom-multi-select .multi-select-toggle:focus {
        border: 1px solid #f57a39;
        outline: none; }
    .chefs-list .custom-multi-select .multi-select-dropdown {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #ffffff;
      border-top: none;
      border-radius: 0 0 8px 8px;
      max-height: 300px;
      overflow-y: auto;
      z-index: 1000;
      -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
    .chefs-list .custom-multi-select .service-option {
      display: block;
      padding: 10px 15px;
      cursor: pointer;
      border-bottom: 1px solid #fff8e7;
      margin: 0;
      -webkit-transition: background 0.2s ease;
      -o-transition: background 0.2s ease;
      transition: background 0.2s ease;
      font-weight: 500; }
      .chefs-list .custom-multi-select .service-option:hover {
        background: #fff8e7; }
      .chefs-list .custom-multi-select .service-option input[type="checkbox"] {
        margin-right: 10px;
        accent-color: #f57a39; }
  .chefs-list .custom-multi-select.is-open .multi-select-dropdown {
    display: block; }
  .chefs-list .custom-multi-select.is-open .multi-select-toggle i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  .chefs-list #clear-filters-btn {
    background: #f57a39;
    border: 1px solid #f57a39;
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 8px 16px; }
    .chefs-list #clear-filters-btn i {
      margin-right: 8px; }
    .chefs-list #clear-filters-btn:hover {
      background: #ffffff;
      border: 1px solid #f57a39;
      color: #f57a39; }
  .chefs-list #loading-indicator {
    display: none; }
    .chefs-list #loading-indicator i {
      color: #f57a39;
      margin-right: 10px; }
    .chefs-list #loading-indicator span {
      color: #171617;
      font-size: 14px; }
    .chefs-list #loading-indicator .fa-spin {
      -webkit-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite; }
  .chefs-list .results-header {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .chefs-list .results-header .filter-status {
      margin: 5px 0 0 0;
      color: #171617;
      font-size: 0.9rem; }
  .chefs-list .pagination-nav .pagination-wrapper-container {
    text-align: center; }
  .chefs-list .pagination-nav .pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px; }
    @media (max-width: 767px) {
      .chefs-list .pagination-nav .pagination-wrapper {
        margin-top: 40px; } }
    .chefs-list .pagination-nav .pagination-wrapper .page-numbers {
      display: inline-block;
      padding: 8px 12px;
      margin: 0 5px;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      color: #171617;
      font-size: 16px;
      font-weight: 500;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 767px) {
        .chefs-list .pagination-nav .pagination-wrapper .page-numbers {
          padding: 6px 10px;
          font-size: 14px; } }
      .chefs-list .pagination-nav .pagination-wrapper .page-numbers:hover, .chefs-list .pagination-nav .pagination-wrapper .page-numbers.current {
        background: #f57a39;
        color: #ffffff;
        border: 1px solid #171617; }
      .chefs-list .pagination-nav .pagination-wrapper .page-numbers.prev, .chefs-list .pagination-nav .pagination-wrapper .page-numbers.next {
        background: #ffffff; }
        .chefs-list .pagination-nav .pagination-wrapper .page-numbers.prev:hover, .chefs-list .pagination-nav .pagination-wrapper .page-numbers.next:hover {
          background: #f57a39;
          color: #ffffff;
          border: 1px solid #171617; }
  .chefs-list .no-chefs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 30px 0;
    min-height: 30vh; }
  .chefs-list .no-results {
    text-align: center;
    padding: 60px 0;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
    .chefs-list .no-results .no-results-icon {
      color: #26A69A;
      font-size: 4rem;
      margin-bottom: 20px; }
    .chefs-list .no-results h3 {
      margin-bottom: 15px; }
    .chefs-list .no-results p {
      color: #171617;
      margin-bottom: 25px; }
    .chefs-list .no-results .clear-all-btn {
      background: #f57a39;
      color: #ffffff;
      padding: 12px 25px;
      border-radius: 25px;
      text-decoration: none;
      font-weight: 500; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media (max-width: 767px) {
  .chefs-list .hairdresser-card {
    margin-bottom: 20px; }
  .chefs-list .results-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px; }
  .chefs-list .pagination-nav .pagination-wrapper .page-numbers {
    padding: 8px 12px;
    font-size: 14px; }
  .chefs-list .custom-multi-select .multi-select-dropdown {
    max-height: 250px; } }

.common-user-profile {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .common-user-profile {
      padding: 60px 0; } }
  .common-user-profile .user-profile-layout {
    gap: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.4fr 1fr;
    grid-template-columns: 0.4fr 1fr; }
    @media (max-width: 1199px) {
      .common-user-profile .user-profile-layout {
        -ms-grid-columns: 0.5fr 1fr;
        grid-template-columns: 0.5fr 1fr; } }
    @media (max-width: 991px) {
      .common-user-profile .user-profile-layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card {
      background: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top {
        padding: 15px 15px 5px; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .name p {
          font-size: 22px;
          font-weight: 700; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 7px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role p {
            font-size: 14px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge {
            position: relative;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            cursor: help; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge img {
              width: 21px;
              height: 21px;
              -o-object-fit: contain;
              object-fit: contain; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge::after {
              content: attr(data-tooltip);
              position: absolute;
              top: 120%;
              left: 0%;
              -webkit-transform: translate(0%, 0px);
              -ms-transform: translate(0%, 0px);
              transform: translate(0%, 0px);
              background: #ffffff;
              color: #171617;
              padding: 10px;
              border-radius: 8px;
              font-size: 15px;
              line-height: 1.4;
              white-space: nowrap;
              opacity: 0;
              popoppins-events: none;
              -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
              box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
              -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              -o-transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
              z-index: 10;
              font-family: "Poppins", sans-serif;
              font-weight: 500;
              border: 1px solid #453e3a33; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge::before {
              content: "";
              position: absolute;
              top: 115%;
              left: 0%;
              -webkit-transform: translate(0%, 0px);
              -ms-transform: translate(0%, 0px);
              transform: translate(0%, 0px);
              border-width: 3px;
              border-style: solid;
              border-color: #ffffff transparent transparent transparent;
              opacity: 0;
              -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
              -o-transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease;
              transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge:hover::after, .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-top .role .verified-badge:hover::before {
              opacity: 1;
              -webkit-transform: translate(0%, 0);
              -ms-transform: translate(0%, 0);
              transform: translate(0%, 0); }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo {
        position: relative; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo img {
          -webkit-clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%);
          clip-path: polygon(0% 7%, 100% 0%, 100% 93%, 0% 100%);
          width: 100%;
          height: 310px;
          -o-object-fit: cover;
          object-fit: cover; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .open-for-work {
          position: absolute;
          top: 15px;
          right: 10px;
          background: #26A69A;
          padding: 4px 10px;
          border-radius: 6px;
          z-index: 2;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .open-for-work p {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color: #ffffff; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .hiring-box {
          position: absolute;
          top: 15px;
          right: 10px;
          background: #f57a39;
          padding: 4px 10px;
          border-radius: 6px;
          z-index: 2;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-photo .hiring-box p {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color: #ffffff; }
      .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom {
        padding: 15px; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item {
          margin-bottom: 5px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item:last-of-type {
            margin-bottom: 0; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item p {
            font-size: 16px;
            color: #171617; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item p span {
              font-weight: 600;
              margin-right: 2px;
              color: #000000; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .show-contact-btn {
            background: transparent;
            border: 0;
            cursor: popoppins;
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            color: #f57a39;
            text-decoration: underline; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .show-contact-btn:hover {
              color: #f57a39;
              text-decoration: none; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact {
            font-weight: 400 !important; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact a {
              color: #171617;
              text-decoration: none;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-info-list .info-item .hidden-contact a:hover {
                color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social {
          margin-top: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 0 10px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link {
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link i {
              font-size: 18px;
              color: #000000;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-social .sidebar-social-link:hover i {
              color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-btn {
          margin-top: 20px; }
          .common-user-profile .user-profile-layout .user-profile-sidebar .user-profile-sidebar-card .sidebar-bottom .sidebar-btn .custom-btn {
            padding: 8px 20px;
            font-size: 14px;
            margin: 0 auto; }
    .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav {
      background: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 50px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 5px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        padding: 15px 20px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 8px;
        background: none;
        border: 0; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item:hover {
          color: #ffffff;
          background-color: #f57a39; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item:focus {
          outline: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-nav .tab-item.is-active {
        color: #ffffff;
        background-color: #f57a39; }
    .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel {
      display: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
        margin-bottom: 65px; }
        @media (max-width: 991px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
            margin-bottom: 45px; } }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title {
            margin-bottom: 25px; } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title h4 {
          font-family: "Poppins", sans-serif;
          font-weight: 500;
          position: relative;
          display: inline-block;
          font-weight: 700;
          z-index: 1; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .title h4::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 5px;
            width: 100%;
            height: 8px;
            background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #f57a39), to(rgba(233, 30, 99, 0)));
            background: -webkit-linear-gradient(bottom, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            background: -o-linear-gradient(bottom, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            background: linear-gradient(to top, #f57a39 -40%, rgba(233, 30, 99, 0) 100%);
            z-index: -1; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .subtitle {
        margin-bottom: 25px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .subtitle h5 {
          font-family: "Poppins", sans-serif;
          font-weight: 600; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p {
        padding-bottom: 15px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p a {
          color: #f57a39;
          text-decoration: underline;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p a:hover {
            color: #000000;
            text-decoration: underline; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .about-box p:last-of-type {
          padding-bottom: 0; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card {
        border-top: 1px solid #453e3a33;
        margin-top: 35px;
        padding-top: 35px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group {
        border-bottom: 1px solid #453e3a33;
        margin-bottom: 45px;
        padding-bottom: 15px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group:last-of-type {
          border: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 10px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item:last-of-type {
            margin-bottom: 0; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item .credentials-title p {
            color: #000000;
            font-weight: 600; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .credentials-card .credentials-group .credentials-item .credentials-year p {
            font-size: 16px; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 8px; }
        @media (max-width: 991px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
            -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status {
          padding: 4px 8px;
          background: #fff8e7;
          border-radius: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status p {
            font-size: 16px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status.single-status-last {
          -ms-grid-column-span: 3;
          grid-column: span 3; }
          @media (max-width: 767px) {
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .status-box .status-list .single-status.single-status-last {
              grid-column: auto; } }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box {
        border-bottom: 1px solid #453e3a33;
        margin-bottom: 35px;
        padding-bottom: 35px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box:last-of-type {
          border-bottom: 0;
          margin-bottom: 0px;
          padding-bottom: 0px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services {
            border-radius: 8px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border: 1px solid transparent;
            display: inline-block;
            padding: 6px 12px;
            background: #fff8e7;
            transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services p {
              color: #171617;
              font-size: 14px;
              font-weight: 500;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services:hover {
              background: #fff8e7;
              border-color: #f57a39; }
              .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .services-section .services-box .services-list .single-services:hover p {
                color: #f57a39; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 20px;
        justify-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        @media (max-width: 767px) {
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item {
          overflow: hidden;
          border-radius: 8px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item a {
            display: block;
            width: 100%;
            height: 100%; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 8px;
            display: block;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .portfolio-section .portfolio-grid .portfolio-item:hover img {
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            transform: scale(1.06); }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .working-hours-card .single-hour {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #453e3a33; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .working-hours-card .single-hour .year p {
          font-weight: 600;
          color: #000000; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours {
        text-align: center;
        min-height: 35vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours .open-work {
          margin-bottom: 25px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .working-hours-section .open-hours .open-work h4 {
            font-family: "Poppins", sans-serif;
            font-weight: 600; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-bottom: 30px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box svg {
          width: 25px;
          height: 25px;
          margin-right: 5px; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p {
          font-size: 16px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p a {
            text-decoration: underline;
            color: #171617;
            -webkit-transition: all 0.3 ease;
            -o-transition: all 0.3 ease;
            transition: all 0.3 ease; }
            .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .address-box p a:hover {
              color: #f57a39;
              text-decoration: none; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .location-section .location-box .single-map-box canvas {
        width: 100% !important;
        height: 400px !important; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .transformations-section .load-more-wrapper .custom-btn {
        padding: 7px 18px;
        font-size: 14px;
        margin: 50px auto 0; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box {
        text-align: center;
        min-height: 45vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box p {
          font-size: 20px; }
          .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel .no-content-box p span {
            font-weight: 600;
            color: #000000; }
      .common-user-profile .user-profile-layout .user-profile-main .profile-tabs-content .tab-panel.is-active {
        display: block; }

.restaurant-content {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .restaurant-content {
      padding: 60px 0; } }
  .restaurant-content .inner-desc {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; }
    .restaurant-content .inner-desc .title {
      margin-bottom: 25px; }
    .restaurant-content .inner-desc .desc p {
      margin-bottom: 15px; }
      .restaurant-content .inner-desc .desc p:last-of-type {
        margin-bottom: 0; }

.restaurant-map-content {
  padding: 0px 0 100px; }
  @media (max-width: 767px) {
    .restaurant-map-content {
      padding: 0px 0 60px; } }
  .restaurant-map-content .main-map-box {
    margin-bottom: 35px; }
    .restaurant-map-content .main-map-box .filter-box {
      background: #ffffff;
      margin-bottom: 30px; }
      .restaurant-map-content .main-map-box .filter-box .filter-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown {
          position: relative;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown button {
            width: 100%;
            padding: 12px;
            border: 1px solid #171617;
            border-radius: 6px;
            background: #ffffff;
            text-align: left;
            cursor: popoppins;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: dark 0.3s ease;
            -o-transition: dark 0.3s ease;
            transition: dark 0.3s ease;
            font-family: "Poppins", sans-serif;
            line-height: 1;
            font-weight: 400;
            font-size: 16px; }
            .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown button:hover, .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown button:focus {
              border: 1px solid #f57a39;
              outline: none; }
          .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #ffffff;
            border-top: none;
            border-radius: 0 0 8px 8px;
            max-height: 300px;
            overflow-y: auto;
            z-index: 1000;
            -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            font-family: "Poppins", sans-serif;
            line-height: 1;
            font-weight: 400;
            font-size: 16px; }
            .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content.show {
              display: block; }
            .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content .search-input {
              width: 100%;
              padding: 10px;
              border: none;
              border-bottom: 1px solid #eee;
              outline: none;
              font-family: "Poppins", sans-serif;
              line-height: 1;
              font-weight: 400;
              font-size: 16px; }
            .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content #city-list {
              list-style: none;
              margin: 0;
              padding: 0; }
              .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content #city-list li {
                padding: 10px 15px;
                cursor: popoppins;
                -webkit-transition: background 0.3s ease;
                -o-transition: background 0.3s ease;
                transition: background 0.3s ease;
                font-family: "Poppins", sans-serif;
                line-height: 1;
                font-weight: 400;
                font-size: 16px; }
                .restaurant-map-content .main-map-box .filter-box .filter-top .custom-dropdown .dropdown-content #city-list li:hover {
                  background: #f0f8ff; }
        .restaurant-map-content .main-map-box .filter-box .filter-top .main-reset-btn button {
          background: #f57a39;
          border: 1px solid #f57a39;
          color: #ffffff;
          font-size: 14px;
          text-transform: capitalize;
          letter-spacing: 0;
          padding: 8px 16px; }
          .restaurant-map-content .main-map-box .filter-box .filter-top .main-reset-btn button:hover {
            background: #ffffff;
            border: 1px solid #f57a39;
            color: #f57a39; }
      .restaurant-map-content .main-map-box .filter-box .filter-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px; }
        @media (max-width: 991px) {
          .restaurant-map-content .main-map-box .filter-box .filter-buttons {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        .restaurant-map-content .main-map-box .filter-box .filter-buttons .filter-btn {
          display: inline-block;
          padding: 4px 12px;
          font-family: "Poppins", sans-serif;
          background: #fff8e7;
          color: #475569;
          font-size: 13px;
          font-weight: 500;
          border-radius: 6px;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          border: 1px solid transparent; }
          .restaurant-map-content .main-map-box .filter-box .filter-buttons .filter-btn:hover {
            background: #fff8e7;
            color: #f57a39;
            border-color: #f57a39; }
          .restaurant-map-content .main-map-box .filter-box .filter-buttons .filter-btn.active {
            background: #fff8e7;
            color: #f57a39;
            border-color: #f57a39; }
  .restaurant-map-content .map-box-content {
    min-height: 600px; }
    .restaurant-map-content .map-box-content .map-box-desc {
      gap: 40px;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
      @media (max-width: 991px) {
        .restaurant-map-content .map-box-content .map-box-desc {
          gap: 30px;
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
    .restaurant-map-content .map-box-content .restaurants-box {
      background: #ffffff;
      padding: 30px;
      border-radius: 6px;
      max-height: 650px;
      overflow-y: auto; }
      @media (max-width: 767px) {
        .restaurant-map-content .map-box-content .restaurants-box {
          padding: 15px; } }
      .restaurant-map-content .map-box-content .restaurants-box #restaurant-results {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 15px; }
        .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item {
          -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          border: 1px solid #453e3a33;
          background-color: #ffffff;
          border-radius: 6px;
          padding: 10px;
          overflow: hidden;
          max-width: 100%;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          cursor: popoppins; }
          .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item:hover {
            border-color: #f57a39;
            -webkit-box-shadow: none;
            box-shadow: none; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item:hover .restaurant-img .hover-img-box img {
              -webkit-transform: scale(1.08);
              -ms-transform: scale(1.08);
              transform: scale(1.08); }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item:hover .restaurant-desc .restaurant-title h5 {
              color: #f57a39; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item:hover .restaurant-desc .restaurant-city p {
              color: #f57a39; }
          .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item a {
            text-decoration: none;
            color: inherit;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 100%; }
          .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-img {
            position: relative;
            width: 100%;
            height: auto;
            margin-bottom: 10px; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-img .hover-img-box {
              overflow: hidden;
              border-radius: 6px; }
              .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-img .hover-img-box img {
                width: 100%;
                height: 205px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 6px;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1); }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-img .hiring-box {
              position: absolute;
              top: 10px;
              right: 10px;
              background: #f57a39;
              padding: 4px 10px;
              border-radius: 6px;
              z-index: 2;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-img .hiring-box p {
                font-size: 10px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.8px;
                color: #ffffff; }
          .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-desc {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            height: 100%; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-desc .restaurant-title {
              -webkit-box-flex: 1;
              -ms-flex-positive: 1;
              flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              padding-bottom: 15px; }
              .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-desc .restaurant-title h5 {
                margin: 0 0 8px 0;
                font-size: 20px;
                font-weight: 600;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-desc .restaurant-city {
              margin-top: auto; }
              .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .restaurant-item .restaurant-desc .restaurant-city p {
                margin: 0;
                line-height: 1;
                font-size: 16px;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
        .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .btn-box {
          grid-column: 1 / -1;
          display: block;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          margin: 0 auto; }
          .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .btn-box .load-more-btn {
            text-align: center;
            -webkit-transition: all 0.45s;
            -o-transition: all 0.45s;
            transition: all 0.45s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            letter-spacing: 1px;
            font-family: "Poppins", sans-serif;
            width: 100%;
            padding: 12px;
            border: 1px solid #000000;
            border-radius: 6px;
            background-color: #000000;
            color: #ffffff;
            margin-top: 20px;
            cursor: popoppins; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .btn-box .load-more-btn:focus {
              outline: none; }
            .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .btn-box .load-more-btn:hover {
              background-color: #ffffff;
              color: #000000; }
        .restaurant-map-content .map-box-content .restaurants-box #restaurant-results .no-restaurants-msg {
          grid-column: 1 / -1;
          text-align: center;
          color: #666;
          font-style: italic;
          padding: 40px 20px; }
    .restaurant-map-content .map-box-content.hide-map-mob {
      display: block; }
    .restaurant-map-content .map-box-content .map-box {
      background: #ffffff;
      padding: 30px;
      border-radius: 6px;
      overflow: hidden;
      height: 850px; }
      .restaurant-map-content .map-box-content .map-box #map {
        width: 100%;
        height: 100%; }
        .restaurant-map-content .map-box-content .map-box #map .custom-marker svg {
          width: 26px;
          height: 26px; }
          .restaurant-map-content .map-box-content .map-box #map .custom-marker svg:hover {
            fill: #9C27B0; }
        .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content {
          max-width: 160px;
          min-width: 160px;
          background: #ffffff;
          padding: 5px;
          border-radius: 6px;
          border: 1px solid transparent;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
          .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box {
            max-width: 250px; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box a {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              text-decoration: none;
              color: inherit; }
              .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box a:focus {
                border: 0;
                outline: none; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box:hover .restaurant-img .hover-img-box img {
              -webkit-transform: scale(1.08);
              -ms-transform: scale(1.08);
              transform: scale(1.08); }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box:hover .restaurant-desc .restaurant-title h5 {
              color: #f57a39; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box:hover .restaurant-desc .restaurant-city p {
              color: #f57a39; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-img {
              width: 100%;
              height: auto;
              margin-bottom: 10px;
              border-radius: 6px;
              overflow: hidden; }
              .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-img img {
                border-radius: 6px;
                width: 100%;
                height: 100px;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out; }
              .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-img .hiring-box {
                position: absolute;
                top: 10px;
                right: 10px;
                background: #f57a39;
                padding: 3px 6px;
                border-radius: 6px;
                z-index: 2;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-img .hiring-box p {
                  font-size: 8px;
                  font-weight: 700;
                  text-transform: uppercase;
                  letter-spacing: 0.8px;
                  color: #ffffff; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-desc .restaurant-title {
              margin-bottom: 10px; }
              .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-desc .restaurant-title h5 {
                font-size: 20px;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out; }
            .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .map-popup-box .restaurant-desc .restaurant-city p {
              font-size: 13px;
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
          .restaurant-map-content .map-box-content .map-box #map .mapboxgl-popup-content .mapboxgl-popup-close-button {
            display: none; }

@media (max-width: 991px) {
  .hide-map-mob {
    display: none; } }

.profile-single-content {
  padding: 100px 0;
  background-color: #ffffff; }
  @media (max-width: 767px) {
    .profile-single-content {
      padding: 60px 0; } }
  .profile-single-content .container-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.1fr 1fr;
    grid-template-columns: 0.1fr 1fr;
    gap: 25px; }
    @media (max-width: 1199px) {
      .profile-single-content .container-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 45px; } }
    .profile-single-content .container-box .tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 10px;
      height: 100%;
      width: 100%; }
      @media (max-width: 1199px) {
        .profile-single-content .container-box .tabs {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .profile-single-content .container-box .tabs p {
        max-width: 200px;
        font-size: 16px; }
        @media (max-width: 767px) {
          .profile-single-content .container-box .tabs p {
            max-width: -webkit-max-content;
            max-width: -moz-max-content;
            max-width: max-content;
            font-size: 14px; } }
      .profile-single-content .container-box .tabs .tab, .profile-single-content .container-box .tabs .tab-logout-link {
        border: 1px solid #171617;
        background-color: #ffffff;
        border-radius: 8px;
        display: inline-block;
        text-decoration: none;
        padding: 10px 20px;
        color: #171617;
        background: transparent;
        min-width: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 7px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media (max-width: 767px) {
          .profile-single-content .container-box .tabs .tab, .profile-single-content .container-box .tabs .tab-logout-link {
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            padding: 8px 14px; } }
        .profile-single-content .container-box .tabs .tab:hover, .profile-single-content .container-box .tabs .tab-logout-link:hover {
          color: #ffffff;
          background-color: #f57a39;
          border: 1px solid #f57a39; }
      .profile-single-content .container-box .tabs .tab.active {
        color: #ffffff;
        background-color: #f57a39;
        border: 1px solid #f57a39;
        position: relative; }
    .profile-single-content .container-box .nav-tabs-content .dashboard-content {
      width: 100%; }
      .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.5fr 1fr;
        grid-template-columns: 0.5fr 1fr;
        gap: 25px; }
        @media (max-width: 767px) {
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info {
          -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          border: 1px solid #453e3a33;
          background: #ffffff;
          padding: 15px;
          border-radius: 8px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .profile-img-box {
            margin-bottom: 20px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .profile-img-box img {
              width: 100%;
              height: 290px;
              border-radius: 8px;
              -o-object-fit: cover;
              object-fit: cover; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details {
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #453e3a33; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .details-single {
              margin-bottom: 10px; }
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .details-single p:first-of-type {
                font-size: 16px; }
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .details-single p:last-of-type {
                font-size: 14px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .salon-hours p {
              font-size: 16px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .salon-hours .hours-list {
              margin-top: 5px; }
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .account-details .salon-hours .hours-list p {
                font-size: 14px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list {
            padding-top: 15px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social {
              margin-bottom: 5px; }
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 10px;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a i {
                  color: #000000;
                  -webkit-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
                .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a p {
                  font-size: 14px;
                  -webkit-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
                .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a:hover {
                  color: #f57a39; }
                  .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a:hover i {
                    color: #f57a39; }
                  .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-info .social-links-card .social-links-list .single-social a:hover p {
                    color: #f57a39; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .prof-box {
          -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          border: 1px solid #453e3a33;
          background: #ffffff;
          padding: 15px;
          border-radius: 8px;
          margin-bottom: 25px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .prof-box:last-of-type {
            margin-bottom: 0px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .prof-box .prof-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .prof-box .prof-list .prof-skill {
              display: inline-block;
              padding: 4px 12px;
              background: #fff8e7;
              border-radius: 8px; }
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .prof-box .prof-list .prof-skill p {
                color: #171617;
                font-size: 14px;
                font-weight: 500; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card h5 {
          margin-bottom: 20px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box {
          margin-bottom: 25px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box:last-of-type {
            margin-bottom: 0; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box .cert-title {
            margin-bottom: 10px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box .cert-title p {
              font-size: 16px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box .single-cert {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 10px;
            padding: 4px 12px;
            background: #fff8e7;
            border-radius: 8px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .dashboard-top .profile-right .credentials-card .cert-box .single-cert p {
              color: #171617;
              font-size: 14px;
              font-weight: 500; }
      .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 15px;
        border-radius: 8px;
        margin-top: 25px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box h5 {
          margin-bottom: 20px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
          gap: 16px 8px; }
          @media (max-width: 991px) {
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list {
              -ms-grid-columns: (1fr)[2];
              grid-template-columns: repeat(2, 1fr); } }
          @media (max-width: 767px) {
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list {
              -ms-grid-columns: 1fr;
              grid-template-columns: 1fr; } }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list .single-status {
            padding: 4px 8px;
            background: #fff8e7;
            border-radius: 8px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list .single-status p {
              font-size: 16px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list .single-status.single-status-last {
            -ms-grid-column-span: 3;
            grid-column: span 3; }
            @media (max-width: 767px) {
              .profile-single-content .container-box .nav-tabs-content .dashboard-content .status-box .status-list .single-status.single-status-last {
                grid-column: auto; } }
      .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 15px;
        border-radius: 8px;
        margin-top: 25px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box h5 {
          margin-bottom: 20px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box p {
          font-size: 16px;
          padding-bottom: 15px; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box p a {
            color: #f57a39;
            text-decoration: underline;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box p a:hover {
              color: #000000;
              text-decoration: underline; }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .biography-box p:last-of-type {
            padding-bottom: 0; }
      .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 15px;
        border-radius: 8px;
        margin-top: 25px; }
        .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid {
          display: -ms-grid;
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
          grid-gap: 20px;
          justify-items: stretch;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch; }
          @media (max-width: 767px) {
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid {
              grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
          .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid .portfolio-item {
            overflow: hidden;
            border-radius: 8px; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid .portfolio-item a {
              display: block;
              width: 100%;
              height: 100%; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid .portfolio-item img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover;
              border-radius: 8px;
              display: block;
              -webkit-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .profile-single-content .container-box .nav-tabs-content .dashboard-content .portfolio-box .portfolio-grid .portfolio-item:hover img {
              -webkit-transform: scale(1.06);
              -ms-transform: scale(1.06);
              transform: scale(1.06); }
    .profile-single-content .container-box .nav-tabs-content .rate-hair-content {
      width: 100%; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .content-main-title {
        text-align: center;
        margin-bottom: 55px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .content-main-title h3 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .hair-success {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #26A69A;
        background: #26A69A;
        padding: 10px;
        border-radius: 8px;
        margin-bottom: 25px;
        text-align: center; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .hair-success p {
          color: #ffffff;
          font-weight: 600; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .hair-error {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #ff2424;
        background: #ff2424;
        padding: 10px;
        border-radius: 8px;
        margin-bottom: 25px;
        text-align: center; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .hair-error p {
          color: #ffffff;
          font-weight: 600; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .status-message {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 35px;
        border-radius: 8px;
        margin-bottom: 25px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .status-message .status-message-box {
          text-align: center; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .status-message .status-message-box .total-title {
            margin-bottom: 10px; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .status-message .status-message-box .total-title p {
              font-size: 24px;
              font-weight: 600; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .limit-reached-message {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 35px;
        border-radius: 8px;
        margin-bottom: 25px;
        text-align: center; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .limit-reached-message .limit-icon {
          color: #ff2424;
          font-size: 4rem;
          margin-bottom: 20px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .limit-reached-message h3 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 35px;
        border-radius: 8px;
        margin-bottom: 25px; }
        @media (max-width: 767px) {
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form {
            padding: 15px; } }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form .hair-form-title {
          text-align: center;
          margin-bottom: 25px; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form .hair-form-title h4 {
            margin-bottom: 15px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form label {
          margin-bottom: 10px;
          font-weight: 600;
          font-family: "Poppins", sans-serif;
          font-size: 16px; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form label span {
            margin-left: 5px;
            color: #ff2424; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select {
          width: 100%;
          padding: 15px;
          border: 1px solid #453e3a33;
          border-radius: 6px;
          font-size: 16px;
          -webkit-transition: border-color 0.3s ease;
          -o-transition: border-color 0.3s ease;
          transition: border-color 0.3s ease;
          margin-bottom: 0;
          font-family: "Poppins", sans-serif;
          font-weight: 400;
          color: #000000;
          resize: none; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input::-webkit-input-placeholder, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select::-webkit-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input:-ms-input-placeholder, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select:-ms-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input::-ms-input-placeholder, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select::-ms-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input::placeholder, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select::placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form input:focus, .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select:focus {
            border-color: #f57a39;
            outline: none; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: #ffffff;
          background-image: url("data:image/svg+xml,%3Csvg fill='%23453e3a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: right 15px center;
          background-size: 18px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form .fomr-btn {
          text-align: center; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form .fomr-btn button {
            border: 1px solid;
            border-radius: 6px;
            text-align: center;
            font-size: 16px;
            text-decoration: none;
            -webkit-transition: all 0.45s;
            -o-transition: all 0.45s;
            transition: all 0.45s;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            padding: 8px 22px;
            overflow: hidden;
            color: #ffffff;
            border-color: #f57a39;
            background-color: #f57a39; }
            @media (max-width: 767px) {
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form .fomr-btn button {
                font-size: 14px; } }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form .fomr-btn button:hover {
              background-color: #ffffff;
              color: #f57a39; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .add-hair-form form .fomr-btn button:focus {
              outline: none; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .user-hair-title {
        margin-bottom: 35px; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 32px; }
        @media (max-width: 1199px) {
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid {
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: 28px; } }
        @media (max-width: 991px) {
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid {
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 24px; } }
        @media (max-width: 767px) {
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 24px; } }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card {
          background: #ffffff;
          border-radius: 8px;
          -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
          border: 1px solid #453e3a33;
          overflow: hidden;
          height: 100%;
          position: relative; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card:hover {
            -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
            border-color: #f57a39; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .delete-hair-post {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 10;
            background: #ff2424;
            color: #ffffff;
            border: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            cursor: popoppins;
            font-size: 12px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .delete-hair-post:hover {
              -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
              transform: scale(1.1); }
            @media (max-width: 767px) {
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .delete-hair-post {
                width: 35px;
                height: 35px;
                font-size: 14px; } }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container {
            position: relative;
            height: 280px; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison {
              position: relative;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              height: 100%;
              width: 100%; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .img-wrapper-before {
                position: absolute;
                width: 100%;
                height: 100%;
                overflow: hidden; }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .img-wrapper-before img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                  object-fit: cover; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .img-wrapper-after {
                position: absolute;
                width: 100%;
                height: 100%;
                overflow: hidden;
                -webkit-clip-path: inset(0px 0px 0px 50%);
                clip-path: inset(0px 0px 0px 50%); }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .img-wrapper-after img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                  object-fit: cover; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .slider-line {
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 0.2rem;
                height: 100%;
                background-color: #FAFAFA;
                z-index: 2;
                popoppins-events: none; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison .image-slider {
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                background-color: transparent;
                position: absolute;
                width: calc(100% + 2.25rem);
                height: 100%;
                left: -1.125rem;
                z-index: 3;
                cursor: -webkit-grab;
                cursor: grab; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison > div:nth-child(5) {
                position: absolute;
                bottom: 10px;
                left: 10px;
                background: #000000;
                padding: 6px 12px;
                border-radius: 6px;
                z-index: 1;
                popoppins-events: none; }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison > div:nth-child(5) p {
                  font-size: 12px;
                  font-weight: 500;
                  color: #ffffff; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison > div:nth-child(6) {
                position: absolute;
                bottom: 10px;
                right: 10px;
                background: #26A69A;
                color: white;
                padding: 6px 12px;
                border-radius: 6px;
                z-index: 1;
                popoppins-events: none; }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container .image-comparison > div:nth-child(6) p {
                  font-size: 12px;
                  font-weight: 500;
                  color: #ffffff; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container > div:last-child {
              position: absolute;
              top: 15px;
              left: 15px;
              background: #ffffff;
              padding: 6px 12px;
              border-radius: 6px;
              -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
              z-index: 4;
              popoppins-events: none; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .before-after-container > div:last-child p {
                font-size: 12px;
                font-weight: 500;
                color: #000000; }
          .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content {
            padding: 25px;
            /* default all stars grey */
            /* color first N stars orange based on the class */
            /* keep the numeric text (the 6th span) styled separately */ }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              padding: 15px;
              background: #fff8e7;
              border-radius: 6px; }
              .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 3px; }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars span:not(:last-child) {
                  font-size: 26px; }
                .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars span:last-child {
                  margin-left: 10px;
                  color: #171617;
                  font-weight: 500;
                  font-size: 16px; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars > span {
              color: #ddd; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars.has-1 > span:nth-child(1),
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars.has-2 > span:nth-child(-n+2),
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars.has-3 > span:nth-child(-n+3),
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars.has-4 > span:nth-child(-n+4),
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars.has-5 > span:nth-child(-n+5) {
              color: #f57a39; }
            .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .hair-grid .hair-card .card-content .rating-display .stars > span:nth-child(n+6) {
              color: #666;
              font-weight: 500; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .user-hair-posts-empty {
        background: #ffffff;
        border-radius: 8px;
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        text-align: center;
        padding: 35px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .user-hair-posts-empty .empty-icon {
          color: #171617;
          font-size: 4rem;
          margin-bottom: 20px; }
        .profile-single-content .container-box .nav-tabs-content .rate-hair-content .user-hair-posts .user-hair-posts-empty h4 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .rate-hair-content .load-more-wrapper .custom-btn {
        padding: 7px 18px;
        font-size: 14px;
        margin: 50px auto 0; }
    .profile-single-content .container-box .nav-tabs-content .profile-content {
      width: 100%; }
      .profile-single-content .container-box .nav-tabs-content .profile-content .content-main-title {
        text-align: center;
        margin-bottom: 55px; }
        .profile-single-content .container-box .nav-tabs-content .profile-content .content-main-title h3 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .profile-content .profile-edit-form {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 15px;
        border-radius: 8px; }
        .profile-single-content .container-box .nav-tabs-content .profile-content .profile-edit-form .profile-updated-box {
          border: 1px solid #26A69A;
          background: #26A69A;
          padding: 10px;
          border-radius: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 25px; }
          .profile-single-content .container-box .nav-tabs-content .profile-content .profile-edit-form .profile-updated-box i {
            margin-right: 8px;
            font-size: 1.2rem;
            color: #ffffff; }
          .profile-single-content .container-box .nav-tabs-content .profile-content .profile-edit-form .profile-updated-box p {
            color: #ffffff;
            font-size: 16px; }
      .profile-single-content .container-box .nav-tabs-content .profile-content #message.updated {
        display: none; }
    .profile-single-content .container-box .nav-tabs-content .membership-content {
      width: 100%; }
      .profile-single-content .container-box .nav-tabs-content .membership-content .content-main-title {
        text-align: center;
        margin-bottom: 55px; }
        .profile-single-content .container-box .nav-tabs-content .membership-content .content-main-title h3 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card {
        background: #ffffff;
        border-radius: 16px;
        padding: 18px;
        -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
        border: 1px solid rgba(0, 0, 0, 0.06);
        margin-bottom: 16px; }
        .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          gap: 12px;
          margin-bottom: 14px; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top h4 {
            margin: 0;
            font-weight: 700;
            color: #000000; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top p {
            margin-top: 10px;
            font-size: 16px;
            color: #171617; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top .badge {
            font-size: 12px;
            font-weight: 700;
            padding: 6px 10px;
            border-radius: 999px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            font-family: "Poppins", sans-serif; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top .badge.badge-trial {
              background: rgba(233, 30, 99, 0.12);
              color: #f57a39; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top .badge.badge-active {
              background: rgba(38, 166, 154, 0.12);
              color: #26A69A; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top .badge.badge-warning {
              background: rgba(255, 166, 0, 0.14);
              color: #d97900; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-card-top .badge.badge-inactive {
              background: rgba(0, 0, 0, 0.08);
              color: #444; }
        .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1.2fr 0.8fr;
          grid-template-columns: 1.2fr 0.8fr;
          gap: 16px; }
          @media (max-width: 900px) {
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid {
              -ms-grid-columns: 1fr;
              grid-template-columns: 1fr; } }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-info .info-row {
            margin: 8px 0;
            font-size: 16px;
            color: #171617; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-info .info-row strong {
              color: #000000;
              font-weight: 700;
              margin-right: 6px; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-info .info-row .ok {
              color: #26A69A;
              font-weight: 700; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-info .info-row .bad {
              color: #ff2424;
              font-weight: 700; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 10px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-card .membership-grid .membership-actions .custom-btn {
              width: -webkit-max-content;
              width: -moz-max-content;
              width: max-content;
              margin-left: auto; }
      .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card {
        background: #ffffff;
        border: 1px solid #453e3a33;
        border-radius: 6px;
        padding: 25px; }
        @media (max-width: 575px) {
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card {
            padding: 15px; } }
        .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .card-head {
          text-align: center;
          margin-bottom: 18px; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .card-head .title {
            margin-bottom: 15px; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .card-head .title h3 {
              margin-bottom: 10px;
              display: -ms-grid;
              display: grid;
              gap: 5px; }
              .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .card-head .title h3 span {
                font-size: 22px; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .card-head p {
            font-size: 14px; }
        .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          gap: 15px; }
          @media (max-width: 767px) {
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list {
              -ms-grid-columns: 1fr;
              grid-template-columns: 1fr; } }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item {
            background: #fff8e7;
            border: 1px solid #453e3a33;
            border-radius: 6px;
            padding: 20px; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item.is-featured {
              background: #ffffff;
              border: 2px solid #f57a39; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: baseline;
              -ms-flex-align: baseline;
              align-items: baseline;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              gap: 10px;
              margin-bottom: 20px; }
              .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line .amount strong {
                font-size: 32px;
                line-height: 1;
                color: #222; }
                @media (max-width: 991px) {
                  .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line .amount strong {
                    font-size: 28px; } }
              .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line .amount span {
                margin-left: 6px;
                font-size: 14px;
                color: #666; }
              .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line .save-tag {
                background: #26A69A;
                padding: 4px 8px;
                border-radius: 5px;
                text-align: center; }
                .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .price-line .save-tag p {
                  color: #ffffff;
                  font-size: 12px;
                  font-weight: 600; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .features {
              list-style: none;
              margin-bottom: 10px;
              padding: 0;
              display: -ms-grid;
              display: grid;
              gap: 10px; }
              .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .features li {
                position: relative;
                padding-left: 18px;
                font-size: 15px;
                color: #000000;
                line-height: 1.6;
                font-family: "Poppins", sans-serif; }
                .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .features li::before {
                  content: "";
                  position: absolute;
                  left: 0;
                  top: 8px;
                  width: 8px;
                  height: 8px;
                  border-radius: 2px;
                  background: #f57a39; }
            .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .price-list .price-item .hint p {
              font-size: 12px; }
        .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .fineprint {
          margin-top: 20px;
          text-align: center; }
          .profile-single-content .container-box .nav-tabs-content .membership-content .membership-plans .price-col .price-card .fineprint p {
            font-size: 12px; }
    .profile-single-content .container-box .nav-tabs-content .support-content {
      width: 100%; }
      .profile-single-content .container-box .nav-tabs-content .support-content .form-title {
        text-align: center;
        max-width: 900px;
        margin: 0 auto 55px; }
        .profile-single-content .container-box .nav-tabs-content .support-content .form-title h3 {
          margin-bottom: 15px; }
      .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box {
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        border: 1px solid #453e3a33;
        background: #ffffff;
        padding: 25px;
        border-radius: 8px;
        max-width: 991px;
        margin: 0 auto; }
        @media (max-width: 767px) {
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box {
            padding: 15px; } }
        .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form label {
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          font-size: 16px;
          color: #000000;
          margin-bottom: 10px; }
        .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea {
          width: 100%;
          padding: 15px;
          border: 1px solid #453e3a33;
          border-radius: 6px;
          font-size: 16px;
          -webkit-transition: border-color 0.3s ease;
          -o-transition: border-color 0.3s ease;
          transition: border-color 0.3s ease;
          margin-bottom: 0;
          font-family: "Poppins", sans-serif;
          font-weight: 400;
          color: #000000;
          resize: none; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input::-webkit-input-placeholder, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea::-webkit-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input:-ms-input-placeholder, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea:-ms-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input::-ms-input-placeholder, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea::-ms-input-placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input::placeholder, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea::placeholder {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #453e3a8c; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input:focus, .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea:focus {
            border-color: #f57a39;
            outline: none; }
        .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form input {
          margin-bottom: 25px; }
        .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form textarea {
          min-height: 250px; }
        .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form .form-btn {
          margin-top: 25px; }
          .profile-single-content .container-box .nav-tabs-content .support-content .support-form-box form .form-btn .custom-btn {
            margin-left: auto; }
    .profile-single-content .container-box .nav-tabs-content .content {
      display: none; }
    .profile-single-content .container-box .nav-tabs-content .show {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .profile-single-content .container-box .nav-tabs-content .show .fadein {
      -webkit-animation: fadein 0.7s ease;
      animation: fadein 0.7s ease; }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.visitor-single-content.profile-single-content .container-box .nav-tabs-content .dashboard-content .profile-info .account-details {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0; }

.hiar-content {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .hiar-content {
      padding: 60px 0; } }
  .hiar-content .inner-desc {
    text-align: center; }
    .hiar-content .inner-desc .title {
      max-width: 800px;
      margin: 0 auto 25px; }
    .hiar-content .inner-desc .desc {
      max-width: 700px;
      margin: 0 auto; }
      .hiar-content .inner-desc .desc p {
        margin-bottom: 15px; }
        .hiar-content .inner-desc .desc p:last-of-type {
          margin-bottom: 0; }

.plate-list {
  padding: 0px 0 100px; }
  @media (max-width: 767px) {
    .plate-list {
      padding: 0px 0 60px; } }
  .plate-list .filters-section {
    background: #ffffff;
    padding: 30px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .plate-list .filters-section {
        padding: 20px; } }
    .plate-list .filters-section .filter-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; }
      @media (max-width: 991px) {
        .plate-list .filters-section .filter-list {
          -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
          gap: 20px; }
          .plate-list .filters-section .filter-list .single-filter:nth-child(3) {
            grid-column: 1 / -1;
            -ms-grid-column-align: center;
            justify-self: center;
            width: 318px; } }
      @media (max-width: 767px) {
        .plate-list .filters-section .filter-list {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; }
          .plate-list .filters-section .filter-list .single-filter {
            grid-column: auto !important;
            width: 100% !important;
            -ms-grid-column-align: stretch !important;
            justify-self: stretch !important; } }
    .plate-list .filters-section label {
      font-weight: 600;
      margin-bottom: 8px;
      display: block;
      color: #000000; }
    .plate-list .filters-section input[type="radio"] {
      accent-color: #f57a39; }
    .plate-list .filters-section .form-control {
      border: 1px solid #171617;
      border-radius: 6px;
      padding: 12px; }
    .plate-list .filters-section .filter-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 20px; }
  .plate-list .custom-multi-select {
    position: relative; }
    .plate-list .custom-multi-select .multi-select-toggle {
      width: 100%;
      padding: 12px;
      border: 1px solid #171617;
      border-radius: 6px;
      background: #ffffff;
      text-align: left;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: dark 0.3s ease;
      -o-transition: dark 0.3s ease;
      transition: dark 0.3s ease; }
      @media (max-width: 767px) {
        .plate-list .custom-multi-select .multi-select-toggle {
          max-height: 250px; } }
      .plate-list .custom-multi-select .multi-select-toggle:hover, .plate-list .custom-multi-select .multi-select-toggle:focus {
        border: 1px solid #f57a39;
        outline: none; }
    .plate-list .custom-multi-select .multi-select-dropdown {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #ffffff;
      border-top: none;
      border-radius: 0 0 8px 8px;
      max-height: 300px;
      overflow-y: auto;
      z-index: 1000;
      -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
    .plate-list .custom-multi-select .service-option {
      display: block;
      padding: 10px 15px;
      cursor: pointer;
      border-bottom: 1px solid #fff8e7;
      margin: 0;
      -webkit-transition: background 0.2s ease;
      -o-transition: background 0.2s ease;
      transition: background 0.2s ease;
      font-weight: 500; }
      .plate-list .custom-multi-select .service-option:hover {
        background: #fff8e7; }
      .plate-list .custom-multi-select .service-option input[type="checkbox"] {
        margin-right: 10px;
        accent-color: #f57a39; }
  .plate-list #clear-filters-btn {
    background: #f57a39;
    border: 1px solid #f57a39;
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 8px 16px; }
    .plate-list #clear-filters-btn i {
      margin-right: 8px; }
    .plate-list #clear-filters-btn:hover {
      background: #ffffff;
      border: 1px solid #f57a39;
      color: #f57a39; }
  .plate-list .results-header {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .plate-list .results-header .filter-status {
      margin: 5px 0 0 0;
      color: #171617;
      font-size: 0.9rem; }
  .plate-list .plate-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 32px; }
    @media (max-width: 1199px) {
      .plate-list .plate-grid {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 28px; } }
    @media (max-width: 991px) {
      .plate-list .plate-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 24px; } }
    @media (max-width: 767px) {
      .plate-list .plate-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px; } }
    .plate-list .plate-grid .plate-card {
      background: #ffffff;
      border-radius: 6px;
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      border: 1px solid #453e3a33;
      overflow: hidden;
      height: 100%; }
      .plate-list .plate-grid .plate-card:hover {
        -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        border-color: #f57a39; }
        .plate-list .plate-grid .plate-card:hover .card-content .author-info h5 {
          color: #f57a39; }
      .plate-list .plate-grid .plate-card .before-after-container {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        min-height: 600px; }
        .plate-list .plate-grid .plate-card .before-after-container .image-comparison {
          position: absolute;
          inset: 0; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison .img-wrapper-before {
            position: absolute;
            inset: 0;
            overflow: hidden; }
            .plate-list .plate-grid .plate-card .before-after-container .image-comparison .img-wrapper-before img {
              width: 100%;
              min-height: 600px;
              -o-object-fit: cover;
              object-fit: cover;
              -o-object-position: top;
              object-position: top; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison .img-wrapper-after {
            position: absolute;
            inset: 0;
            overflow: hidden;
            -webkit-clip-path: inset(0px 0px 0px 50%);
            clip-path: inset(0px 0px 0px 50%); }
            .plate-list .plate-grid .plate-card .before-after-container .image-comparison .img-wrapper-after img {
              width: 100%;
              min-height: 600px;
              -o-object-fit: cover;
              object-fit: cover;
              -o-object-position: top;
              object-position: top; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison .slider-line {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 0.2rem;
            height: 100%;
            background-color: #FAFAFA;
            z-index: 2;
            pointer-events: none; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison .image-slider {
            -moz-appearance: none;
            appearance: none;
            -webkit-appearance: none;
            background-color: transparent;
            position: absolute;
            width: calc(100% + 2.25rem);
            height: 100%;
            left: -1.125rem;
            z-index: 3;
            cursor: -webkit-grab;
            cursor: grab; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison > div:nth-child(5) {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: #000000;
            padding: 6px 12px;
            border-radius: 6px;
            z-index: 1;
            pointer-events: none; }
            .plate-list .plate-grid .plate-card .before-after-container .image-comparison > div:nth-child(5) p {
              font-size: 12px;
              font-weight: 500;
              color: #ffffff; }
          .plate-list .plate-grid .plate-card .before-after-container .image-comparison > div:nth-child(6) {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background: #26A69A;
            color: white;
            padding: 6px 12px;
            border-radius: 6px;
            z-index: 1;
            pointer-events: none; }
            .plate-list .plate-grid .plate-card .before-after-container .image-comparison > div:nth-child(6) p {
              font-size: 12px;
              font-weight: 500;
              color: #ffffff; }
        .plate-list .plate-grid .plate-card .before-after-container > div:last-child {
          position: absolute;
          top: 15px;
          left: 15px;
          background: #ffffff;
          padding: 6px 12px;
          border-radius: 6px;
          -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          z-index: 4;
          pointer-events: none; }
          .plate-list .plate-grid .plate-card .before-after-container > div:last-child p {
            font-size: 12px;
            font-weight: 500;
            color: #000000; }
      .plate-list .plate-grid .plate-card .card-content {
        padding: 25px;
        /* default all stars grey */
        /* color first N stars orange based on the class */
        /* keep the numeric text (the 6th span) styled separately */ }
        .plate-list .plate-grid .plate-card .card-content .author-info {
          margin-bottom: 20px; }
          .plate-list .plate-grid .plate-card .card-content .author-info h5 {
            text-decoration: none;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease; }
        .plate-list .plate-grid .plate-card .card-content .rating-display {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 20px;
          padding: 15px;
          background: #fff8e7;
          border-radius: 6px; }
          .plate-list .plate-grid .plate-card .card-content .rating-display .stars {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 3px; }
            .plate-list .plate-grid .plate-card .card-content .rating-display .stars span:not(:last-child) {
              font-size: 26px; }
            .plate-list .plate-grid .plate-card .card-content .rating-display .stars span:last-child {
              margin-left: 10px;
              color: #171617;
              font-weight: 500;
              font-size: 16px; }
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars > span {
          color: #ddd; }
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars.has-1 > span:nth-child(1),
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars.has-2 > span:nth-child(-n+2),
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars.has-3 > span:nth-child(-n+3),
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars.has-4 > span:nth-child(-n+4),
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars.has-5 > span:nth-child(-n+5) {
          color: #f57a39; }
        .plate-list .plate-grid .plate-card .card-content .rating-display .stars > span:nth-child(n+6) {
          color: #666;
          font-weight: 500; }
        .plate-list .plate-grid .plate-card .card-content .own-post-message p {
          text-align: center;
          padding: 15px;
          background: #f8f9fa;
          color: #171617;
          border-radius: 6px;
          font-size: 16px;
          border: 1px solid #fff8e7; }
          .plate-list .plate-grid .plate-card .card-content .own-post-message p i {
            margin-right: 5px; }
        .plate-list .plate-grid .plate-card .card-content .user-rated p {
          text-align: center;
          padding: 15px;
          background: #26a69a26;
          color: #26A69A;
          border-radius: 6px;
          font-size: 16px;
          border: 1px solid #26a69a26; }
          .plate-list .plate-grid .plate-card .card-content .user-rated p i {
            margin-right: 5px; }
        .plate-list .plate-grid .plate-card .card-content .rating-action {
          text-align: center; }
          .plate-list .plate-grid .plate-card .card-content .rating-action .custom-btn {
            padding: 12px 25px;
            font-size: 14px;
            width: 100%; }
            .plate-list .plate-grid .plate-card .card-content .rating-action .custom-btn i {
              margin-right: 5px; }
        .plate-list .plate-grid .plate-card .card-content .login-prompt .custom-btn {
          padding: 12px 25px;
          font-size: 14px;
          width: 100%; }
          .plate-list .plate-grid .plate-card .card-content .login-prompt .custom-btn i {
            margin-right: 5px; }
  .plate-list .pagination-nav .pagination-wrapper-container {
    text-align: center; }
  .plate-list .pagination-nav .pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px; }
    @media (max-width: 767px) {
      .plate-list .pagination-nav .pagination-wrapper {
        margin-top: 40px; } }
    .plate-list .pagination-nav .pagination-wrapper .page-numbers {
      display: inline-block;
      padding: 8px 12px;
      margin: 0 5px;
      border: 1px solid #453e3a33;
      border-radius: 6px;
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      color: #171617;
      font-size: 16px;
      font-weight: 500;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 767px) {
        .plate-list .pagination-nav .pagination-wrapper .page-numbers {
          padding: 6px 10px;
          font-size: 14px; } }
      .plate-list .pagination-nav .pagination-wrapper .page-numbers:hover, .plate-list .pagination-nav .pagination-wrapper .page-numbers.current {
        background: #f57a39;
        color: #ffffff;
        border: 1px solid #171617; }
      .plate-list .pagination-nav .pagination-wrapper .page-numbers.prev, .plate-list .pagination-nav .pagination-wrapper .page-numbers.next {
        background: #ffffff; }
        .plate-list .pagination-nav .pagination-wrapper .page-numbers.prev:hover, .plate-list .pagination-nav .pagination-wrapper .page-numbers.next:hover {
          background: #f57a39;
          color: #ffffff;
          border: 1px solid #171617; }
  .plate-list .no-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 30px 0;
    min-height: 30vh; }