/********************* footer **********************/
      .footer {
        background: #fff;
        padding: 68px 24px 0 24px;
      }
      footer {
        padding: 48px 32px 0;
        background: #ffff;
      }
      span.wpcf7-spinner {
        display: none;
      }
      .footer-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        align-items: self-start;
      }
      .footer-logo-newsletter {
        flex: 0 0 49%;
        max-width: 597px;
        padding-bottom: 16px;
        margin-bottom: 32px;
      }
      footer .logo {
        display: block;
        margin-bottom: 48px;
      }
      footer .logo img {
        width: 597px !important;
        object-fit: contain !important;
        height: 125px !important;
      }
      footer a.custom-logo-link {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
      }
      p.text-sm {
        font-weight: 400;
        letter-spacing: 0.025em;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 1rem;
        color: rgb(77 86 79);
        margin-bottom: 0 !important;
      }
      p.description {
        font-size: 14px;
        margin: 12px 0 32px !important;
        color: #0a0a0a;
      }
      .footer-menus {
        flex: 0 0 50%;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: self-start;
      }
      .footer-menu {
        display: flex;
        justify-content: normal;
        align-items: initial;
        flex-direction: column;
        margin-bottom: 3rem;
        max-width: 32%;
        width: 100%;
      }
      .footer-menu p {
        letter-spacing: 0.3px;
        padding-bottom: 8px;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 28px;
        color: rgb(77 86 79);
        font-weight: 400;
        font-family: "Almarai";
        margin: 0 !important;
      }
      .footer-menu ul {
        display: flex;
        flex-direction: column;
        gap: 12px;
        list-style: none;
        margin: 0 !important;
      }
      .footer-menu ul li a {
        display: flex;
        align-items: center;
        font-size: 12px;
        text-transform: capitalize;
        text-decoration-line: none;
        line-height: 20px;
      }
      .footer-logo-newsletter form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100% !important;
        background-color: rgb(245 245 245);
        flex-direction: column;
      }
      .footer-logo-newsletter form p {
        margin-bottom: 0 !important;
      }
      .footer-logo-newsletter form input[type="email"] {
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        padding-inline: 11px;
        height: 100%;
        font-family: "Almarai";
        color: rgb(0 0 0);
        opacity: 1;
        letter-spacing: 0.35px;
      }
      .footer-logo-newsletter form input[type="email"]::placeholder {
        color: rgb(151 146 138) !important;
      }
      input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-smt {
        margin-right: 20px;
      }
      .newsletter small {
        font-weight: 400;
        display: block;
        font-size: 8px;
        text-transform: uppercase;
        line-height: 9.6px;
        margin-top: 12px;
        letter-spacing: 0.4px;
      }
      .newsletter small a {
        color: rgb(0 0 0);
        text-decoration: underline;
        text-underline-offset: 4px;
      }
      .footer-bottom-outer {
        padding-inline: 32px;
      }
      .footer-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding-block: 16px;
        border-top: 1px solid #e5e7eb;
      }
      .footer-bottom p {
        margin-bottom: 0 !important;
        font-size: 12px;
        line-height: 20px;
        color: rgb(118 118 118);
      }
      .social-links {
        display: flex;
        gap: 12px;
      }
      .social-links a {
        font-weight: 400;
        letter-spacing: 0.025em;
        font-size: 13px;
        line-height: 16px;
      }
      footer .logo img {
        object-fit: fill;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
      }
      .footer-bottom .gt_selector {
        padding: 6px 10px;
        font-size: 14px;
        border: 0 !important;
        border-bottom: 1px solid #ccc !important;
        width: 100px !important;
        color: #000 !important;
      }
      .footer .logo__footer {
        width: 100%;
        height: 100%;
      }
      .footer .logo__footer img.invert_img {
        width: 100%;
        -webkit-filter: invert(1);
        filter: invert(1);
      }
      .footer .footer__row {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        margin-bottom: 68px;
      }
      .footer .footer__row .footer__col {
        display: flex;
        flex-direction: column;
        gap: 56px;
      }
      .footer .footer__row .footer__left {
        flex: 1 1 auto;
        max-width: 453px;
      }
      .footer .footer__row .footer__right {
        display: flex;
        flex: 1 1 auto;
        max-width: 692px;
        justify-content: space-between;
        gap: 40px;
      }
      .footer .footer__row .footer__nav__content .footer__nav__title {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #848484;
        margin-bottom: 24px;
      }
      .footer .footer__row .footer__nav__content .footer__nav .footer__menu {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .footer
        .footer__row
        .footer__nav__content
        .footer__nav
        .footer__menu
        .footer__menu__item {
        margin-bottom: 4px;
        list-style: none;
      }
      .footer
        .footer__row
        .footer__nav__content
        .footer__nav
        .footer__menu
        .footer__menu__item
        a {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
      }
      .footer
        .footer__row
        .footer__nav__content
        .footer__nav
        .footer__menu
        .footer__menu__item
        span {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
      }
      .footer
        .footer__row
        .footer__nav__content
        .footer__nav
        .footer__menu
        .footer__menu__item
        a:hover {
        text-decoration: underline;
      }
      .footer .footer__bottom {
        border-top: 1px solid rgba(0, 0, 0, 0.15);
      }
      .footer .footer__bottom .footer__bottom__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid rgba(255, 255, 255, 0.35);
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 0;
        align-items: center;
      }
      .footer .footer__bottom .footer__bottom__row .footer__bottom__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
      }
      .footer .footer__bottom .footer__bottom__row .footer__bottom__col a img {
        filter: invert(1);
      }
      .footer
        .footer__bottom
        .footer__bottom__row
        .footer__bottom__col
        .footer__bottom__text {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        color: #848484;
      }
      .footer
        .footer__bottom
        .footer__bottom__row
        .footer__bottom__col
        .footer__bottom__text
        a {
        color: #848484;
      }
      .footer__bottom__col.all-rights .footer__bottom__text {
        display: flex;
        gap: 8px;
      }
      .footer__bottom__col.all-rights {
        gap: 12px;
      }
      .footer
        .footer__bottom
        .footer__bottom__row
        .footer__bottom__col
        .footer__bottom__text
        span {
        font-weight: 700;
        color: #848484;
      }
      .footer
        .footer__bottom
        .footer__bottom__row
        .footer__bottom__col.social_icons
        a {
        margin-left: 23px;
      }
      .footer
        .footer__bottom
        .footer__bottom__row
        .footer__bottom__col.social_icons
        a:first-of-type {
        margin-left: 40px;
      }
      .footer-left {
        width: 100% !important;
        max-width: 597px;
      }
      .wpcf7-not-valid-tip {
        display: block !important;
        color: red !important;
        font-size: 14px;
        margin-top: 5px;
      }
      .wpcf7-form-control.wpcf7-not-valid {
        border: 2px solid red !important;
        background-color: #fff5f5;
      }
      .homee header.site-header.footer-reached .site-header__inner {
        align-items: normal;
      }
      .footer-bottom p {
        order: 1;
      }
      .footer-bottom .social-links {
        order: 2;
      }
      .footer-bottom .gtranslate_wrapper {
        order: 3;
      }
      /* Toast container */
      .toast-container {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000;
        background: black;
        color: white;
        width: 100%;
        max-width: 500px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .toast {
        background-color: #555;
        color: #000;
        padding: 12px 16px;
        margin-top: 10px;
        border-radius: 6px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: 250px;
        opacity: 0;
        transform: translateY(-10px);
        animation: fadeInUp 0.4s forwards;
      }
      button.toast-message {
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        justify-content: flex-start;
      }
      .toast-container button {
        background: black;
        border: none;
        color: white;
        font-size: 13px;
        cursor: pointer;
        margin-left: 10px;
        width: 10%;
        padding: 17px;
      }
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(-10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes fadeOut {
        from {
          opacity: 1;
          transform: translateY(0);
        }
        to {
          opacity: 0;
          transform: translateY(-10px);
        }
      }
      .input-group label {
        position: absolute;
        top: 14px;
        left: 12px;
        font-size: 10px;
        color: #777;
        pointer-events: none;
        transition: all 0.2s ease;
      }
      .input-group {
        height: 40px;
        width: 100%;
        padding-top: 10px;
      }
      input:focus + label,
      input:not(:placeholder-shown) + label {
        top: 0px;
        left: 12px;
        font-size: 10px;
        color: #000;
      }
      button {
        color: #fff;
        border: none;
        padding: 12px 16px;
        cursor: pointer;
        transition: background 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .footer-container svg {
        width: 16px;
        height: 9px;
        fill: #000;
      }
      input:focus + label,
      input:not(:placeholder-shown) + label {
        top: 4px;
        left: 12px;
        font-size: 10px;
        color: #000;
      }
      #newsletter-form button {
        position: absolute;
        right: 0;
        top: 4px;
      }
      .menu-item-27096 {
        display: none;
      }

      #footer-left-menu li {
        font-size: 12px !important;
      }
      /* header css star here   */
      .slick-dots {
        bottom: -3px !important;
      }
      .slick-dots li.slick-active button:before {
        color: #000;
        opacity: 0.75;
        font-size: 11px !important;
      }
      /* header css end here */
      @media (min-width: 1441px) {
        .footer-logo-newsletter {
          flex: 0 0 49%;
          max-width: 100% !important;
        }
      }
      @media (max-width: 1024px) {
        .footer-logo-newsletter {
          display: flex;
          justify-content: space-between;
          align-items: self-start;
          flex: 0 0 100%;
          max-width: 100%;
          gap: 16px;
        }
        .footer-menus {
          flex: 0 0 100%;
          justify-content: space-between;
        }
        footer .logo {
          display: block;
          margin-bottom: 48px;
          flex: 0 0 50%;
        }
        .footer-svg {
          max-width: 356px;
        }
      }
      @media (max-width: 768px) {
        .footer-logo-newsletter {
          flex-wrap: wrap;
        }
        footer .logo {
          flex: 0 0 100%;
        }
        footer .logo img {
          width: 100% !important;
          object-fit: cover !important;
          height: 100% !important;
          max-width: 100% !important;
          max-height: 120px;
        }
        .footer-menu {
          flex: 0 0 100%;
          max-width: 100%;
        }
        .footer-bottom p {
          order: 2;
        }
        .footer-bottom .social-links {
          order: 1;
          border-bottom: 1px solid #e5e7eb;
          padding-bottom: 20px;
        }
        .footer-bottom .gtranslate_wrapper {
          order: 2;
        }
        .footer-bottom {
          border-top: 0 !important;
        }
      }
      @media screen and (max-width: 768px) {
        .toast-container {
          left: 50%;
          width: 97%;
          max-width: 100%;
          transform: translateX(-50%);
        }
      }