/* width */
      ::-webkit-scrollbar {
          width: 3px;
      }



      /* Handle */
      ::-webkit-scrollbar-thumb {
          background: black;
      }

      .hero-appointment .sub-title5 {
          font-size: 23px;
      }

      .about-box1 {
          border-top: 1px solid #2ba3a242;
          padding-top: 35px;
      }


      .about-box1 .box-link .icon-btn {
          --btn-size: 36px;
          line-height: 35px;
          font-size: 16px;
          color: var(--theme-color2);
          border-radius: 99px;
          margin-right: 5px
      }

      .about-box1 .box-link a {
          color: #1C1C1C;
      }

      .about-box1 .box-link a:hover {
          color: var(--theme-color2)
      }

      .about-box1 .th-social {
          margin-top: 30px
      }

      .about-box1 .th-social a {
          --icon-size: 44px;
          background-color: var(--white-color);
          box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.1)
      }

      .about-box1 .th-social a:hover {
          background-color: var(--theme-color2)
      }

      .w-92 {
          width: 92%;
      }



      /* TEXT */
      .map-content .tagline {
          color: #4ade80;
          font-weight: 600;
          display: block;
          margin-bottom: 10px;
      }

      .inner-c {
          width: 68%;
          display: flex;
          flex-direction: column;
          gap: 45px;
      }

      .map-content .btn {
          background: #22c55e;
          color: #fff;
          padding: 12px 25px;
          border-radius: 6px;
          text-decoration: none;
      }

      /* MAP */
      .map-wrapper {
          position: relative;
      }

      .inner-c p {
          display: none;
      }


      .map-wrapper img {
          width: 100%;
          opacity: 0.6;
      }

      /* DOT BASE */
      .map-dot {
          position: absolute;
          width: 12px;
          height: 12px;
          background: #22c55e;
          border-radius: 50%;
      }

      /* PULSE EFFECT */
      .map-dot::before {
          content: "";
          position: absolute;
          width: 30px;
          height: 30px;
          border: 2px solid #22c55e;
          border-radius: 50%;
          top: -9px;
          left: -9px;
          animation: pulse 2s infinite;
          opacity: 0.7;
      }

      /* ANIMATION */
      @keyframes pulse {
          0% {
              transform: scale(0.5);
              opacity: 0.8;
          }

          70% {
              transform: scale(1.5);
              opacity: 0;
          }

          100% {
              opacity: 0;
          }
      }

      /* DOT POSITIONS (adjust as per your map image) */
      .dot1 {
          top: 30%;
          left: 20%;
      }

      /* USA */
      .dot2 {
          top: 20%;
          left: 40%;
      }

      /* Europe */
      .dot3 {
          top: 40%;
          left: 50%;
      }

      /* Middle East */
      .dot4 {
          top: 35%;
          left: 65%;
      }

      /* India */
      .dot5 {
          top: 25%;
          left: 75%;
      }

      /* Asia */
      .dot6 {
          top: 70%;
          left: 30%;
      }

      /* South America */


      .dot1::before {
          animation-delay: 0s;
      }

      .dot2::before {
          animation-delay: 0.5s;
      }

      .dot3::before {
          animation-delay: 1s;
      }

      .dot4::before {
          animation-delay: 1.5s;
      }

      .dot5::before {
          animation-delay: 2s;
      }

      .dot6::before {
          animation-delay: 2.5s;
      }

      .slider-text {
          position: relative;
      }

      .m-side {
          margin: 0px 10px;
      }

      .copy {
          border-top: 1px solid;
          padding-top: 12px;
      }

      .indicator {
          position: absolute;
          top: var(--pos-y);
          left: var(--pos-x);
          height: var(--height-set);
          width: var(--width-set);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      :root {
          --theme-color: #2CA6A4;
          --theme-color2: #1E3A8A;
          --title-color: #000D44;
          --body-color: #788094;
          --smoke-color: #F5F7FA;
          --smoke-color2: #F5F8FD;
          --black-color: #000000;
          --gray-color: #bdbdbd;
          --white-color: #ffffff;
          --light-color: #bdbdbd;
          --yellow-color: #FFB539;
          --success-color: #28a745;
          --error-color: #dc3545;
          --th-border-color: #D8DDE1;
          --title-font: 'Outfit', sans-serif;
          --body-font: 'DM Sans', sans-serif;
          --icon-font: "Font Awesome 6 Pro";
          --main-container: 1224px;
          --container-gutters: 24px;
          --section-space: 120px;
          --section-space-mobile: 40px;
          --section-title-space: 60px;
          --ripple-ani-duration: 5s
      }

      html,
      body {
          scroll-behavior: auto !important
      }

      body {
          font-family: var(--body-font);
          font-size: 16px;
          font-weight: 400;
          color: var(--body-color);
          line-height: 26px;
          overflow-x: hidden;
          -webkit-font-smoothing: antialiased
      }

      body.home-cardiology {
          --theme-color: #FF1F3C
      }

      iframe {
          border: none;
          width: 100%
      }

      .slick-slide:focus,
      button:focus,
      a:focus,
      a:active,
      input,
      input:hover,
      input:focus,
      input:active,
      textarea,
      textarea:hover,
      textarea:focus,
      textarea:active {
          outline: none
      }

      input:focus {
          outline: none;
          box-shadow: none
      }

      img:not([draggable]),
      embed,
      object,
      video {
          max-width: 100%;
          height: auto
      }

      ul {
          list-style-type: disc
      }

      ol {
          list-style-type: decimal
      }

      table {
          margin: 0 0 1.5em;
          width: 100%;
          border-collapse: collapse;
          border-spacing: 0;
          border: 1px solid var(--th-border-color)
      }

      th {
          font-weight: 700;
          color: var(--title-color)
      }

      td,
      th {
          border: 1px solid var(--th-border-color);
          padding: 9px 12px
      }

      a {
          color: var(--theme-color);
          text-decoration: none;
          outline: 0;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      a:hover {
          color: var(--title-color)
      }

      a:active,
      a:focus,
      a:hover,
      a:visited {
          text-decoration: none;
          outline: 0
      }

      button {
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      img {
          border: none;
          max-width: 100%
      }

      ins {
          text-decoration: none
      }

      pre {
          font-family: var(--body-font);
          background: #f5f5f5;
          color: #666;
          font-size: 14px;
          margin: 20px 0;
          overflow: auto;
          padding: 20px;
          white-space: pre-wrap;
          word-wrap: break-word
      }

      span.ajax-loader:empty,
      p:empty {
          display: none
      }

      p {
          font-family: var(--body-font);
          margin: 0 0 18px 0;
          color: #1e1e1e;
          line-height: 1.75
      }

      h1 a,
      h2 a,
      h3 a,
      h4 a,
      h5 a,
      h6 a,
      p a,
      span a {
          font-size: inherit;
          font-family: inherit;
          font-weight: inherit;
          line-height: inherit
      }

      .h1,
      h1,
      .h2,
      h2,
      .h3,
      h3,
      .h4,
      h4,
      .h5,
      h5,
      .h6,
      h6 {
          font-family: var(--title-font);
          color: var(--title-color);
          text-transform: none;
          font-weight: 700;
          line-height: 1.4;
          margin: 0 0 15px 0
      }

      .h1,
      h1 {
          font-size: 64px;
          line-height: 1.156
      }

      .h2,
      h2 {
          font-size: 48px;
          line-height: 1.125
      }

      .h3,
      h3 {
          font-size: 36px;
          line-height: 1.278
      }

      .h4,
      h4 {
          font-size: 30px;
          line-height: 1.333
      }

      .h5,
      h5 {
          font-size: 24px;
          line-height: 1.417
      }

      .h6,
      h6 {
          font-size: 20px;
          line-height: 1.5
      }

      @media (max-width: 1199px) {

          .h1,
          h1 {
              font-size: 48px;
              line-height: 1.3
          }

          .h2,
          h2 {
              font-size: 36px;
              line-height: 1.3
          }

          .h3,
          h3 {
              font-size: 30px
          }

          .h4,
          h4 {
              font-size: 24px
          }

          .h5,
          h5 {
              font-size: 20px
          }

          .h6,
          h6 {
              font-size: 16px
          }
      }

      @media (max-width: 767px) {

          .h1,
          h1 {
              font-size: 40px
          }

          .h2,
          h2 {
              font-size: 34px;
              line-height: 1.3
          }

          .h3,
          h3 {
              font-size: 26px
          }

          .h4,
          h4 {
              font-size: 22px
          }

          .h5,
          h5 {
              font-size: 18px
          }

          .h6,
          h6 {
              font-size: 16px
          }
      }

      @media (max-width: 575px) {

          .h1,
          h1 {
              font-size: 34px;
              line-height: 1.35
          }

          .h2,
          h2 {
              font-size: 28px
          }


      }

      @media (max-width: 375px) {

          .h1,
          h1 {
              font-size: 32px
          }
      }

      @media (max-width: 1399px) {
          :root {
              --main-container: 1250px
          }
      }

      @media (min-width: 1560px) {
          .th-container2 {
              width: 100%;
              max-width: 1560px;
              margin-left: auto;
              margin-right: 0;
              padding-left: 0;
              padding-right: 0
          }

          .th-container2 .container {
              --main-container: 1220px
          }

          .th-container3 {
              width: 100%;
              max-width: 1560px;
              margin-left: 0;
              margin-right: auto;
              padding-left: 0;
              padding-right: 0
          }

          .th-container3 .container {
              --main-container: 1220px
          }
      }

      @media (min-width: 1922px) {

          .th-container3,
          .th-container2 {
              margin-right: auto
          }
      }

      @media only screen and (min-width: 1300px) {

          .container-xxl,
          .container-xl,
          .container-lg,
          .container-md,
          .container-sm,
          .container {
              max-width: calc(var(--main-container) + var(--container-gutters));
              padding-left: calc(var(--container-gutters) / 2);
              padding-right: calc(var(--container-gutters) / 2)
          }

          .container-xxl.px-0,
          .container-xl.px-0,
          .container-lg.px-0,
          .container-md.px-0,
          .container-sm.px-0,
          .container.px-0 {
              max-width: var(--main-container)
          }
      }

      @media only screen and (min-width: 1300px) {
          .th-container {
              --main-container: 1800px
          }
      }

      @media only screen and (max-width: 1600px) {
          .container-fluid.px-0 {
              padding-left: 15px !important;
              padding-right: 15px !important
          }

          .container-fluid.px-0 .row {
              margin-left: 0 !important;
              margin-right: 0 !important
          }
      }

      .container-gallery {
          max-width: 1840px
      }

      .slick-track>[class*=col] {
          -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 100%;
          max-width: 100%;
          padding-right: calc(var(--bs-gutter-x)/ 2);
          padding-left: calc(var(--bs-gutter-x)/ 2);
          margin-top: var(--bs-gutter-y)
      }

      @media (min-width: 1300px) {
          .row {
              --bs-gutter-x: 24px
          }
      }

      .gy-30 {
          --bs-gutter-y: 30px
      }

      .g-0 {
          --bs-gutter-y: 0;
          --bs-gutter-x: 0
      }

      .gx-0 {
          --bs-gutter-x: 0
      }

      .gy-40 {
          --bs-gutter-y: 40px
      }

      .gy-50 {
          --bs-gutter-y: 50px
      }

      .gx-10 {
          --bs-gutter-x: 10px
      }

      .gy-10 {
          --bs-gutter-y: 10px
      }

      @media (min-width: 1299px) {
          .gx-60 {
              --bs-gutter-x: 60px
          }
      }

      @media (min-width: 1399px) {
          .gx-30 {
              --bs-gutter-x: 30px
          }

          .gx-25 {
              --bs-gutter-x: 25px
          }

          .gx-40 {
              --bs-gutter-x: 40px
          }
      }

      @media (max-width: 991px) {
          .gy-50 {
              --bs-gutter-y: 40px
          }
      }

      select,
      .form-control,
      .form-select,
      textarea,
      input {
          height: 56px;
          padding: 0 25px 0 25px;
          padding-right: 45px;
          border: 1px solid transparent;
          color: var(--body-color);
          background-color: var(--smoke-color);
          border-radius: 27px;
          font-size: 16px;
          width: 100%;
          font-family: var(--body-font);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      select:focus,
      .form-control:focus,
      .form-select:focus,
      textarea:focus,
      input:focus {
          outline: 0;
          box-shadow: none;
          border-color: var(--th-border-color);
          background-color: var(--smoke-color2)
      }

      select::-moz-placeholder,
      .form-control::-moz-placeholder,
      .form-select::-moz-placeholder,
      textarea::-moz-placeholder,
      input::-moz-placeholder {
          color: var(--body-color)
      }

      select::-webkit-input-placeholder,
      .form-control::-webkit-input-placeholder,
      .form-select::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder,
      input::-webkit-input-placeholder {
          color: var(--body-color)
      }

      select:-ms-input-placeholder,
      .form-control:-ms-input-placeholder,
      .form-select:-ms-input-placeholder,
      textarea:-ms-input-placeholder,
      input:-ms-input-placeholder {
          color: var(--body-color)
      }

      select::-webkit-input-placeholder,
      .form-control::-webkit-input-placeholder,
      .form-select::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder,
      input::-webkit-input-placeholder {
          color: var(--body-color)
      }

      select::-moz-placeholder,
      .form-control::-moz-placeholder,
      .form-select::-moz-placeholder,
      textarea::-moz-placeholder,
      input::-moz-placeholder {
          color: var(--body-color)
      }

      select:-ms-input-placeholder,
      .form-control:-ms-input-placeholder,
      .form-select:-ms-input-placeholder,
      textarea:-ms-input-placeholder,
      input:-ms-input-placeholder {
          color: var(--body-color)
      }

      select::-ms-input-placeholder,
      .form-control::-ms-input-placeholder,
      .form-select::-ms-input-placeholder,
      textarea::-ms-input-placeholder,
      input::-ms-input-placeholder {
          color: var(--body-color)
      }

      select::placeholder,
      .form-control::placeholder,
      .form-select::placeholder,
      textarea::placeholder,
      input::placeholder {
          color: var(--body-color)
      }

      .form-select,
      select {
          display: block;
          width: 100%;
          line-height: 1.5;
          vertical-align: middle;
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
          background-position: right 26px center;
          background-repeat: no-repeat;
          background-size: 16px 12px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          cursor: pointer
      }

      .form-select.style2,
      select.style2 {
          background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E")
      }

      textarea.form-control,
      textarea {
          min-height: 154px;
          padding-top: 16px;
          padding-bottom: 17px
      }

      textarea.form-control.style2,
      textarea.style2 {
          min-height: 100px
      }

      .form-group {
          margin-bottom: var(--bs-gutter-x);
          position: relative
      }

      .form-group>i {
          display: inline-block;
          position: absolute;
          right: 25px;
          top: 19px;
          font-size: 16px;
          color: var(--body-color)
      }

      .form-group>i.fa-envelope {
          padding-top: 1px
      }

      .form-group>i.fa-comment {
          margin-top: -2px
      }

      .form-group>i.fa-chevron-down {
          width: 17px;
          background-color: var(--smoke-color2)
      }

      .form-group.has-label>i {
          top: 50px
      }

      [class*="col-"].form-group>i {
          right: calc((var(--bs-gutter-x) / 2) + 25px)
      }

      .form-rounded-10 .form-control,
      .form-rounded-10 .form-select {
          border-radius: 10px !important
      }

      .form-rounded-10 .th-btn {
          border-radius: 10px
      }

      option:checked,
      option:focus,
      option:hover {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

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

      input[type="number"] {
          -moz-appearance: textfield
      }

      input[type="checkbox"] {
          visibility: hidden;
          opacity: 0;
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 0;
          display: none
      }

      input[type="checkbox"]:checked~label:before {
          content: "\f00c";
          color: var(--white-color);
          background-color: var(--theme-color);
          border-color: var(--theme-color)
      }

      input[type="checkbox"]~label {
          position: relative;
          padding-left: 30px;
          cursor: pointer;
          display: block
      }

      input[type="checkbox"]~label:before {
          content: "";
          font-family: var(--icon-font);
          font-weight: 700;
          position: absolute;
          left: 0px;
          top: 3.5px;
          background-color: var(--white-color);
          border: 1px solid var(--th-border-color);
          height: 18px;
          width: 18px;
          line-height: 18px;
          border-radius: 4px;
          text-align: center;
          font-size: 12px
      }

      input[type="checkbox"].style2~label {
          color: #8B929C;
          padding-left: 23px;
          margin-bottom: -0.5em
      }

      input[type="checkbox"].style2~label:before {
          background-color: rgba(255, 255, 255, 0.1);
          border: 1px solid #8B929C;
          height: 14px;
          width: 14px;
          line-height: 14px;
          border-radius: 3px;
          top: 6px
      }

      input[type="checkbox"].style2:checked~label:before {
          color: var(--theme-color)
      }

      input[type="radio"] {
          visibility: hidden;
          opacity: 0;
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 0;
          display: none
      }

      input[type="radio"]~label {
          position: relative;
          padding-left: 30px;
          cursor: pointer;
          line-height: 1;
          display: inline-block;
          font-weight: 600;
          margin-bottom: 0
      }

      input[type="radio"]~label::before {
          content: "\f111";
          position: absolute;
          font-family: var(--icon-font);
          left: 0;
          top: -2px;
          width: 20px;
          height: 20px;
          padding-left: 0;
          font-size: 0.6em;
          line-height: 19px;
          text-align: center;
          border: 1px solid var(--theme-color);
          border-radius: 100%;
          font-weight: 700;
          background: var(--white-color);
          color: transparent;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease
      }

      input[type="radio"]:checked~label::before {
          border-color: var(--theme-color);
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      label {
          margin-bottom: 0.5em;
          margin-top: -0.3em;
          display: block;
          color: var(--body-color);
          font-family: var(--body-font);
          font-size: 16px
      }

      textarea.is-invalid,
      select.is-invalid,
      input.is-invalid,
      .was-validated input:invalid {
          border: 1px solid var(--error-color) !important;
          background-position: right calc(0.375em + 0.8875rem) center;
          background-image: none
      }

      textarea.is-invalid:focus,
      select.is-invalid:focus,
      input.is-invalid:focus,
      .was-validated input:invalid:focus {
          outline: 0;
          box-shadow: none
      }

      textarea.is-invalid {
          background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem)
      }

      .row.no-gutters>.form-group {
          margin-bottom: 0
      }

      .form-messages {
          display: none
      }

      .form-messages.mb-0 * {
          margin-bottom: 0
      }

      .form-messages.success {
          color: var(--success-color);
          display: block
      }

      .form-messages.error {
          color: var(--error-color);
          display: block
      }

      .form-messages pre {
          padding: 0;
          background-color: transparent;
          color: inherit
      }

      .swiper-wrapper.row {
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
      }

      .th-slider.has-shadow {
          padding-left: 12px;
          padding-right: 12px;
          margin: -25px -12px;
      }

      .th-container4 .th-slider.has-shadow {
          padding-left: 12px;
          padding-right: 12px;
          margin: 0px;
      }

      .th-slider.has-shadow .swiper-wrapper {
          padding: 25px 0
      }

      .swiper-fade .swiper-slide {
          -webkit-transition: 0.6s ease-in-out;
          transition: 0.6s ease-in-out
      }

      .swiper-fade .swiper-slide-prev {
          opacity: 0
      }

      .swiper-pagination-bullets {
          position: relative;
          z-index: 3;
          text-align: center;
          margin: 50px 0 -7px 0;
          line-height: 10px;
          height: 10px
      }

      .swiper-pagination-bullets .swiper-pagination-bullet {
          display: inline-block;
          --swiper-pagination-bullet-size: 10px;
          --swiper-pagination-bullet-horizontal-gap: 8px;
          margin: 5px 7px;
          opacity: 1;
          background-color: var(--th-border-color);
          position: relative;
          cursor: pointer
      }

      .swiper-pagination-bullets .swiper-pagination-bullet:before {
          content: '';
          position: absolute;
          inset: -5px;
          border: 1px solid var(--th-border-color);
          -webkit-transform: scale(0.2);
          -ms-transform: scale(0.2);
          transform: scale(0.2);
          border-radius: inherit;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: var(--theme-color)
      }

      .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          border-color: var(--theme-color)
      }

      .has-shadow .swiper-pagination-bullets {
          margin: 40px 0 17px 0
      }

      .slider-area {
          position: relative
      }

      .slider-arrow {
          display: inline-block;
          padding: 0;
          background-color: var(--smoke-color);
          color: var(--title-color);
          position: absolute;
          top: 50%;
          border: 1px solid var(--th-border-color);
          left: var(--pos-x, -120px);
          width: var(--icon-size, 56px);
          height: var(--icon-size, 56px);
          line-height: var(--icon-size, 55px);
          font-size: var(--icon-font-size, 20px);
          margin-top: calc(var(--icon-size, 56px) / -2);
          z-index: 3;
          border-radius: 99px
      }

      .slider-arrow.default {
          position: relative;
          --pos-x: 0;
          margin-top: 0;
          visibility: visible;
          opacity: 1
      }

      .slider-arrow.icon-sm {
          width: var(--icon-size, 46px);
          height: var(--icon-size, 46px);
          line-height: var(--icon-size, 46px);
          font-size: 18px
      }

      .slider-arrow.slider-next {
          right: var(--pos-x, -120px);
          left: auto
      }

      .slider-arrow:hover {
          background-color: var(--theme-color2);
          color: var(--white-color);
          border-color: var(--theme-color2)
      }

      .arrow-margin .slider-arrow {
          top: calc(50% - 30px)
      }

      .arrow-wrap {
          position: relative
      }

      .arrow-wrap .slider-arrow {
          opacity: 0;
          visibility: hidden;
          -webkit-transform: scale(0.4);
          -ms-transform: scale(0.4);
          transform: scale(0.4)
      }

      @media (max-width: 1299px) {
          .arrow-wrap .slider-arrow {
              display: none
          }
      }

      .arrow-wrap:hover .slider-arrow {
          opacity: 1;
          visibility: visible;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }

      @media (max-width: 1500px) {
          .slider-arrow {
              --arrow-horizontal: -20px;
              --pos-x: -70px
          }
      }

      @media (max-width: 1399px) {
          .slider-arrow {
              --arrow-horizontal: 40px;
              --pos-x: -17px
          }
      }

      .icon-box .slider-arrow:not(:last-child) {
          margin-right: 8px
      }

      @media (max-width: 991px) {
          .slider-arrow {
              --icon-size: 40px;
              line-height: 38px;
              margin-right: 40px;
              font-size: 14px
          }

          .slider-arrow.slider-next {
              margin-right: 0;
              margin-left: 40px
          }

          .slick-dots {
              margin: 40px 0 0 0
          }

          .icon-box .slider-arrow {
              margin-right: 0
          }
      }

      .slick-3d-active {
          margin-left: -12%;
          margin-right: -12%
      }

      .slick-3d-active .slick-list {
          padding-left: 30% !important;
          padding-right: 30% !important
      }

      .slick-3d-active .slick-track {
          max-width: 100% !important;
          -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
          -webkit-perspective: 100px;
          perspective: 100px
      }

      .slick-3d-active .slick-slide {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          opacity: 0;
          width: 100% !important;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -webkit-transition: opacity 1s, -webkit-transform 1s;
          transition: opacity 1s, -webkit-transform 1s;
          transition: transform 1s, opacity 1s;
          transition: transform 1s, opacity 1s, -webkit-transform 1s
      }

      .slick-3d-active .slick-3d-next,
      .slick-3d-active .slick-3d-prev,
      .slick-3d-active .slick-3d-next2,
      .slick-3d-active .slick-3d-prev2 {
          display: block
      }

      .slick-3d-active .slick-current {
          opacity: 1;
          position: relative;
          display: block;
          z-index: 2
      }

      .slick-3d-active .slick-3d-next {
          opacity: 1;
          -webkit-transform: translate3d(50%, 0, -21px);
          transform: translate3d(50%, 0, -21px);
          z-index: 1;
          -webkit-perspective: 1000px;
          perspective: 1000px
      }

      .slick-3d-active .slick-3d-next2 {
          opacity: 1;
          -webkit-transform: translate3d(40%, 0, -23px);
          transform: translate3d(40%, 0, -23px);
          z-index: 0;
          -webkit-perspective: 1000px;
          perspective: 1000px
      }

      .slick-3d-active .slick-3d-prev {
          opacity: 1;
          -webkit-transform: translate3d(-50%, 0, -21px);
          transform: translate3d(-50%, 0, -21px)
      }

      .slick-3d-active .slick-3d-prev .testi-card {
          box-shadow: none
      }

      .slick-3d-active .slick-3d-prev2 {
          opacity: 1;
          -webkit-transform: translate3d(-40%, 0, -23px);
          transform: translate3d(-40%, 0, -23px)
      }

      .th-menu-wrapper {
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0.6);
          z-index: 999999;
          width: 0;
          width: 100%;
          height: 100%;
          -webkit-transition: all ease 0.8s;
          transition: all ease 0.8s;
          opacity: 0;
          visibility: hidden
      }

      .th-menu-wrapper .mobile-logo {
          padding-bottom: 30px;
          padding-top: 40px;
          display: block;
          text-align: center;
          background-color: var(--smoke-color2)
      }

      .th-menu-wrapper .mobile-logo svg {
          max-width: 185px
      }

      .th-menu-wrapper .th-menu-toggle {
          border: none;
          font-size: 22px;
          position: absolute;
          right: -16.5px;
          top: 10px;
          padding: 0;
          line-height: 1;
          width: 33px;
          height: 33px;
          line-height: 35px;
          font-size: 18px;
          z-index: 1;
          color: var(--white-color);
          background-color: var(--theme-color);
          border-radius: 50%
      }

      .th-menu-wrapper .th-menu-toggle:hover {
          background-color: var(--title-color);
          color: var(--white-color)
      }

      .th-menu-wrapper .th-menu-area {
          width: 100%;
          max-width: 310px;
          background-color: #fff;
          border-right: 3px solid var(--theme-color);
          height: 100%;
          position: relative;
          left: -110%;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all ease 1s;
          transition: all ease 1s;
          z-index: 1
      }

      .th-menu-wrapper.th-body-visible {
          opacity: 1;
          visibility: visible
      }

      .th-menu-wrapper.th-body-visible .th-menu-area {
          left: 0;
          opacity: 1;
          visibility: visible
      }

      .th-mobile-menu {
          overflow-y: scroll;
          max-height: calc(100vh - 200px);
          padding-bottom: 40px;
          margin-top: 33px;
          text-align: left
      }

      .th-mobile-menu ul {
          margin: 0;
          padding: 0 0
      }

      .th-mobile-menu ul li {
          border-bottom: 1px solid #fdedf1;
          list-style-type: none
      }

      .th-mobile-menu ul li li:first-child {
          border-top: 1px solid #fdedf1
      }

      .th-mobile-menu ul li a {
          display: block;
          position: relative;
          padding: 12px 0;
          line-height: 1.4;
          font-size: 16px;
          text-transform: capitalize;
          color: var(--title-color);
          padding-left: 18px
      }

      .th-mobile-menu ul li a:before {
          content: '\f105';
          font-family: var(--icon-font);
          position: absolute;
          left: 0;
          top: 12px;
          margin-right: 10px;
          display: inline-block
      }

      .th-mobile-menu ul li.th-active>a {
          color: var(--theme-color)
      }

      .th-mobile-menu ul li.th-active>a:before {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg)
      }

      .th-mobile-menu ul li ul li {
          padding-left: 20px
      }

      .th-mobile-menu ul li ul li:last-child {
          border-bottom: none
      }

      .th-mobile-menu ul .th-item-has-children>a .th-mean-expand {
          position: absolute;
          right: 0;
          top: 50%;
          font-weight: 400;
          font-size: 12px;
          width: 25px;
          height: 25px;
          line-height: 25px;
          margin-top: -12.5px;
          display: inline-block;
          text-align: center;
          background-color: var(--smoke-color);
          color: var(--title-color);
          box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
          border-radius: 50%
      }

      .th-mobile-menu ul .th-item-has-children>a .th-mean-expand:before {
          content: '\f067';
          font-family: var(--icon-font)
      }

      .th-mobile-menu ul .th-item-has-children>a:after {
          content: "\f067";
          font-family: var(--icon-font);
          width: 22px;
          height: 22px;
          line-height: 22px;
          display: inline-block;
          text-align: center;
          font-size: 12px;
          border-radius: 50px;
          background-color: var(--smoke-color);
          float: right;
          margin-top: 1px
      }

      .th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand:before {
          content: '\f068'
      }

      .th-mobile-menu ul .th-item-has-children.th-active>a:after {
          content: "\f068"
      }

      .th-mobile-menu>ul {
          padding: 0 40px
      }

      .th-mobile-menu>ul>li:last-child {
          border-bottom: none
      }

      .th-menu-toggle {
          width: 35px;
          height: 35px;
          padding: 0;
          font-size: 20px;
          border: none;
          background-color: var(--theme-color);
          color: var(--white-color);
          display: inline-block;
          border-radius: 5px
      }

      .th-menu-toggle:hover {
          background-color: var(--title-color)
      }

      .th-menu-toggle.style-text,
      .th-menu-toggle.style-text-white {
          width: auto;
          height: auto;
          background-color: transparent;
          color: var(--title-color);
          font-size: 20px
      }

      .th-menu-toggle.style-text i,
      .th-menu-toggle.style-text-white i {
          margin-right: 10px
      }

      .th-menu-toggle.style-text-white {
          color: var(--white-color)
      }

      @media (max-width: 400px) {
          .th-menu-wrapper .th-menu-area {
              width: 100%;
              max-width: 270px
          }

          .th-mobile-menu>ul {
              padding: 0 20px
          }
      }

      .preloader {
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 999;
          background-color: var(--white-color)
      }

      .preloader .th-btn {
          padding: 15px 20px;
          border-radius: 0;
          font-size: 14px
      }

      .preloader-inner {
          text-align: center;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          text-align: center;
          line-height: 1
      }

      .preloader-inner img {
          display: block;
          margin: 0 auto 0 auto
      }

      .loader {
          width: 48px;
          height: 48px;
          display: inline-block;
          position: relative
      }

      .loader::after,
      .loader::before {
          content: "";
          box-sizing: border-box;
          width: 48px;
          height: 48px;
          border-radius: 50%;
          border: 2px solid var(--title-color);
          position: absolute;
          left: 0;
          top: 0;
          -webkit-animation: animloader 2s linear infinite;
          animation: animloader 2s linear infinite
      }

      .loader::after {
          -webkit-animation-delay: 1s;
          animation-delay: 1s
      }

      @-webkit-keyframes animloader {
          0% {
              -webkit-transform: scale(0);
              transform: scale(0);
              opacity: 1
          }

          100% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }
      }

      @keyframes animloader {
          0% {
              -webkit-transform: scale(0);
              transform: scale(0);
              opacity: 1
          }

          100% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }
      }

      .th-btn {
          position: relative;
          z-index: 2;
          overflow: hidden;
          vertical-align: middle;
          display: inline-block;
          border: none;
          text-transform: uppercase;
          text-align: center;
          color: var(--title-color);
          background: -webkit-linear-gradient(top, var(--theme-color) 37.5%, #DDFFF1 100%);
          background: linear-gradient(180deg, var(--theme-color) 37.5%, #DDFFF1 100%);
          box-shadow: 0px 3px 15px rgba(174, 211, 195, 0.7);
          font-family: var(--body-font);
          font-size: 14px;
          font-weight: 700;
          line-height: 1;
          padding: 21px 30px;
          min-width: 170px;
          border-radius: 30px
      }

      .th-btn:before {
          content: "";
          position: absolute;
          height: 56%;
          top: 1px;
          left: 10px;
          width: calc(100% - 20px);
          background: -webkit-linear-gradient(top, #A9FFDA 0%, rgba(169, 255, 218, 0) 78.65%);
          background: linear-gradient(180deg, #A9FFDA 0%, rgba(169, 255, 218, 0) 78.65%);
          -webkit-filter: blur(2px);
          filter: blur(2px);
          z-index: -1;
          -webkit-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
          border-radius: inherit
      }

      .th-btn i {
          font-size: 0.95em
      }

      .th-btn:hover {
          -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          transform: translateY(-3px)
      }

      .th-btn.style2 {
          background: -webkit-linear-gradient(top, #C2D4FF 37.5%, #F0F4FF 100%);
          background: linear-gradient(180deg, #C2D4FF 37.5%, #F0F4FF 100%);
          box-shadow: 0px 2px 10px rgba(184, 191, 208, 0.5)
      }

      .th-btn.style2:before {
          background: -webkit-linear-gradient(top, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%);
          background: linear-gradient(180deg, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%)
      }

      .th-btn.style3:hover {
          box-shadow: 0px 3px 12px rgba(33, 50, 93, 0.5)
      }

      .th-btn.style4 {
          background-color: var(--theme-color2);
          background: -webkit-linear-gradient(top, var(--theme-color2) 37.5%, #E3EBFF 100%);
          background: linear-gradient(180deg, var(--theme-color2) 37.5%, #E3EBFF 100%);
          box-shadow: 0px 3px 15px #B0BAD3;
          color: var(--white-color)
      }

      .th-btn.style4:before {
          background: -webkit-linear-gradient(top, #A3BDFF 0%, rgba(155, 184, 255, 0) 78.65%);
          background: linear-gradient(180deg, #A3BDFF 0%, rgba(155, 184, 255, 0) 78.65%)
      }

      .th-btn.style5 {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .th-btn.style5:hover {
          color: var(--theme-color)
      }

      .th-btn.style5:hover:before,
      .th-btn.style5:hover:after {
          background-color: var(--white-color)
      }

      .th-btn.style6 {
          background-color: var(--title-color)
      }

      .th-btn.style6:hover {
          background-color: var(--theme-color)
      }

      .th-btn.style6:hover:before,
      .th-btn.style6:hover:after {
          background-color: var(--theme-color)
      }

      .th-btn.style7 {
          background: -webkit-linear-gradient(top, var(--theme-color) 37.5%, #ff9da7 100%);
          background: linear-gradient(180deg, var(--theme-color) 37.5%, #DDFFF1 100%);
          box-shadow: 0px 3px 15px #f8bebe;
          color: var(--white-color)
      }

      .th-btn.style7:before {
          background: -webkit-linear-gradient(top, #eddfe0 0%, rgba(169, 255, 218, 0) 78.65%);
          background: linear-gradient(180deg, #eddfe0 0%, rgba(169, 255, 218, 0) 78.65%)
      }

      .th-btn.style8 {
          background: -webkit-linear-gradient(top, var(--theme-color2) 57.5%, #8ca6e3 100%);
          background: linear-gradient(180deg, var(--theme-color2) 57.5%, #8ca6e3 100%);
          color: var(--white-color)
      }

      .th-btn.shadow-1 {
          box-shadow: 0px 3px 12px rgba(33, 50, 93, 0.5)
      }

      .th-btn.btn-fw {
          width: 100%;
          box-shadow: 0px 3px 15px rgba(174, 211, 195, 0.7)
      }

      .th-btn.style-smoke {
          background: var(--smoke-color);
          color: var(--theme-color2);
          padding: 11px 18px;
          box-shadow: none
      }

      .th-btn.style-smoke:before {
          display: none
      }

      .th-btn.style-smoke:hover {
          background-color: var(--theme-color2);
          color: var(--white-color)
      }

      .th-btn.btn-sm {
          padding: 16px 25px;
          min-width: 140px
      }

      .icon-btn {
          display: inline-block;
          width: var(--btn-size, 56px);
          height: var(--btn-size, 56px);
          line-height: var(--btn-size, 54px);
          font-size: var(--btn-font-size, 20px);
          background-color: var(--icon-bg, #fff);
          color: var(--title-color);
          text-align: center;
          border-radius: 0;
          border: 1px solid var(--th-border-color);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          position: relative
      }

      .icon-btn:hover {
          background-color: var(--theme-color);
          color: var(--white-color);
          border-color: var(--theme-color)
      }

      .icon-btn.style2 {
          background-color: var(--theme-color);
          color: var(--white-color);
          border: none;
          border-radius: 99px;
          line-height: var(--btn-size, 56px)
      }

      .icon-btn.style2:hover {
          background-color: var(--theme-color2)
      }

      .play-btn {
          display: inline-block;
          position: relative;
          z-index: 1
      }

      .play-btn>i {
          display: inline-block;
          width: var(--icon-size, 56px);
          height: var(--icon-size, 56px);
          line-height: var(--icon-size, 56px);
          text-align: center;
          background-color: var(--white-color);
          color: var(--theme-color);
          font-size: var(--icon-font-size, 1.4em);
          border-radius: 50%;
          z-index: 1;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .play-btn:after,
      .play-btn:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background-color: var(--white-color);
          z-index: -1;
          border-radius: 50%;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .play-btn:after {
          -webkit-animation-delay: 2s;
          animation-delay: 2s
      }

      .play-btn:hover:after,
      .play-btn:hover::before,
      .play-btn:hover i {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .play-btn.style2:before,
      .play-btn.style2:after {
          background-color: transparent;
          border: 1px solid var(--white-color)
      }

      .play-btn.style3>i {
          --icon-size: 40px;
          font-size: 14px;
          border: 1px solid;
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .play-btn.style3:before,
      .play-btn.style3:after {
          background-color: var(--white-color)
      }

      .play-btn.style3:hover>i {
          background-color: var(--white-color);
          color: var(--theme-color)
      }

      .play-btn.style3:hover:before,
      .play-btn.style3:hover:after {
          background-color: var(--white-color)
      }

      .link-btn {
          font-weight: 600;
          font-size: 14px;
          display: inline-block;
          line-height: 0.8;
          position: relative;
          padding-bottom: 2px;
          margin-bottom: -2px;
          text-transform: uppercase;
          color: var(--theme-color)
      }

      .link-btn i {
          margin-left: 5px;
          font-size: 0.9rem
      }

      .link-btn:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 0;
          height: 2px;
          background-color: var(--theme-color);
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .link-btn:hover {
          color: var(--theme-color)
      }

      .link-btn:hover::before {
          width: 100%
      }

      .line-btn {
          font-size: 14px;
          font-weight: 600;
          display: inline-block;
          line-height: 0.8;
          position: relative;
          padding-bottom: 4px;
          margin-bottom: -1px;
          text-transform: uppercase;
          color: var(--theme-color)
      }

      .line-btn i {
          margin-left: 5px;
          font-size: 0.9rem
      }

      .line-btn:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 1px;
          background-color: var(--theme-color);
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .line-btn:hover {
          color: var(--theme-color)
      }

      .line-btn:hover::before {
          background-color: var(--theme-color);
          width: 45px
      }

      .scroll-top {
          position: fixed;
          right: 30px;
          bottom: 30px;
          height: 50px;
          width: 50px;
          cursor: pointer;
          display: block;
          border-radius: 50px;
          z-index: 10000;
          opacity: 1;
          visibility: hidden;
          -webkit-transform: translateY(45px);
          -ms-transform: translateY(45px);
          transform: translateY(45px);
          -webkit-transition: all 300ms linear;
          transition: all 300ms linear
      }

      .scroll-top:after {
          content: "\f062";
          font-family: var(--icon-font);
          position: absolute;
          text-align: center;
          line-height: 50px;
          font-size: 20px;
          color: var(--theme-color);
          left: 0;
          top: 0;
          height: 50px;
          width: 50px;
          cursor: pointer;
          display: block;
          z-index: 1;
          border: 2px solid var(--theme-color);
          box-shadow: none;
          border-radius: 50%
      }

      .scroll-top svg {
          color: var(--theme-color);
          border-radius: 50%;
          background: var(--white-color)
      }

      .scroll-top svg path {
          fill: none
      }

      .scroll-top .progress-circle path {
          stroke: var(--theme-color);
          stroke-width: 20px;
          box-sizing: border-box;
          -webkit-transition: all 400ms linear;
          transition: all 400ms linear
      }

      .scroll-top.show {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
      }


      .sec-title {
          margin-bottom: calc(var(--section-title-space) - 11px);
          margin-top: -0.2em;
          text-transform: capitalize;
          font-weight: 600
      }

      .sec-title.has-line {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 15px
      }

      @media (max-width: 767px) {
          .sec-title.has-line {
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }
      }

      .sec-title.has-line:after {
          content: '';
          height: 1px;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          background-color: var(--th-border-color)
      }

      @media (max-width: 767px) {
          .sec-title.has-line:after {
              display: none
          }
      }

      .sub-title {
          display: block;
          font-family: var(--title-font);
          font-size: 18px;
          font-weight: 500;
          color: var(--theme-color);
          margin-bottom: 24px;
          padding-top: 5px;
          text-transform: uppercase;
          line-height: 28px
      }

      .sub-title:has(img) {
          margin-top: 0
      }

      .sub-title.h4 {
          font-size: 30px;
          font-weight: 600;
          line-height: 1;
          margin-top: -0.14em
      }

      .sub-title img {
          margin: -7px 10px 0 0
      }

      .sub-title i {
          font-size: 32px;
          margin-right: 10px
      }

      @media (max-width: 991px) {
          .sub-title i {
              font-size: 24px
          }
      }

      .sub-title2 {
          display: block;
          font-family: var(--title-font);
          font-size: 18px;
          font-weight: 600;
          color: var(--theme-color2);
          margin-bottom: 10px;
          margin-top: -0.35em
      }

      .sec-heading {
          color: var(--theme-color);
          font-size: 30px;
          font-weight: 600;
          position: relative;
          padding-bottom: 24px;
          margin-bottom: 24px
      }

      @media (max-width: 991px) {
          .sec-heading {
              font-size: 26px
          }

          .icon-btn {
              display: inline-block;
              width: 43px;
              height: 43px;
              line-height: 43px;
              font-size: var(--btn-font-size, 20px);
              background-color: var(--icon-bg, #fff);
              color: var(--title-color);
              text-align: center;
              border-radius: 0;
              border: 1px solid var(--th-border-color);
              -webkit-transition: 0.4s ease-in-out;
              transition: 0.4s ease-in-out;
              position: relative;
          }
      }

      @media (max-width: 575px) {
          .sec-heading {
              font-size: 22px;
              margin-bottom: 16px;
              padding-bottom: 16px
          }
      }

      .sec-heading:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: calc(50% - 90px);
          width: 180px;
          height: 3px;
          background-color: var(--theme-color)
      }

      .box-title {
          font-size: 24px;
          line-height: 1.417;
          font-weight: 600;
          margin-top: -0.32em
      }

      .box-title a {
          color: inherit
      }

      .box-title a:hover {
          color: var(--theme-color)
      }

      .box-subtitle {
          margin-bottom: 8px
      }

      .box-title2 {
          font-size: 20px;
          line-height: 1.5;
          font-weight: 700;
          margin-top: -0.35em
      }

      .box-title2 a {
          color: inherit
      }

      .box-title2 a:hover {
          color: var(--theme-color)
      }

      .title-area {
          margin-bottom: calc(var(--section-title-space) - 11px);
          position: relative;
          z-index: 2
      }

      .title-area .sec-title {
          margin-bottom: 24px
      }

      .title-area.mb-0 .sec-title {
          margin-bottom: -0.24em
      }

      .title-area .th-btn {
          margin-top: 20px;
          margin-bottom: 10px
      }

      .mb-32 {
          margin-bottom: 32px
      }

      hr.title-line {
          margin-top: 0;
          background-color: var(--th-border-color);
          opacity: 1
      }

      .sec-btn {
          text-align: center
      }

      .sec-btn,
      .title-line {
          margin-bottom: var(--section-title-space)
      }

      .shadow-title {
          font-family: var(--title-font);
          font-size: 164px;
          font-weight: 900;
          line-height: 1;
          color: var(--title-color);
          opacity: 0.025;
          margin: -0.4em 0 -0.64em 0;
          text-transform: uppercase;
          display: block
      }

      .shadow-title.color2 {
          background-image: -webkit-linear-gradient(top, #232C47 0%, rgba(20, 29, 56, 0) 91.15%);
          background-image: linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%)
      }

      .shadow-title.color3 {
          background-image: -webkit-linear-gradient(top, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%);
          background-image: linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%)
      }

      .title-area2 {
          padding: 50px 100px
      }

      .title-area2 .subtitle {
          color: var(--white-color);
          text-transform: uppercase;
          margin-top: -0.4em;
          margin-bottom: 5px;
          display: block
      }

      .title-area2 .title {
          color: var(--white-color);
          max-width: 430px;
          margin-bottom: -0.26em
      }

      @media (max-width: 1700px) {
          .title-area2 {
              padding: 50px 50px
          }
      }

      @media (max-width: 1199px) {
          .sub-title {
              margin-bottom: 20px
          }

          .shadow-title {
              font-size: 100px;
              margin: -0.42em 0 -0.64em 0
          }

          .title-area,
          .sec-title {
              --section-title-space: 60px
          }

          .title-area.mb-45,
          .sec-title.mb-45 {
              margin-bottom: 36px
          }

          .title-area.mb-50,
          .sec-title.mb-50 {
              margin-bottom: 40px
          }

          .sec-btn,
          .title-line {
              --section-title-space: 55px
          }

          .title-area2 .title {
              max-width: 300px
          }
      }

      @media (max-width: 991px) {
          .shadow-title {
              font-size: 60px;
              margin: -0.45em 0 -0.64em 0
          }

          .title-area,
          .sec-title {
              --section-title-space: 50px
          }

          .title-area.mb-45,
          .sec-title.mb-45 {
              margin-bottom: 35px
          }

          .sec-btn,
          .title-line {
              --section-title-space: 50px
          }

          .sub-title.h4 {
              font-size: 22px
          }
      }

      @media (max-width: 767px) {
          .title-area2 {
              text-align: center
          }

          .title-area2 .title {
              max-width: 100%
          }
      }

      @media (max-width: 575px) {
          .shadow-title {
              font-size: 52px
          }
      }

      @media (max-width: 375px) {
          .shadow-title {
              font-size: 40px
          }

          .title-area2 {
              padding: 40px 20px
          }
      }

      .shape-mockup-wrap {
          z-index: 2;
          position: relative
      }

      .shape-mockup {
          position: absolute;
          z-index: -1;
          pointer-events: none
      }

      .shape-mockup.z-index-3 {
          z-index: 3;
          pointer-events: none
      }

      .shape-mockup.z-index-1 {
          z-index: 1;
          pointer-events: none
      }

      .shape-mockup .svg-img {
          height: 110px;
          width: 110px
      }

      .z-index-step1 {
          position: relative;
          z-index: 4 !important
      }

      .z-index-common {
          position: relative;
          z-index: 3
      }

      .z-index-3 {
          z-index: 3
      }

      .z-index-n1 {
          z-index: -1
      }

      .media-body {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1
      }

      .badge {
          position: absolute;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          display: inline-block;
          text-align: center;
          background-color: var(--theme-color);
          color: var(--white-color);
          padding: 0.25em 0.45em;
          font-size: 0.7em;
          border-radius: 50%;
          top: 8px;
          right: 8px;
          font-weight: 400;
          -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out
      }


      .th-social a {
          display: inline-block;
          width: var(--icon-size, 46px);
          height: var(--icon-size, 46px);
          line-height: var(--icon-size, 46px);
          background-color: var(--smoke-color);
          color: var(--title-color);
          font-size: 16px;
          text-align: center;
          margin-right: 5px;
          border-radius: 99px
      }

      .th-social a:last-child {
          margin-right: 0
      }

      .th-social a:hover {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .th-social.color-theme a {
          color: var(--body-color);
          border-color: var(--theme-color)
      }

      .bg-mask {
          -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat
      }

      .box-icon img {
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .box-text {
          margin-bottom: -0.5em
      }

      .btn-group {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 30px
      }

      .btn-group.style2 {
          gap: 20px 70px
      }

      @media (max-width: 767px) {
          .btn-group.style2 {
              gap: 20px 30px
          }
      }

      @media (max-width: 767px) {
          .btn-group {
              gap: 20px
          }
      }

      .th-bg-img {
          position: absolute;
          inset: 0
      }

      .th-bg-img img {
          height: 100%;
          width: 100%;
          object-fit: cover
      }

      .xdsoft_datetimepicker {
          background-color: var(--white-color);
          z-index: 5
      }

      .mfp-zoom-in .mfp-content {
          opacity: 0;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
          -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
          transform: scale(0.5)
      }

      .mfp-zoom-in.mfp-bg {
          opacity: 0;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease
      }

      .mfp-zoom-in.mfp-ready .mfp-content {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }

      .mfp-zoom-in.mfp-ready.mfp-bg {
          opacity: 0.7
      }

      .mfp-zoom-in.mfp-removing .mfp-content {
          -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
          transform: scale(0.7);
          opacity: 0
      }

      .mfp-zoom-in.mfp-removing.mfp-bg {
          opacity: 0
      }

      .font-icon {
          font-family: var(--icon-font)
      }

      .font-title {
          font-family: var(--title-font)
      }

      .font-body {
          font-family: var(--body-font)
      }

      .fw-extralight {
          font-weight: 100
      }

      .fw-light {
          font-weight: 300
      }

      .fw-normal {
          font-weight: 400
      }

      .fw-medium {
          font-weight: 500
      }

      .fw-semibold {
          font-weight: 600
      }

      .fw-bold {
          font-weight: 700
      }

      .fw-extrabold {
          font-weight: 800
      }

      .fs-md {
          font-size: 18px
      }

      .fs-16 {
          font-size: 16px !important
      }

      .fs-xs {
          font-size: 14px
      }

      .bg-theme {
          background-color: var(--theme-color) !important
      }

      .bg-theme2 {
          background-color: var(--theme-color2) !important
      }

      .bg-smoke {
          background-color: var(--smoke-color) !important
      }

      .bg-smoke2 {
          background-color: var(--smoke-color2) !important
      }

      .bg-white {
          background-color: var(--white-color) !important
      }

      .bg-black {
          background-color: var(--black-color) !important
      }

      .bg-title {
          background-color: var(--title-color) !important
      }

      .background-image,
      [data-bg-src] {
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center
      }

      .bg-fluid {
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-position: center center
      }

      .bg-auto {
          background-size: auto auto
      }

      .bg-top-center {
          background-size: auto;
          background-position: top center
      }

      .bg-bottom-center {
          background-size: auto;
          background-position: bottom center
      }

      .bg-repeat {
          background-size: auto;
          background-repeat: repeat
      }

      .bg-bottom-right {
          background-size: auto;
          background-position: bottom right
      }

      .bg-top-right {
          background-size: auto;
          background-position: top right
      }

      .bg-top-left {
          background-size: auto;
          background-position: top left
      }

      .text-theme {
          color: var(--theme-color) !important
      }

      .text-theme2 {
          color: var(--theme-color2) !important
      }

      .text-title {
          color: var(--title-color) !important
      }

      .text-body {
          color: var(--body-color) !important
      }

      .text-white {
          color: var(--white-color) !important
      }

      .text-light {
          color: var(--light-color) !important
      }

      .text-yellow {
          color: var(--yellow-color) !important
      }

      .text-success {
          color: var(--success-color) !important
      }

      .text-error {
          color: var(--error-color) !important
      }

      .text-inherit {
          color: inherit
      }

      .text-inherit:hover {
          color: var(--theme-color)
      }

      a.text-theme:hover,
      .text-reset:hover {
          text-decoration: underline
      }

      .overlay {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%
      }

      .position-center {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
      }

      [data-overlay] {
          position: relative;
          z-index: 2
      }

      [data-overlay] [class^="col-"],
      [data-overlay] [class*="col-"] {
          z-index: 1
      }

      [data-overlay]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 1
      }

      [data-overlay="theme"]:before {
          background-color: var(--theme-color)
      }

      [data-overlay="theme2"]:before {
          background-color: var(--theme-color2)
      }

      [data-overlay="title"]:before {
          background-color: var(--title-color)
      }

      [data-overlay="smoke"]:before {
          background-color: var(--smoke-color)
      }

      [data-overlay="white"]:before {
          background-color: var(--white-color)
      }

      [data-overlay="black"]:before {
          background-color: var(--black-color)
      }

      [data-overlay="overlay1"]:before {
          background-color: #080E1C
      }

      [data-opacity="1"]:before {
          opacity: .1
      }

      [data-opacity="2"]:before {
          opacity: .2
      }

      [data-opacity="3"]:before {
          opacity: .3
      }

      [data-opacity="4"]:before {
          opacity: .4
      }

      [data-opacity="5"]:before {
          opacity: .5
      }

      [data-opacity="6"]:before {
          opacity: .6
      }

      [data-opacity="7"]:before {
          opacity: .7
      }

      [data-opacity="8"]:before {
          opacity: .8
      }

      [data-opacity="9"]:before {
          opacity: .9
      }

      [data-opacity="10"]:before {
          opacity: 1
      }

      .ripple-animation,
      .play-btn:after,
      .play-btn:before {
          -webkit-animation-duration: var(--ripple-ani-duration);
          animation-duration: var(--ripple-ani-duration);
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: ripple;
          animation-name: ripple
      }

      @-webkit-keyframes ripple {
          0% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }

          30% {
              opacity: 0.4
          }

          100% {
              -webkit-transform: scale(1.8);
              transform: scale(1.8);
              opacity: 0
          }
      }

      @keyframes ripple {
          0% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }

          30% {
              opacity: 0.4
          }

          100% {
              -webkit-transform: scale(1.8);
              transform: scale(1.8);
              opacity: 0
          }
      }

      @-webkit-keyframes ripple2 {
          0% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }

          30% {
              opacity: 0.4
          }

          100% {
              -webkit-transform: scale(2.8);
              transform: scale(2.8);
              opacity: 0
          }
      }

      @keyframes ripple2 {
          0% {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 0
          }

          30% {
              opacity: 0.4
          }

          100% {
              -webkit-transform: scale(2.8);
              transform: scale(2.8);
              opacity: 0
          }
      }

      .fancy-animation {
          -webkit-animation: morph 8s ease-in-out infinite;
          animation: morph 8s ease-in-out infinite
      }

      @-webkit-keyframes morph {
          0% {
              border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
          }

          50% {
              border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%
          }

          100% {
              border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
          }
      }

      @keyframes morph {
          0% {
              border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
          }

          50% {
              border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%
          }

          100% {
              border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
          }
      }

      .movingX {
          -webkit-animation: movingX 8s linear infinite;
          animation: movingX 8s linear infinite
      }

      @-webkit-keyframes movingX {
          0% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }

          50% {
              -webkit-transform: translateX(50px);
              transform: translateX(50px)
          }

          100% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @keyframes movingX {
          0% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }

          50% {
              -webkit-transform: translateX(50px);
              transform: translateX(50px)
          }

          100% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      .movingCar {
          -webkit-animation: movingCar 25s linear infinite;
          animation: movingCar 25s linear infinite
      }

      @-webkit-keyframes movingCar {
          0% {
              -webkit-transform: translateX(0) rotateY(0deg);
              transform: translateX(0) rotateY(0deg)
          }

          50% {
              -webkit-transform: translateX(calc(100vw*-1 + 108%));
              transform: translateX(calc(100vw*-1 + 108%))
          }

          51% {
              -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
              transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
          }

          100% {
              -webkit-transform: translateX(0) rotateY(180deg);
              transform: translateX(0) rotateY(180deg)
          }
      }

      @keyframes movingCar {
          0% {
              -webkit-transform: translateX(0) rotateY(0deg);
              transform: translateX(0) rotateY(0deg)
          }

          50% {
              -webkit-transform: translateX(calc(100vw*-1 + 108%));
              transform: translateX(calc(100vw*-1 + 108%))
          }

          51% {
              -webkit-transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
              transform: translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
          }

          100% {
              -webkit-transform: translateX(0) rotateY(180deg);
              transform: translateX(0) rotateY(180deg)
          }
      }

      .moving {
          -webkit-animation: moving 8s linear infinite;
          animation: moving 8s linear infinite
      }

      @-webkit-keyframes moving {
          0% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }

          50% {
              -webkit-transform: translateX(-50px);
              transform: translateX(-50px)
          }

          100% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @keyframes moving {
          0% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }

          50% {
              -webkit-transform: translateX(-50px);
              transform: translateX(-50px)
          }

          100% {
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      .jump {
          -webkit-animation: jumpAni 7s linear infinite;
          animation: jumpAni 7s linear infinite
      }

      @-webkit-keyframes jumpAni {
          0% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }

          40% {
              -webkit-transform: translateY(-30px);
              transform: translateY(-30px)
          }

          100% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @keyframes jumpAni {
          0% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }

          40% {
              -webkit-transform: translateY(-30px);
              transform: translateY(-30px)
          }

          100% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      .jump-reverse {
          -webkit-animation: jumpReverseAni 7s linear infinite;
          animation: jumpReverseAni 7s linear infinite
      }

      @-webkit-keyframes jumpReverseAni {
          0% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }

          50% {
              -webkit-transform: translateY(30px);
              transform: translateY(30px)
          }

          100% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @keyframes jumpReverseAni {
          0% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }

          50% {
              -webkit-transform: translateY(30px);
              transform: translateY(30px)
          }

          100% {
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      .spin {
          -webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite
      }

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

          100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg)
          }
      }

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

          100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg)
          }
      }

      .bg-color-ani,
      .color-animate {
          -webkit-animation: bgColor 6s linear infinite;
          animation: bgColor 6s linear infinite
      }

      @-webkit-keyframes bgColor {
          0% {
              background-color: #F2BA4C
          }

          25% {
              background-color: #81F24C
          }

          50% {
              background-color: #41F27D
          }

          75% {
              background-color: #0500FF
          }

          100% {
              background-color: #F2BA4C
          }
      }

      @keyframes bgColor {
          0% {
              background-color: #F2BA4C
          }

          25% {
              background-color: #81F24C
          }

          50% {
              background-color: #41F27D
          }

          75% {
              background-color: #0500FF
          }

          100% {
              background-color: #F2BA4C
          }
      }

      @-webkit-keyframes animate-positive {
          0% {
              width: 0
          }
      }

      @keyframes animate-positive {
          0% {
              width: 0
          }
      }

      .fadein,
      .scalein,
      .slidetopleft,
      .slidebottomright,
      .slideinleft,
      .slideinright,
      .slideindown,
      .slideinup,
      .rollinleft,
      .rollinright {
          opacity: 0;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
          -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
          -webkit-animation-name: var(--animation-name);
          animation-name: var(--animation-name)
      }

      .swiper-slide-active .fadein {
          --animation-name: fadein
      }

      .swiper-slide-active .scalein {
          --animation-name: scalein
      }

      .swiper-slide-active .slidetopleft {
          --animation-name: slidetopleft
      }

      .swiper-slide-active .slidebottomright {
          --animation-name: slidebottomright
      }

      .swiper-slide-active .slideinleft {
          --animation-name: slideinleft
      }

      .swiper-slide-active .slideinright {
          --animation-name: slideinright
      }

      .swiper-slide-active .slideinup {
          --animation-name: slideinup
      }

      .swiper-slide-active .slideindown {
          --animation-name: slideindown
      }

      .swiper-slide-active .rollinleft {
          --animation-name: rollinleft
      }

      .swiper-slide-active .rollinright {
          --animation-name: rollinright
      }

      @-webkit-keyframes fadein {
          0% {
              opacity: 0
          }

          100% {
              opacity: 1
          }
      }

      @keyframes fadein {
          0% {
              opacity: 0
          }

          100% {
              opacity: 1
          }
      }

      @-webkit-keyframes slideinup {
          0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @keyframes slideinup {
          0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @-webkit-keyframes slideinright {
          0% {
              opacity: 0;
              -webkit-transform: translateX(180px);
              transform: translateX(180px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @keyframes slideinright {
          0% {
              opacity: 0;
              -webkit-transform: translateX(180px);
              transform: translateX(180px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @-webkit-keyframes slideindown {
          0% {
              opacity: 0;
              -webkit-transform: translateY(-100px);
              transform: translateY(-100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @keyframes slideindown {
          0% {
              opacity: 0;
              -webkit-transform: translateY(-100px);
              transform: translateY(-100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0)
          }
      }

      @-webkit-keyframes slideinleft {
          0% {
              opacity: 0;
              -webkit-transform: translateX(-100px);
              transform: translateX(-100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @keyframes slideinleft {
          0% {
              opacity: 0;
              -webkit-transform: translateX(-100px);
              transform: translateX(-100px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0);
              transform: translateX(0)
          }
      }

      @-webkit-keyframes slidebottomright {
          0% {
              opacity: 0;
              -webkit-transform: translateX(120px) translateY(120px);
              transform: translateX(120px) translateY(120px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0) translateY(0);
              transform: translateX(0) translateY(0)
          }
      }

      @keyframes slidebottomright {
          0% {
              opacity: 0;
              -webkit-transform: translateX(120px) translateY(120px);
              transform: translateX(120px) translateY(120px)
          }

          100% {
              opacity: 1;
              -webkit-transform: translateX(0) translateY(0);
              transform: translateX(0) translateY(0)
          }
      }


      .footer-widget {
          margin-bottom: 50px
      }

      .footer-widget,
      .footer-widget .widget {
          padding: 0;
          border: none;
          padding-bottom: 0;
          background-color: transparent;
          box-shadow: none
      }

      .footer-widget .form-group>i {
          color: var(--theme-color);
          top: 18px
      }

      .footer-widget .sidebar-gallery {
          max-width: 287px;
          gap: 11px
      }

      .footer-widget .sidebar-gallery .gallery-thumb {
          border-radius: 5px
      }

      .footer-widget .widget_title {
          max-width: 270px;
          color: var(--white-color);
          font-weight: 500;
          text-transform: capitalize;
          margin: -0.12em 0 19px 0;
          padding: 0 0 20px 0
      }

      .footer-widget .widget_title:before {
          display: none
      }

      .footer-widget .widget_title:after {
          border-radius: 10px;
          height: 2px;
          width: 92px;
          background-color: transparent;
          background-image: -webkit-linear-gradient(left, var(--theme-color), transparent);
          background-image: linear-gradient(to right, var(--theme-color), transparent)
      }

      .footer-widget .widget_title img {
          margin: -7px 10px 0 0
      }

      .footer-widget.widget_meta ul,
      .footer-widget.widget_pages ul,
      .footer-widget.widget_archive ul,
      .footer-widget.widget_categories ul,
      .footer-widget.widget_nav_menu ul {
          margin-top: -5px
      }

      .footer-widget.widget_meta .menu,
      .footer-widget.widget_meta>ul,
      .footer-widget.widget_pages .menu,
      .footer-widget.widget_pages>ul,
      .footer-widget.widget_archive .menu,
      .footer-widget.widget_archive>ul,
      .footer-widget.widget_categories .menu,
      .footer-widget.widget_categories>ul,
      .footer-widget.widget_nav_menu .menu,
      .footer-widget.widget_nav_menu>ul {
          margin-bottom: -5px
      }

      .footer-widget.widget_meta a,
      .footer-widget.widget_pages a,
      .footer-widget.widget_archive a,
      .footer-widget.widget_categories a,
      .footer-widget.widget_nav_menu a {
          font-size: 16px;
          font-weight: 400;
          padding: 0 0 0 16px;
          margin-bottom: 11px;
          font-family: var(--body-font);
          color: #c3c3c3;
          display: block;
          max-width: 100%;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          padding-right: 0;
          background-color: transparent;
          border: none !important;
          box-shadow: none;
          position: relative
      }

      .footer-widget.widget_meta a:before,
      .footer-widget.widget_pages a:before,
      .footer-widget.widget_archive a:before,
      .footer-widget.widget_categories a:before,
      .footer-widget.widget_nav_menu a:before {
          content: "\f054";
          font-weight: 600;
          left: 0;
          top: 2px;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          font-size: 0.9em;
          background-color: transparent;
          border: none;
          color: inherit
      }

      .footer-widget.widget_meta a:hover,
      .footer-widget.widget_pages a:hover,
      .footer-widget.widget_archive a:hover,
      .footer-widget.widget_categories a:hover,
      .footer-widget.widget_nav_menu a:hover {
          background-color: transparent;
          color: var(--theme-color)
      }

      .footer-widget.widget_meta a:hover:before,
      .footer-widget.widget_pages a:hover:before,
      .footer-widget.widget_archive a:hover:before,
      .footer-widget.widget_categories a:hover:before,
      .footer-widget.widget_nav_menu a:hover:before {
          color: var(--theme-color)
      }

      .footer-widget.widget_meta li>span,
      .footer-widget.widget_pages li>span,
      .footer-widget.widget_archive li>span,
      .footer-widget.widget_categories li>span,
      .footer-widget.widget_nav_menu li>span {
          width: auto;
          height: auto;
          position: relative;
          background-color: transparent;
          color: var(--body-color);
          line-height: 1
      }

      .footer-widget.widget_meta li:last-child a,
      .footer-widget.widget_pages li:last-child a,
      .footer-widget.widget_archive li:last-child a,
      .footer-widget.widget_categories li:last-child a,
      .footer-widget.widget_nav_menu li:last-child a {
          margin-bottom: 0
      }

      .footer-widget .recent-post {
          max-width: 300px;
          margin-bottom: 30px
      }

      .footer-widget .recent-post .media-img {
          max-width: 90px;
          border-radius: 8px
      }

      .footer-widget .recent-post .media-img:after {
          line-height: 85px
      }

      .footer-widget .recent-post .post-title {
          color: var(--white-color);
          font-weight: 500
      }


      .widget_title {
          position: relative;
          font-size: 24px;
          font-weight: 600;
          font-family: var(--title-font);
          line-height: 1em;
          padding-bottom: 20px;
          margin: -0.12em 0 38px 0
      }

      .widget_title:after,
      .widget_title:before {
          content: '';
          height: 3px;
          width: 100%;
          background-color: var(--th-border-color);
          position: absolute;
          bottom: 0;
          left: 0;
          border-radius: 99px
      }

      .widget_title:after {
          background-color: var(--theme-color);
          width: 30px
      }

      .footer-widget .recent-post:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: 0
      }

      .footer-widget .recent-post .recent-post-meta a {
          font-weight: 400;
          line-height: 1.2
      }

      .footer-widget .recent-post .recent-post-meta i {
          color: var(--theme-color)
      }

      .footer-widget .recent-post .recent-post-meta a:hover i {
          color: var(--theme-color)
      }

      .footer-widget .sidebar-gallery {
          max-width: 250px
      }

      .about-logo {
          margin-bottom: 15px
      }

      /* .th-widget-about {
    max-width: 315px
} */

      .th-widget-about .about-logo {
          margin-bottom: 35px;
          width: 90%;
      }

      .th-widget-about .about-text {
          margin-bottom: 20px;
          margin-top: -0.5em
      }

      .th-widget-about .th-social {
          margin-top: 20px
      }

      .footer-text {
          margin-top: -0.5em;
          margin-bottom: 16px
      }

      .social-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center
      }

      .social-box .social-title {
          font-size: 20px;
          color: var(--white-color);
          font-weight: 600;
          margin-right: 20px;
          margin-bottom: 0
      }

      .icon-group a {
          color: var(--white-color);
          font-size: 18px;
          margin-right: 17px
      }

      .icon-group a:last-child {
          margin-right: 0
      }

      .newsletter-form {
          position: relative;
          max-width: 465px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 10px
      }

      .newsletter-form .th-btn {
          min-width: 145px;
          padding: 21px 20px
      }

      @media (max-width: 767px) {
          .footer-widget .widget_title {
              margin-bottom: 35px
          }

          .th-widget-about .about-text {
              margin-bottom: 15px
          }

          .social-box.mb-30 {
              margin-bottom: 25px
          }
      }

      .th-header {
          position: relative;
          z-index: 41
      }

      .th-header .icon-btn {
          border-radius: 99px
      }

      .th-header .menu-area {
          position: relative;
          z-index: 2
      }

      .sticky-wrapper {
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .sticky-wrapper.sticky {
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          background-color: var(--white-color);
          -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
          -webkit-animation: stickyAni 0.4s ease-in-out;
          animation: stickyAni 0.4s ease-in-out
      }

      @-webkit-keyframes stickyAni {
          0% {
              -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
              transform: translate3d(0, -40px, 0) scaleY(0.8);
              opacity: 0.7
          }

          100% {
              -webkit-transform: translate3d(0, 0, 0) scaleY(1);
              transform: translate3d(0, 0, 0) scaleY(1);
              opacity: 1
          }
      }

      @keyframes stickyAni {
          0% {
              -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
              transform: translate3d(0, -40px, 0) scaleY(0.8);
              opacity: 0.7
          }

          100% {
              -webkit-transform: translate3d(0, 0, 0) scaleY(1);
              transform: translate3d(0, 0, 0) scaleY(1);
              opacity: 1
          }
      }

      .main-menu a {
          display: block;
          position: relative;
          font-weight: 600;
          font-size: 16px;
          font-family: var(--body-font);
          color: #000d44;
          text-transform: uppercase
      }

      .header-layout5 .sticky .main-menu a,
      .menu-item-has-children .sub-menu a {
          color: var(--title-color);
      }

      .main-menu a:hover {
          color: var(--theme-color)
      }

      .main-menu>ul>li {
          margin: 0 19px
      }

      .main-menu>ul>li>a {
          padding: 0px;
      }

      .sticky-wrapper.sticky .main-menu>ul>li>a {
          padding: 27px 0 !important;
      }

      .main-menu>ul>li>a:hover {
          color: var(--theme-color);
      }

      .header-layout5 .sticky .main-menu>ul>li>a:hover .header-layout5 .sticky .menu-item-has-children .sub-menu a:hover {
          color: var(--theme-color);
      }

      .main-menu ul {
          margin: 0;
          padding: 0
      }

      .main-menu ul li {
          list-style-type: none;
          display: inline-block;
          position: relative
      }

      .main-menu ul li.menu-item-has-children>a:after {
          content: "\2b";
          display: inline-block;
          position: relative;
          font-family: var(--icon-font);
          margin-left: 4px;
          font-weight: 600;
          top: 0;
          font-size: 0.9em;
          color: inherit;
          -webkit-transition: 0.3s -webkit-transform;
          transition: 0.3s -webkit-transform;
          transition: 0.3s transform;
          transition: 0.3s transform, 0.3s -webkit-transform
      }

      .main-menu ul li.menu-item-has-children>a:hover:after {
          content: "\f068";
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg)
      }

      .main-menu ul li:last-child {
          margin-right: 0 !important
      }

      .main-menu ul li:first-child {
          margin-left: 0 !important
      }

      .main-menu ul li:hover>ul.sub-menu {
          visibility: visible;
          opacity: 1;
          -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
          transform: scaleY(1);
          z-index: 9
      }

      .main-menu ul.sub-menu {
          position: absolute;
          text-align: left;
          top: 100%;
          left: 0;
          background-color: var(--white-color);
          visibility: hidden;
          min-width: 230px;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          padding: 7px;
          left: -14px;
          opacity: 0;
          z-index: -1;
          box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
          border-radius: 0;
          -webkit-transform: scaleY(0);
          -ms-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transform-origin: top center;
          -ms-transform-origin: top center;
          transform-origin: top center;
          -webkit-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s
      }

      .main-menu ul.sub-menu a {
          font-size: 16px;
          line-height: 30px
      }

      .main-menu ul.sub-menu {
          padding: 18px 20px 18px 18px;
          left: -27px
      }

      .main-menu ul.sub-menu li {
          display: block;
          margin: 0 0;
          padding: 0px 9px
      }

      .main-menu ul.sub-menu li.menu-item-has-children>a:after {
          content: "\2b";
          float: right;
          top: 1px;
          display: inline-block
      }

      .main-menu ul.sub-menu li.menu-item-has-children>a:hover:after {
          content: "\f068";
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg)
      }

      .main-menu ul.sub-menu li a {
          position: relative;
          padding-left: 0;
          text-transform: capitalize
      }

      /* .main-menu ul.sub-menu li a:before {
          content: "\f469";
          position: absolute;
          top: 6px;
          left: 10px;
          font-family: var(--icon-font);
          width: 11px;
          height: 11px;
          text-align: center;
          border-radius: 50%;
          display: inline-block;
          font-size: 1em;
          line-height: 1;
          color: var(--theme-color);
          font-weight: 400;
          opacity: 0;
          visibility: visible;
          -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out
      } */

      /* .main-menu ul.sub-menu li a:hover {
          padding-left: 23px
      } */

      .main-menu ul.sub-menu li a:hover:before {
          visibility: visible;
          opacity: 1;
          left: 0
      }

      .main-menu ul.sub-menu li ul.sub-menu {
          left: 100%;
          right: auto;
          top: 0;
          margin: 0 0;
          margin-left: 20px
      }

      .main-menu ul.sub-menu li ul.sub-menu li ul {
          left: 100%;
          right: auto
      }

      @media (max-width: 1500px) {
          .main-menu>ul>li {
              margin: 0 13px
          }
      }

      .menu-style1>ul>li {
          margin: 0 14px
      }

      @media (max-width: 1299px) {
          .menu-style1>ul>li {
              margin: 0 10px
          }
      }

      .menu-style1>ul>li>a {
          padding: 17px 0;
          color: var(--white-color);
          font-weight: 500
      }

      .menu-style1>ul>li>a:hover {
          color: var(--theme-color)
      }

      .header-button {
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 10px;
          position: relative;
          z-index: 3
      }

      .header-button .th-btn {
          margin: 0 20px
      }

      .header-button .icon-btn .badge {
          font-size: 12px;
          top: 0;
          right: 0
      }

      .header-button .icon-btn:hover .badge {
          background-color: var(--title-color)
      }

      .social-links .social-title {
          font-weight: 500;
          font-size: 16px;
          display: inline-block;
          margin: 0 10px 0 0;
          color: var(--body-color)
      }

      .social-links a {
          font-size: 16px;
          display: inline-block;
          color: var(--body-color);
          margin: 0 15px 0 0
      }

      .social-links a:last-child {
          margin-right: 0 !important
      }

      .social-links a:hover {
          color: var(--theme-color)
      }

      .header-logo {
          padding-top: 15px;
          padding-bottom: 15px
      }

      .header-links ul {
          margin: 0;
          padding: 0;
          list-style-type: none
      }

      .header-links li {
          display: inline-block;
          position: relative;
          margin-right: 30px
      }

      .header-links li:last-child {
          margin-right: 0
      }

      .header-links li>i {
          margin-right: 6px
      }

      .header-links li,
      .header-links span,
      .header-links p,
      .header-links a {
          color: var(--body-color)
      }

      .header-links a:hover {
          color: var(--theme-color)
      }

      .header-links b,
      .header-links strong {
          font-weight: 500;
          margin-right: 2px
      }

      .header-links .icon-btn {
          --btn-size: 36px;
          line-height: 34px;
          background-color: transparent;
          border: 1px solid var(--theme-color);
          color: var(--white-color);
          font-size: 16px
      }

      .header-links .social-links a {
          font-size: 14px
      }

      .header-notice {
          margin: 0
      }

      .header-top {
          padding: 7px 0;
          background-color: var(--theme-color2);
          --body-color: #fff
      }

      .header-top a:hover {
          color: var(--theme-color)
      }

      .dropdown-link {
          position: relative
      }

      .dropdown-link>a {
          color: var(--body-color)
      }

      .dropdown-link>a img {
          margin-right: 4px
      }

      .dropdown-toggle::after {
          content: "\f078";
          border: none;
          font-family: var(--icon-font);
          vertical-align: middle;
          font-weight: 400;
          margin-left: 6px;
          margin-top: -1px
      }

      .dropdown-menu {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          min-width: auto;
          top: calc(100% + 6px) !important;
          left: 50% !important;
          -webkit-transform: translateX(-50%) !important;
          -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
          padding: 8px 20px !important;
          text-align: center;
          border-color: var(--th-border-color)
      }

      .dropdown-menu li {
          padding-right: 0;
          margin-right: 0
      }

      .dropdown-menu li:after {
          display: none
      }

      .dropdown-menu li a {
          display: block
      }

      .dropdown-menu a {
          color: var(--title-color) !important
      }

      .dropdown-menu a:hover {
          color: var(--theme-color) !important
      }

      .dropdown-menu:before {
          content: "";
          position: absolute;
          left: 50%;
          top: -7px;
          width: 14px;
          height: 14px;
          margin-left: -7px;
          background-color: var(--white-color);
          z-index: -1;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border-top: 1px solid var(--th-border-color);
          border-left: 1px solid var(--th-border-color)
      }

      .header-layout1 {
          position: relative
      }

      .header-layout1 .sticky .sticky-wrapper {
          box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.06)
      }

      .header-layout1 .menu-area {
          position: relative;
          z-index: 2
      }

      .header-layout1 .header-logo {
          position: relative;
          z-index: 2;
          height: 100%;
          padding: 20px 100px 20px 0;
          width: 92%;
      }

      .header-layout1 .header-logo .logo-bg {
          position: absolute;
          top: 0;
          right: -26px;
          height: 100%;
          width: 2000px;
          background-size: auto;
          background-repeat: repeat;
          background-position: center right;
          z-index: -1;
          -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 42px) 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 42px) 100%, 0% 100%)
      }

      .header-layout1 .th-menu-toggle {
          margin-left: auto
      }

      @media (min-width: 1300px) {
          .header-layout1 {
              --main-container: 1620px
          }
      }

      @media (max-width: 1399px) {


          .main-menu a {
              font-size: 15px;
          }

          .header-layout1 .header-logo {
              padding: 20px 50px 20px 0
          }

          .header-layout1 .header-logo .logo-bg {
              right: -15px
          }
      }

      @media (max-width: 991px) {
          .header-layout1 .header-logo {
              padding: 15px 50px 15px 0;
              /* height: 90px */
          }

          .header-layout1 .header-button .th-btn {
              display: none
          }
      }

      @media (max-width: 575px) {
          .header-layout1 .header-logo {
              height: 100%;
              padding-right: 0
          }

          .header-layout1 .header-logo .logo-bg {
              right: -60px
          }

          .header-layout1 .header-logo h2 {
              font-size: 36px
          }

          .header-layout1 .header-logo img {
              max-width: 190px;
          }
      }

      @media (max-width: 1299px) {
          .unittest-header .main-menu a {
              font-size: 15px
          }

          .unittest-header .main-menu>ul>li {
              margin: 0 11px
          }
      }

      .info-card {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 10px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center
      }

      .info-card-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 35px
      }

      .info-card .box-icon {
          font-size: 36px;
          color: var(--theme-color2)
      }

      .info-card .box-title {
          margin: 0 0 -0.2em 0;
          font-size: 20px;
          font-weight: 500
      }

      .info-card .box-text {
          margin: -0.3em 0 0 0
      }

      .header-layout2 .menu-area {
          position: relative;
          z-index: 2;
          background-color: var(--theme-color2)
      }

      .header-layout2 .menu-top {
          position: relative;
          overflow: hidden;
          padding: 20px 0
      }

      .header-layout2 .info-card-wrap {
          position: relative;
          z-index: 2
      }

      .header-layout2 .info-card-wrap:before {
          content: '';
          height: 120px;
          width: 4000px;
          position: absolute;
          left: -72px;
          top: -40px;
          background-color: var(--smoke-color);
          z-index: -1;
          -webkit-clip-path: polygon(65px 0%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(65px 0%, 100% 0, 100% 100%, 0% 100%)
      }

      .header-layout2 .header-logo {
          padding: 0
      }

      .header-layout2 .search-form {
          border: 1px solid var(--th-border-color);
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          border-radius: 99px
      }

      .header-layout2 .search-form input {
          height: 46px;
          width: 380px;
          max-width: 100%
      }

      .header-layout2 .search-form button {
          width: 46px;
          height: 46px;
          line-height: 46px;
          min-width: 46px;
          background-color: var(--theme-color2);
          border-radius: 99px;
          color: var(--white-color);
          font-size: 20px;
          text-align: center;
          border: none;
          padding: 0;
          margin-left: -46px
      }

      .header-layout2 .search-form button:hover {
          background-color: var(--title-color)
      }

      .header-layout2 .sticky-wrapper {
          background-color: transparent
      }

      .header-layout2 .th-menu-toggle {
          margin-left: auto
      }

      .header-layout2 .icon-btn {
          --btn-size: 46px;
          font-size: 16px;
          background-color: transparent;
          color: var(--white-color)
      }

      .header-layout2 .icon-btn .badge {
          top: -2px;
          right: -2px
      }

      .header-layout2 .icon-btn:hover {
          background-color: var(--theme-color)
      }

      .header-layout2 .header-button {
          gap: 15px
      }

      .header-layout2 .dropdown-link {
          border-right: 1px solid var(--th-border-color);
          padding-right: 25px;
          margin-right: 10px
      }

      .header-layout2 .dropdown-link>a {
          color: var(--white-color)
      }

      @media (max-width: 1299px) {
          .header-layout2 .search-form input {
              width: 250px
          }

          .header-layout2 .info-card-wrap {
              gap: 20px
          }

          .header-layout2 .info-card-wrap:before {
              left: -60px
          }
      }

      @media (max-width: 991px) {
          .header-layout2 .menu-top {
              padding: 15px 0
          }

          .header-layout2 .header-logo {
              padding: 15px 0
          }

          .header-layout2 .header-logo img {
              max-height: 46px
          }

          .header-layout2 .search-form input {
              width: 350px
          }
      }

      .header-layout3 {
          position: relative;
          max-width: 1520px;
          margin: 0 auto -100px auto
      }

      .header-layout3 .container-fluid {
          padding-left: 0;
          padding-right: 22px
      }

      .header-layout3 .header-top {
          background-color: var(--theme-color)
      }

      .header-layout3 .header-top .container-fluid {
          padding-left: 310px
      }

      .header-layout3 .header-links li>i {
          border-color: var(--white-color)
      }

      .header-layout3 .header-links a:hover {
          color: var(--title-color)
      }

      .header-layout3 .menu-area {
          position: relative;
          z-index: 2
      }

      .header-layout3 .main-menu {
          margin-left: 6px
      }

      .header-layout3 .header-logo {
          position: relative;
          z-index: 2;
          height: 150px;
          margin-top: -50px;
          padding: 45px 39px;
          background-color: #050C14;
          border-radius: 0 0 0 30px;
          -webkit-clip-path: polygon(100% 0, 100% 85px, calc(100% - 38px) 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 85px, calc(100% - 38px) 100%, 0 100%, 0 0)
      }

      .header-layout3 .sticky-wrapper {
          box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.06);
          background-color: var(--white-color);
          border-radius: 0 0 30px 30px;
          max-width: 1520px;
          margin-left: auto;
          margin-right: auto
      }

      .header-layout3 .sticky-wrapper.sticky .header-logo {
          height: 100%;
          margin-top: 0;
          padding: 19px 39px
      }

      .header-layout3 .th-menu-toggle {
          margin-left: auto
      }

      @media (max-width: 1399px) {
          .header-layout3 .header-button .th-btn {
              display: none
          }
      }

      @media (max-width: 1299px) {
          .header-layout3 {
              margin: 0 auto -30px auto
          }
      }

      @media (max-width: 991px) {
          .header-layout3 .header-top .container-fluid {
              padding-left: 12px
          }

          .header-layout3 .container-fluid {
              padding-right: 12px
          }

          .header-layout3 .header-logo {
              margin-top: 0;
              height: 100%;
              padding: 15px 12px !important;
              border-radius: 0 0 0 15px;
              -webkit-clip-path: polygon(100% 0, 100% 80%, calc(100% - 25px) 100%, 0 100%, 0 0);
              clip-path: polygon(100% 0, 100% 80%, calc(100% - 25px) 100%, 0 100%, 0 0)
          }

          .header-layout3 .sticky-wrapper {
              border-radius: 0 0 15px 15px
          }
      }

      @media (max-width: 575px) {
          .header-layout3 .row {
              --bs-gutter-x: 0
          }

          .header-layout3 .header-logo img {
              max-width: 155px
          }
      }

      .footer-wrapper {
          --th-border-color: rgba(120, 128, 148, 0.4);
          --body-color: #969EB2;
          position: relative;
          z-index: 2;
          background-color: var(--title-color);
          overflow: hidden
      }

      .footer-wrapper .th-social a {
          background-color: var(--white-color);
          color: var(--title-color)
      }

      .footer-wrapper .th-social a:hover {
          background-color: var(--theme-color);
          color: var(--white-color) !important
      }

      .footer-wrapper .social-links a {
          margin: 0 30px 0 0
      }

      .widget-area {
          padding-top: 80px;
          padding-bottom: 0px;
      }

      .sticky-footer {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%
      }

      .footer-links ul {
          padding: 0;
          margin: 0
      }

      .footer-links li {
          font-family: var(--body-font);
          display: inline-block;
          padding-right: 15px;
          margin-right: 10px;
          position: relative
      }

      .footer-links li:after {
          content: "";
          height: 20px;
          width: 1px;
          background-color: var(--body-color);
          position: absolute;
          top: 50%;
          right: 0;
          margin: -10px 0
      }

      .footer-links li:last-child {
          margin-right: 0;
          padding-right: 0
      }

      .footer-links li:last-child:after {
          display: none
      }

      .footer-links a {
          font-family: inherit;
          color: var(--body-color)
      }

      .footer-links a:hover {
          color: var(--theme-color)
      }

      .copyright-wrap {
          padding: 12px 0;
          /* background-size: 100% auto;
    background-color: var(--theme-color2) */
      }

      .copyright-wrap .copyright-text {
          color: var(--white-color)
      }

      .copyright-wrap .copyright-text a {
          color: var(--theme-color)
      }

      .copyright-wrap .copyright-text a:hover {
          color: white;
      }

      .copyright-wrap.bg-title .copyright-text a:hover {
          color: var(--theme-color)
      }

      .footer-info {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 8px
      }

      .footer-info:last-child {
          margin-bottom: 0
      }

      .footer-info i {
          color: var(--theme-color);
          min-width: 23px;
          margin-top: 6px
      }

      .footer-info .fa-envelope {
          -webkit-transform: translateY(1px);
          -ms-transform: translateY(1px);
          transform: translateY(1px)
      }

      .footer-info .fa-location-dot {
          -webkit-transform: scaleX(1.2);
          -ms-transform: scaleX(1.2);
          transform: scaleX(1.2)
      }

      .copyright-text {
          margin: 0
      }

      .copyright-text a {
          color: var(--theme-color)
      }

      .copyright-text a:hover {
          color: var(--white-color)
      }

      .footer-newsletter {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          gap: 25px;
          padding-left: 60px
      }

      .footer-newsletter .newsletter-title {
          max-width: 425px;
          margin-bottom: 0
      }


      .th-widget-schedule {
          width: 280px;
          max-width: 100%
      }

      .th-widget-schedule .title {
          color: var(--white-color);
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 16px
      }

      .newsletter-widget {
          max-width: 304px;
          margin: auto;
      }

      .newsletter-widget .newsletter-form {
          gap: 0;
          margin-bottom: 20px
      }

      .newsletter-widget .newsletter-form input {
          height: 46px;
          border-radius: 99px;
          border: 1px solid var(--th-border-color)
      }

      .newsletter-widget .simple-icon {
          position: absolute;
          top: 11px;
          right: 0;
          border: none;
          background-color: transparent;
          height: 24px;
          padding: 0 25px 0 20px;
          color: var(--theme-color);
          border-left: 1px solid var(--th-border-color)
      }

      .newsletter-widget .simple-icon:hover {
          color: var(--title-color)
      }

      .newsletter-widget .footer-text {
          margin-bottom: 16px
      }

      .newsletter-widget .btn-group {
          gap: 15px
      }

      .newsletter-form {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          max-width: 500px;
          gap: 10px
      }

      @media (max-width: 1199px) {
          .newsletter-form {
              max-width: 460px
          }
      }

      .newsletter-form .form-group {
          margin-bottom: 0;
          width: 100%
      }

      .newsletter-form .form-group>i {
          color: var(--theme-color)
      }

      .newsletter-form input {
          background-color: var(--white-color);
          border: none;
          width: 100%
      }

      .newsletter-form input:focus {
          background-color: var(--white-color);
          color: var(--body-color)
      }

      .newsletter-form .th-btn {
          min-width: 150px
      }

      .newsletter-form .newsletter-btn {
          display: inline-block;
          border: none;
          background-color: var(--theme-color);
          color: var(--title-color);
          width: 55px;
          height: 55px;
          line-height: 55px;
          min-width: 55px
      }

      .newsletter-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 60px 0;
          border-bottom: 1px solid var(--th-border-color)
      }

      .newsletter-wrap .sec-title {
          margin-top: -0.24em;
          margin-bottom: -0.24em;
          color: var(--white-color);
          font-weight: 600
      }

      .newsletter-wrap .newsletter-text {
          margin-bottom: -0.5em;
          max-width: 400px
      }

      @media (max-width: 991px) {
          .newsletter-wrap {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              text-align: center;
              gap: 25px 0
          }

          .newsletter-wrap .newsletter-form {
              max-width: 100%
          }
      }

      @media (max-width: 991px) {
          .newsletter-wrap {
              padding: 40px
          }

          .newsletter-wrap .newsletter-title {
              font-size: 30px
          }

          .newsletter-wrap .newsletter-text {
              font-size: 16px
          }

          .footer-wrapper .newsletter-form {
              max-width: 400px
          }
      }

      @media (max-width: 767px) {
          .newsletter-wrap {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              gap: 25px
          }

          .newsletter-wrap .newsletter-title {
              text-align: center;
              margin-left: auto;
              margin-right: auto
          }

          .footer-wrapper .newsletter-form {
              max-width: 550px;
              gap: 15px;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }
      }

      @media (max-width: 575px) {
          .newsletter-wrap .newsletter-title {
              font-size: 24px
          }

          .newsletter-wrap .newsletter-form {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }

          .footer-wrapper .newsletter-form {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }
      }

      @media (max-width: 991px) {
          .footer-wrapper .widget-area {
              padding-top: var(--section-space-mobile);
              padding-bottom: 30px
          }
      }

      @media (max-width: 767px) {
          .copyright-text {
              text-align: center
          }
      }

      .footer-layout2 {
          --body-color: #788094;
          --th-border-color: #D8DDE1;
          --theme-color: #1F5FFF;
          background-color: var(--smoke-color2)
      }

      .footer-layout2 a:before {
          -webkit-transition: 0.3s;
          transition: 0.3s
      }

      .footer-layout2 a:hover {
          color: var(--theme-color2) !important
      }

      .footer-layout2 a:hover:before {
          color: var(--theme-color2) !important
      }

      .footer-layout2 .footer-widget .widget_title {
          color: var(--title-color)
      }

      .footer-layout2 .th-social a {
          --icon-size: 36px;
          font-size: 14px
      }

      .footer-layout2 .copyright-wrap {
          background-color: #050C14;
          padding: 17px 0
      }

      .footer-layout2 .newsletter-wrap {
          padding: 80px 0;
          background-color: transparent;
          border-radius: 0;
          border-bottom: 1px solid var(--th-border-color);
          gap: 20px
      }

      @media (max-width: 991px) {
          .footer-layout2 .newsletter-wrap {
              padding: 60px 0
          }
      }

      .footer-layout2 .newsletter-content {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 30px
      }

      @media (max-width: 991px) {
          .footer-layout2 .newsletter-content .email-icon {
              display: none
          }
      }

      .th-widget-contact {
          max-width: 290px
      }

      .th-widget-contact .th-social {
          margin-top: 16px
      }

      .th-widget-contact .footer-info {
          margin-bottom: 4px
      }


      .info-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 30px
      }

      .info-box:last-child {
          margin-bottom: 0
      }

      .info-box_icon {
          width: 30px;
          height: 30px;
          min-width: 30px;
          line-height: 32px;
          font-size: 14px;
          background-color: rgba(255, 255, 255, 0.08);
          color: var(--theme-color2);
          border-radius: 6px;
          text-align: center;
          margin-right: 10px
      }

      .info-box_text {
          display: block;
          color: var(--body-color);
          margin-top: -0.45em;
          margin-bottom: -0.45em;
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center
      }

      footer .info-box_link {
          display: inline-block;
          color: #c3c3c3;
      }

      .info-box_link {
          display: inline-block;
          color: #1e1e1e;
      }

      .info-box_link:hover {
          color: var(--theme-color)
      }

      .th-widget-location {
          background: #0D1A27;
          padding: 30px;
          max-width: 334px;
          margin-top: -25px
      }

      @media (max-width: 1199px) {
          .th-widget-location {
              margin-top: -10px
          }
      }

      @media (max-width: 767px) {
          .th-widget-location {
              margin-top: 0
          }
      }

      .location-box {
          margin-bottom: 25px
      }

      .location-box:last-child {
          margin-bottom: -0.5em
      }

      .location-box .box-title {
          font-size: 20px;
          margin-bottom: 13px;
          color: var(--white-color)
      }

      .footer-layout3 {
          --body-color: #969EB2;
          background-color: #050C14
      }

      .footer-layout3 .widget-area {
          padding-top: 115px;
          padding-bottom: 56px
      }

      @media (max-width: 991px) {
          .footer-layout3 .widget-area {
              padding-top: 80px;
              padding-bottom: 35px
          }
      }

      .footer-layout3 .copyright-wrap {
          background-color: #0D1A27
      }

      .footer-layout3 .copyright-wrap a:hover {
          color: var(--white-color)
      }

      .breadcumb-menu {
          max-width: 100%;
          padding: 0;
          margin: 35px 0 -0.5em 0;
          list-style-type: none;
          position: relative
      }

      .breadcumb-menu li {
          display: inline-block;
          margin-right: 3px;
          padding-right: 3px;
          list-style: none;
          position: relative
      }

      .breadcumb-menu li:after {
          content: "\f054";
          position: relative;
          margin-left: 6px;
          font-weight: 500;
          font-size: 15px;
          color: inherit;
          font-family: var(--icon-font)
      }

      .breadcumb-menu li:last-child {
          padding-right: 0;
          margin-right: 0;
          color: white;
      }

      .breadcumb-menu li:last-child:after {
          display: none
      }

      .breadcumb-menu li,
      .breadcumb-menu a,
      .breadcumb-menu span {
          font-family: var(--title-font);
          white-space: normal;
          color: inherit;
          word-break: break-word;
          font-weight: 500;
          font-size: 16px;
          color: white;
      }

      .breadcumb-title {
          margin: -0.20em 0 -0.18em 0;
          line-height: 1.1;
          font-weight: 600
      }

      .breadcumb-wrapper {
          background-color: var(--smoke-color2);
          padding: 171px 0 123px;
          overflow: hidden;
          text-align: center;
          /* margin-top: 15px; */
      }

      @media (max-width: 1399px) {
          .breadcumb-wrapper {
              padding: 127px 0 127px 0;
          }
      }

      @media (max-width: 1199px) {
          .breadcumb-menu {
              margin: 25px 0 -0.5em 0
          }
      }

      @media (max-width: 991px) {
          .breadcumb-wrapper {
              padding: 110px 0 110px 0
          }
      }

      @media (max-width: 575px) {
          .breadcumb-menu {
              margin: 0px 0 -0.5em 0
          }

          .breadcumb-title {
              font-size: 27px
          }
      }


      .th-hero-wrapper {
          position: relative;
          z-index: 2
      }

      .th-hero-bg {
          position: absolute;
          inset: 0;
          border-radius: 53px;
      }

      .th-hero-bg img {
          height: 100%;
          width: 100%;
          object-fit: cover
      }

      .hero-title {
          font-size: 74px;
          font-weight: 700;
          line-height: 1.135;
          margin-bottom: 20px;
          margin-top: -0.2em;
      }

      .hero-title .title1,
      .hero-title .title2 {
          display: block;
          max-width: -webkit-fit-content;
          max-width: -moz-fit-content;
          max-width: fit-content;
          position: relative
      }

      .hero-subtitle {
          display: block;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0.09em;
          text-transform: uppercase;
          color: var(--theme-color2);
          margin-top: -0.33em;
          margin-bottom: 32px
      }

      .hero-heading {
          font-size: 30px;
          font-weight: 600;
          margin-bottom: 25px
      }

      .hero-text {
          margin-bottom: 32px
      }


      @media (max-width: 1299px) {
          .hero-title {
              font-size: 64px
          }

      }


      @media (max-width: 1199px) {
          .hero-title {
              font-size: 60px
          }
      }


      @media (max-width: 991px) {


          .hero-title {
              font-size: 54px;
              line-height: 1.2
          }
      }


      @media (max-width: 767px) {
          .hero-title {
              font-size: 48px
          }

          .hero-heading {
              font-size: 24px
          }
      }


      @media (max-width: 575px) {
          .hero-title {
              font-size: 33px;
              line-height: 1.3
          }

          .hero-subtitle {
              margin-bottom: 25px;
              font-size: 16px
          }
      }


      @media (max-width: 390px) {
          .hero-title {
              font-size: 34px;
              line-height: 1.3
          }
      }

      @media (max-width: 330px) {
          .hero-title {
              font-size: 32px
          }
      }


      @-webkit-keyframes titleFill {
          0% {
              width: 0
          }

          80% {
              width: 100%
          }

          100% {
              width: 100%
          }
      }

      @keyframes titleFill {
          0% {
              width: 0
          }

          80% {
              width: 100%
          }

          100% {
              width: 100%
          }
      }


      .popup-search-box {
          position: fixed;
          top: 0;
          left: 50%;
          background-color: rgba(0, 0, 0, 0.95);
          height: 0;
          width: 0;
          overflow: hidden;
          z-index: 99999;
          opacity: 0;
          visibility: hidden;
          border-radius: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .popup-search-box button.searchClose {
          width: 60px;
          height: 60px;
          position: absolute;
          top: 40px;
          right: 40px;
          border-width: 1px;
          border-style: solid;
          border-color: var(--theme-color);
          background-color: transparent;
          font-size: 22px;
          border-radius: 50%;
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
          color: var(--theme-color)
      }

      .popup-search-box button.searchClose:hover {
          color: var(--body-color);
          background-color: #fff;
          border-color: transparent;
          border-color: transparent;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg)
      }

      .popup-search-box form {
          position: absolute;
          top: 50%;
          left: 50%;
          display: inline-block;
          padding-bottom: 40px;
          cursor: auto;
          width: 100%;
          max-width: 700px;
          -webkit-transform: translate(-50%, -50%) scale(0);
          -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
          -webkit-transition: -webkit-transform ease 0.4s;
          transition: -webkit-transform ease 0.4s;
          transition: transform ease 0.4s;
          transition: transform ease 0.4s, -webkit-transform ease 0.4s
      }

      @media (max-width: 1199px) {
          .popup-search-box form {
              max-width: 600px
          }
      }

      .popup-search-box form input {
          font-size: 18px;
          height: 70px;
          width: 100%;
          border: 2px solid var(--theme-color);
          background-color: transparent;
          padding-left: 30px;
          color: #fff;
          border-radius: 50px
      }

      .popup-search-box form input::-moz-placeholder {
          color: #fff
      }

      .popup-search-box form input::-webkit-input-placeholder {
          color: #fff
      }

      .popup-search-box form input:-ms-input-placeholder {
          color: #fff
      }

      .popup-search-box form input::-ms-input-placeholder {
          color: #fff
      }

      .popup-search-box form input::placeholder {
          color: #fff
      }

      .popup-search-box form button {
          position: absolute;
          top: 0px;
          background-color: transparent;
          border: none;
          color: #fff;
          font-size: 24px;
          right: 12px;
          color: var(--white-color);
          cursor: pointer;
          width: 70px;
          height: 70px;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
          -webkit-transform: scale(1.001);
          -ms-transform: scale(1.001);
          transform: scale(1.001)
      }

      .popup-search-box form button:hover {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1)
      }

      .popup-search-box.show {
          opacity: 1;
          visibility: visible;
          width: 100.1%;
          height: 100%;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
          border-radius: 0
      }

      .popup-search-box.show form {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
          -webkit-transform: translate(-50%, -50%) scale(1);
          -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1)
      }


      .th-product {
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s
      }

      .th-product .product-title {
          font-size: 16px;
          margin: 4px 0 6px 0;
          font-weight: 500
      }

      .th-product .product-title i {
          font-size: 11px;

      }

      .th-product .product-title a {
          color: inherit
      }

      .th-product .product-title a:hover {
          color: var(--theme-color)
      }

      .th-product .product-category {
          font-size: 14px;
          color: var(--body-color);
          margin-bottom: 0px;
          display: block
      }

      .th-product .product-category:hover {
          color: var(--theme-color)
      }

      .th-product .product-tag {
          font-size: 14px;
          position: absolute;
          top: 20px;
          left: 20px;
          background-color: var(--theme-color);
          color: var(--white-color);
          padding: 0 12px;
          min-width: 60px;
          z-index: 3;
          border-radius: 99px;
          line-height: 24px
      }

      .th-product .woocommerce-product-rating {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 5px;
          margin-top: 8px;
          margin-bottom: 5px
      }

      .th-product .star-rating {
          margin: 0 auto 0 auto;
          width: 93px
      }

      .th-product .price {
          display: block;
          color: var(--theme-color2);
          font-weight: 700;
          margin-bottom: 6px;
          font-family: var(--body-font);
          font-size: 21px;
      }

      .th-product .price del {
          margin-left: 5px;
          color: var(--body-color)
      }

      .th-product .product-img {
          --space: 0px;
          background-color: var(--smoke-color);
          overflow: hidden;
          position: relative;
          margin: 0 0 23px 0;
          text-align: center;
          background-color: var(--smoke-color);
          z-index: 2;
          border-radius: 20px
      }

      .th-product .product-img img {
          width: 100%;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }

      .th-product .actions {
          height: 100%;
          position: absolute;
          top: 5px;
          right: 15px;
          text-align: center;
          z-index: 3;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          display: grid;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          width: 40px
      }

      .th-product .actions .icon-btn {
          --btn-size: 40px;
          font-size: 14px;
          border-color: var(--white-color);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
          color: var(--title-color);
          border-radius: 99px;
          margin-bottom: 10px;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08)
      }

      .th-product .actions .icon-btn:hover {
          color: var(--white-color);
          border-color: var(--theme-color)
      }

      .th-product .actions>* {
          margin: 0 0
      }

      .th-product .actions>*>a {
          margin: 0
      }

      .th-product .icon-btn {
          -webkit-transform: translateX(30px);
          -ms-transform: translateX(30px);
          transform: translateX(30px);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
      .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
          width: 40px;
          height: 40px;
          line-height: 40px;
          display: inline-block
      }

      .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
      .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
          position: relative;
          top: 0;
          left: 0;
          line-height: inherit;
          margin: 0;
          font-size: 24px
      }

      .th-product .tinv-wishlist a {
          display: inline-block;
          width: 40px;
          height: 40px;
          line-height: 40px;
          background-color: var(--white-color);
          color: var(--title-color);
          border-radius: 50%
      }

      .th-product .tinv-wishlist a:hover {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .th-product .add_to_cart_button.added {
          display: none
      }

      .th-product .added_to_cart {
          display: block;
          width: 40px;
          height: 40px;
          line-height: 38px;
          background-color: var(--title-color);
          color: var(--white-color);
          font-size: 0;
          text-align: center;
          border-radius: 99px;
          border: none;
          margin-bottom: 10px
      }

      .th-product .added_to_cart:after {
          content: "\f07a";
          position: relative;
          font-family: var(--icon-font);
          font-size: 16px;
          font-weight: 700
      }

      .th-product .added_to_cart:hover {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .th-product .action-btn {
          background-color: var(--white-color);
          font-size: 14px;
          font-family: var(--title-font);
          text-transform: uppercase;
          font-weight: bold;
          display: inline-block;
          padding: 13px 25px
      }

      .th-product:hover .product-img img {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1)
      }

      .th-product:hover .actions {
          margin-top: 0;
          opacity: 1;
          visibility: visible
      }

      .th-product:hover .icon-btn {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
      }

      .th-product.list-view {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          text-align: left;
          height: 100%;
          padding: 15px;
          border: 1px solid var(--th-border-color);
          border-radius: 20px
      }

      .th-product.list-view .product-img {
          --space: 0px;
          width: 94px;
          margin: 0;
          border-radius: 10px;
          display: grid;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center
      }

      .th-product.list-view .product-img:before {
          --space: 0px
      }

      .th-product.list-view .product-category {
          font-size: 13px;
          line-height: 23px;
          margin-top: -3px;
          margin-bottom: 2px
      }

      .th-product.list-view .star-rating {
          margin: 8px 0 0 0;
          width: 80px;
          font-size: 12px
      }

      .th-product.list-view .star-rating span:before {
          color: var(--yellow-color)
      }

      .th-product.list-view .product-content {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding: 0 0 0 15px
      }

      .th-product.list-view .actions {
          --icon-gap-x: 2px;
          width: 100%;
          right: 0;
          text-align: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .th-product.list-view .actions .icon-btn {
          --btn-size: 36px;
          --btn-font-size: 14px;
          background-color: var(--theme-color2);
          color: var(--white-color);
          border: none
      }

      .th-product.list-view .actions .icon-btn:hover {
          background-color: var(--title-color)
      }

      .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
      .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
          width: 35px;
          height: 35px;
          line-height: 35px
      }

      .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
      .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
          font-size: 20px
      }

      .th-product.list-view .tinv-wishlist a {
          width: 35px;
          height: 35px;
          line-height: 35px
      }

      .th-product.list-view .added_to_cart {
          width: 35px;
          height: 35px;
          line-height: 35px
      }

      .th-product.list-view .added_to_cart:after {
          font-size: 16px
      }

      .th-product.list-view .tag {
          top: 8px;
          right: 8px;
          padding: 0px 15px
      }

      .th-product.list-view .product-title {
          font-size: 15px;
          font-weight: 500;
          margin: 0 0 2px 0
      }

      .th-product.list-view .price {
          font-weight: 600;
          font-size: 13px;
          line-height: 23px;
          color: var(--theme-color)
      }


      .mfp-content {
          margin: 1.5rem auto
      }

      .mfp-content .product-details-img {
          padding-top: 15px
      }

      .mfp-content .product-about {
          padding-top: 20px;
          padding-bottom: 20px
      }

      .mfp-content .container {
          position: relative
      }

      .mfp-content .product-big-img {
          margin-top: 12px;
          margin-bottom: 12px
      }

      .mfp-fade.mfp-bg {
          opacity: 0;
          -webkit-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out
      }

      .mfp-fade.mfp-bg.mfp-ready {
          opacity: 0.8
      }

      .mfp-fade.mfp-bg.mfp-removing {
          opacity: 0
      }

      .mfp-fade.mfp-wrap .mfp-content {
          opacity: 0;
          -webkit-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out
      }

      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
          opacity: 1
      }

      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
          opacity: 0
      }

      .woosq-popup {
          border-radius: 10px
      }

      .woosq-popup .product_meta>span>a:after,
      .woosq-popup .product_meta>span>span:after {
          display: none
      }

      .woosq-product>.product .summary {
          display: grid;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center
      }

      .woosq-product .thumbnails .slick-list {
          display: block
      }

      .woosq-product .thumbnails .slick-dots li button {
          width: 12px;
          height: 12px;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          background-color: var(--theme-color);
          opacity: 0.4
      }

      .woosq-product .thumbnails .slick-dots li button:before {
          display: none
      }

      .woosq-product .thumbnails .slick-dots li.slick-active button {
          opacity: 1
      }

      .woosq-product .tinv-wraper {
          display: none
      }


      .product-big-img {
          background-color: var(--smoke-color2);
          text-align: center;
          overflow: hidden;
          border-radius: 20px
      }

      .product-big-img .img {
          width: 100%
      }

      .product-big-img .img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .product-big-img .slider-pagination {
          position: absolute;
          bottom: 40px;
          left: 0
      }

      .product-big-img .slick-dots {
          margin: -11px 0 0 0 !important;
          -webkit-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          transform: translateY(-30px);
          --border-color: #c0c0c0
      }

      .img-magnifier-container {
          position: relative
      }

      .img-magnifier-glass {
          position: absolute;
          box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
          border-radius: 50%;
          cursor: none;
          width: 200px;
          height: 200px
      }

      .magnify {
          position: relative;
          cursor: none
      }

      .magnify .magnifier {
          height: 180px;
          width: 180px;
          position: absolute;
          z-index: 20;
          box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);
          border-radius: 50%;
          background-size: 700%;
          background-repeat: no-repeat;
          margin-left: -90px !important;
          margin-top: -90px !important;
          pointer-events: none;
          display: none
      }

      .magnify .magnified {
          display: block;
          z-index: 10;
          margin: auto;
          width: 100%;
          height: 100%
      }

      .magnify img {
          width: 100%;
          height: 100%
      }



      .summary-content .product-title,
      .product-about .product-title {
          font-weight: 600;
          margin: 0 0 18px 0
      }

      .summary-content .product_title,
      .product-about .product_title {
          margin-bottom: 20px !important
      }


      @media (max-width: 991px) {
          .product-big-img {
              margin-bottom: 40px
          }

          .product-thumb-tab {
              margin-left: -10px
          }

          .th-product-box.list-view .product-img {
              max-width: 150px
          }

      }

      @media (max-width: 375px) {
          .th-product.list-view .product-img {
              max-width: 130px
          }

          .th-product.list-view .product-content {
              padding: 0 15px
          }
      }


      .location-card {
          background-color: var(--white-color);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
          border-radius: 30px;
          padding: 30px 40px;
          margin-bottom: 10px;
          position: relative
      }

      @media (max-width: 375px) {
          .location-card {
              padding: 30px 20px
          }
      }

      .location-card:after {
          content: '';
          position: absolute;
          top: 0;
          left: 30px;
          height: 4px;
          width: calc(100% - 60px);
          background-image: -webkit-radial-gradient(50% 50%, 50% 50%, var(--theme-color) 56.77%, rgba(4, 206, 120, 0) 100%);
          background-image: radial-gradient(50% 50% at 50% 50%, var(--theme-color) 56.77%, rgba(4, 206, 120, 0) 100%)
      }

      .location-card .box-title {
          border-bottom: 1px solid var(--th-border-color);
          text-align: center;
          padding-bottom: 22px;
          margin-bottom: 24px
      }

      .location-card .footer-info {
          margin-bottom: 12px
      }

      .location-card .footer-info:last-of-type {
          margin-bottom: 0
      }

      .location-card.active:after {
          background-image: -webkit-radial-gradient(50% 50%, 50% 50%, var(--theme-color2) 56.77%, rgba(4, 206, 120, 0) 100%);
          background-image: radial-gradient(50% 50% at 50% 50%, var(--theme-color2) 56.77%, rgba(4, 206, 120, 0) 100%)
      }


      .contact-map {
          line-height: 0px;
          width: 1005
      }

      .contact-map iframe {
          width: 100%;
          height: 680px
      }

      @media (max-width: 1199px) {
          .contact-map iframe {
              height: 400px
          }
      }

      @media (max-width: 991px) {
          .contact-map iframe {
              height: 350px
          }
      }



      .img-box1 {
          position: relative;
          z-index: 2;
          margin-right: 20px
      }

      @media (max-width: 1299px) {
          .img-box1 {
              margin-right: 0
          }
      }

      @media (max-width: 1199px) {
          .img-box1 {
              max-width: 680px;
              margin-left: auto;
              margin-right: auto
          }
      }

      @media (max-width: 375px) {
          .img-box1 {
              padding-bottom: 70px
          }
      }

      .img-box1 .img1 img {
          width: 100%
      }

      .img-box1 .about-info {
          position: absolute;
          bottom: 0;
          right: 0
      }


      .about-info {
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          border-radius: 50px 20px 20px 20px;
          background-color: var(--white-color);
          max-width: 220px;
          width: 100%;
          padding: 25px 10px;
          text-align: center
      }

      .about-info .box-title {
          font-size: 20px;
          margin-bottom: 4px
      }

      .about-info .box-text {
          margin-bottom: 5px
      }

      .about-info .box-review {
          color: var(--theme-color);
          margin-bottom: 5px
      }

      .about-info .box-review i {
          font-size: 14px;
          margin: 0 1.5px
      }

      .about-info .box-link {
          font-family: var(--title-font);
          font-size: 16px;
          font-weight: 500;
          color: var(--title-color);
          display: block;
          margin-bottom: -0.5em
      }

      .about-info .box-link i {
          color: var(--theme-color);
          margin-right: 4px
      }

      .about-info .box-link:hover {
          color: var(--theme-color)
      }


      .achieve-box {
          position: relative;
          z-index: 2;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 20px;
          padding-bottom: 40px;
          margin-bottom: 23px
      }

      .achieve-box:after {
          content: '';
          position: absolute;
          left: 65px;
          bottom: 0;
          height: 1px;
          width: calc(100% - 65px);
          background-color: var(--th-border-color)
      }

      .achieve-box:before {
          content: '';
          position: absolute;
          left: 37px;
          top: 25px;
          background-color: var(--theme-color);
          width: 1px;
          height: 100%;
          z-index: -1
      }

      .achieve-box:last-child {
          margin-bottom: 0
      }

      .achieve-box:last-child:before {
          display: none
      }

      .achieve-box .box-img {
          border-radius: 20px;
          overflow: hidden;
          position: absolute;
          right: 0;
          bottom: -80px;
          z-index: 2;
          visibility: hidden;
          opacity: 0;
          -webkit-transform: translateY(100px);
          -ms-transform: translateY(100px);
          transform: translateY(100px);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .achieve-box .box-year {
          font-family: var(--title-font);
          font-size: 24px;
          font-weight: 600;
          color: var(--title-color);
          padding: 11px 7px;
          border-radius: 100%;
          border: 1px solid var(--theme-color);
          background-color: var(--white-color);
          width: 74px;
          -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
          align-self: flex-start;
          text-align: center;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .achieve-box .box-title {
          padding-top: 16px;
          margin-bottom: 12px
      }

      .achieve-box .box-text {
          max-width: 490px
      }

      .achieve-box.item-active .box-img {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          visibility: visible;
          opacity: 1
      }

      .achieve-box.item-active .box-year {
          background-color: var(--theme-color2);
          color: var(--white-color)
      }

      @media (max-width: 991px) {
          .achieve-box .box-img {
              max-width: 220px;
              border-radius: 10px;
              bottom: -30px
          }

          .achieve-box .box-text {
              max-width: 100%;
              padding-right: 220px
          }
      }

      @media (max-width: 767px) {
          .achieve-box .box-img {
              display: none
          }

          .achieve-box .box-text {
              padding-right: 0
          }
      }

      @media (max-width: 575px) {
          .achieve-box {
              gap: 15px
          }

          .achieve-box .box-title {
              font-size: 20px
          }
      }


      .th-team {
          position: relative
      }

      .th-team .box-img {
          position: relative;
          overflow: hidden
      }

      .th-team .box-img img {
          width: 100%;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .th-team .team-desig {
          display: block;
          margin-bottom: -0.45em
      }

      .th-team .th-social {
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .th-team .th-social a {
          --icon-size: 44px;
          background-color: var(--white-color);
          color: var(--title-color);
          box-shadow: 0px 20px 40px rgba(2, 29, 53, 0.2)
      }

      .th-team .th-social a:hover {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .th-team .box-title {
          margin-bottom: 4px
      }


      .team-card {
          position: relative;
          text-align: center
      }

      .team-card .box-img {
          border-radius: 20px;
          margin-bottom: 30px
      }

      .team-card .th-social {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          visibility: hidden;
          opacity: 0
      }

      .team-card:hover .box-img img {
          -webkit-transform: scale(1.06);
          -ms-transform: scale(1.06);
          transform: scale(1.06)
      }

      .team-card:hover .th-social {
          visibility: visible;
          opacity: 1;
          bottom: 30px
      }

      @media (max-width: 767px) {
          .team-card {
              max-width: 440px;
              margin-left: auto;
              margin-right: auto
          }
      }

      .team-details {
          margin-left: 56px
      }

      @media (max-width: 1299px) {
          .team-details {
              margin-left: 30px
          }
      }

      @media (max-width: 1199px) {
          .team-details {
              margin-left: 0
          }
      }

      @media (max-width: 575px) {
          .team-details .checklist.body-color li b {
              width: 200px;
              min-width: 200px
          }
      }

      @media (max-width: 375px) {
          .team-details .checklist.body-color li b {
              width: 150px;
              min-width: 150px
          }
      }

      .counter-card {
          --border-color: #D8DDE1
      }

      .counter-card-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          background-color: var(--title-color);
          padding: 60px;
          border-radius: 30px
      }

      @media (max-width: 1199px) {
          .counter-card-wrap {
              padding: 40px
          }
      }

      @media (max-width: 991px) {
          .counter-card-wrap {
              padding: 40px 20px;
              border-radius: 20px
          }
      }

      @media (max-width: 767px) {
          .counter-card-wrap {
              padding: 30px 0
          }
      }

      .counter-card-wrap .divider {
          width: 1px;
          height: 79px;
          background-color: var(--th-border-color)
      }

      .counter-card-wrap .divider:last-of-type {
          display: none
      }

      .counter-card .box-number {
          font-size: 64px;
          color: var(--theme-color);
          font-weight: 600;
          margin-bottom: 0px;
          margin-top: -0.2em
      }

      .counter-card .box-number .plus {
          color: var(--white-color);
          font-weight: 400
      }

      @media (max-width: 1199px) {
          .counter-card .box-number {
              font-size: 48px
          }
      }

      @media (max-width: 767px) {
          .counter-card {
              -webkit-box-flex: 50%;
              -webkit-flex: 50%;
              -ms-flex: 50%;
              flex: 50%;
              padding-left: 3px;
              padding-right: 3px
          }

          .testi-sec3 .counter-card-wrap {
              padding: 28px 0 !important;
              margin-bottom: 40px;
          }

          .counter-card-wrap {
              text-align: center;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              position: relative
          }

          .counter-card-wrap .divider {
              display: none
          }

          .counter-card-wrap:after {
              content: '';
              height: 100%;
              width: 1px;
              position: absolute;
              top: 0;
              left: 50%;
              background-color: rgba(255, 255, 255, 0.4)
          }

          .counter-card:nth-child(1),
          .counter-card:nth-child(3) {
              padding-bottom: 30px;
              border-bottom: 1px solid rgba(255, 255, 255, 0.4);
              margin-bottom: 30px
          }
      }


      .blog-box {
          border-radius: 20px;
          padding: 30px;
          background-color: var(--white-color);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04)
      }

      .blog-box .blog-img {
          border-radius: 12px;
          overflow: hidden;
          margin-bottom: 25px
      }

      .blog-box .blog-img img {
          width: 100%;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .blog-box .box-title {
          margin-bottom: 20px;
          font-weight: 500
      }

      .blog-box .box-title a {
          background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
          background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
          background-repeat: no-repeat;
          background-position: bottom left;
          background-size: 0 2px;
          -webkit-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out
      }

      .blog-box .box-title a:hover {
          background-size: 100% 2px
      }

      .blog-box .blog-meta {
          margin: -0.3em 0 18px 0
      }

      .blog-box .blog-meta span>i,
      .blog-box .blog-meta a>i {
          color: var(--theme-color)
      }

      .blog-box .th-btn {
          padding: 16px 25px;
          background: -webkit-linear-gradient(top, #C2D4FF 37.5%, #F0F4FF 100%);
          background: linear-gradient(180deg, #C2D4FF 37.5%, #F0F4FF 100%);
          box-shadow: 0px 2px 10px rgba(184, 191, 208, 0.5)
      }

      .blog-box .th-btn:before {
          background: -webkit-linear-gradient(top, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%);
          background: linear-gradient(180deg, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%)
      }

      .blog-box:hover .blog-img img {
          -webkit-transform: scale(1.08);
          -ms-transform: scale(1.08);
          transform: scale(1.08)
      }

      @media (max-width: 1299px) {
          .blog-box {
              padding: 20px
          }
      }

      @media (max-width: 1199px) {
          .blog-box {
              padding: 30px
          }
      }

      @media (max-width: 991px) {
          .blog-box {
              padding: 20px
          }

          .blog-box .box-title {
              font-size: 22px
          }
      }

      @media (max-width: 767px) {
          .blog-box {
              padding: 30px
          }

          .blog-box .box-title {
              font-size: 24px
          }
      }

      @media (max-width: 410px) {
          .blog-box .box-title {
              font-size: 22px
          }
      }

      @media (max-width: 350px) {
          .blog-box {
              padding: 18px
          }

          .blog-box .box-title {
              font-size: 20px
          }
      }


      .brand-card {
          display: grid;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          text-align: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          min-height: 78px
      }

      .brand-card img {
          -webkit-filter: grayscale(100) opacity(0.7);
          filter: grayscale(100) opacity(0.7);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .brand-card:hover img {
          -webkit-filter: none;
          filter: none
      }


      .checklist ul {
          padding-left: 0;
          list-style: none;
          text-align: left;
          margin-bottom: 0
      }

      .checklist.list-two-column ul {
          display: inline-grid;
          grid-template-columns: auto auto;
          gap: 0 40px
      }

      @media (max-width: 575px) {
          .checklist.list-two-column ul {
              grid-template-columns: auto
          }

          .checklist.list-two-column ul li {
              text-align: initial
          }
      }

      .checklist li {
          color: var(--title-color);
          font-weight: 400;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 10px
      }

      .checklist li>i {
          color: var(--theme-color);
          line-height: 26px
      }

      .checklist li:not(:last-child) {
          margin-bottom: 10px
      }

      .checklist.body-color li {
          color: var(--body-color)
      }

      .checklist.body-color li b {
          color: var(--title-color);
          font-weight: 600
      }

      .checklist.style2 li {
          font-weight: 500
      }

      .checklist.style2 li>i {
          font-size: 24px
      }


      .mega-hover {
          position: relative;
          overflow: hidden;
          z-index: 2
      }

      .mega-hover:after,
      .mega-hover:before {
          content: "";
          position: absolute;
          pointer-events: none;
          opacity: 1;
          z-index: -1
      }

      .mega-hover:before {
          top: 0;
          right: 51%;
          bottom: 0;
          left: 50%;
          background: rgba(255, 255, 255, 0.3)
      }

      .mega-hover:after {
          top: 50%;
          right: 0;
          bottom: 50%;
          left: 0;
          background: rgba(255, 255, 255, 0.4)
      }

      .mega-hover:hover:before {
          left: 0;
          right: 0;
          opacity: 0;
          -webkit-transition: all 900ms linear;
          transition: all 900ms linear
      }

      .mega-hover:hover:after {
          top: 0;
          bottom: 0;
          opacity: 0;
          -webkit-transition: all 900ms linear;
          transition: all 900ms linear
      }


      .th-video {
          position: relative;
          border-radius: 20px
      }

      .th-video img {
          border-radius: inherit
      }

      .th-video .play-btn {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
      }


      .rounded-20 {
          border-radius: 20px
      }

      @media (max-width: 767px) {
          .rounded-20 {
              border-radius: 10px
          }
      }


      @media (max-width: 1199px) {
          p.mb-40 {
              margin-bottom: 35px
          }

          p.mb-45 {
              margin-bottom: 38px
          }
      }


      .choose-feature {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          gap: 15px;
          margin-bottom: 23px;
          text-align: left
      }

      .choose-feature-wrap {
          position: relative;
          z-index: 2
      }

      .choose-feature-wrap:before {
          content: '';
          height: 70%;
          width: 1px;
          background-color: var(--theme-color);
          position: absolute;
          top: 49px;
          left: 25px;
          z-index: -1
      }

      @media (max-width: 1199px) {
          .choose-feature-wrap {
              max-width: 740px;
              margin-left: auto;
              margin-right: auto
          }
      }

      .choose-feature .media-body {
          border-bottom: 1px solid var(--th-border-color);
          padding-bottom: 34px
      }

      .choose-feature:last-child {
          margin-bottom: 0
      }

      .choose-feature:last-child .media-body {
          border-bottom: none;
          padding-bottom: 0
      }

      .choose-feature .box-number {
          width: 50px;
          height: 50px;
          line-height: 50px;
          border: 1px solid var(--theme-color);
          color: var(--theme-color);
          text-align: center;
          border-radius: 999px;
          font-size: 24px;
          font-weight: 600;
          background-color: var(--white-color);
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .choose-feature .box-title {
          padding-top: 15px
      }

      .choose-feature:hover .box-number {
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .why-tab-content {
          box-shadow: 0px -28px 1px -25px rgb(157 157 157 / 32%);

          padding: 100px 0px 0px;
      }


      .why-tab-content .sec-title {
          max-width: 100%;
          margin-bottom: 23px;
      }

      @media (max-width: 1199px) {
          .why-tab-content .sec-title {
              max-width: 100%;
              text-align: center
          }
      }

      @media (max-width: 1199px) {
          .why-tab-content .box-text {
              text-align: center
          }
      }

      @media (max-width: 991px) {
          .why-tab-content .box-text {
              margin-bottom: 35px
          }
      }


      .choose-tab {
          text-align: center;
          margin: 0 auto -40px auto
      }

      @media (max-width: 991px) {
          .choose-tab {
              margin: 0 auto -35px auto
          }
      }

      .choose-tab .nav {
          background-color: var(--theme-color2);
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 30px;
          overflow: hidden;
          position: relative;
          z-index: 2
      }

      .choose-tab .tab-btn {
          font-family: var(--title-font);
          font-size: 18px;
          font-weight: 500;
          border: none;
          background-color: transparent;
          padding: 0;
          color: var(--white-color);
          padding: 20px 25px;
          border-left: 1px solid var(--th-border-color)
      }

      .choose-tab .tab-btn:first-of-type {
          border: none !important
      }

      .choose-tab .tab-btn .icon {
          display: inline-block;
          width: 40px;
          height: 40px;
          line-height: 38px;
          text-align: center;
          background-color: rgba(255, 255, 255, 0.2);
          border-radius: 99px;
          margin-right: 5px
      }

      @media (max-width: 767px) {
          .choose-tab .tab-btn .icon {
              display: none
          }
      }

      @media (max-width: 991px) {
          .choose-tab .tab-btn {
              font-size: 16px;
              padding: 15px
          }
      }

      @media (max-width: 767px) {
          .choose-tab .tab-btn {
              font-size: 14px;
              padding: 15px 15px
          }
      }

      @media (max-width: 575px) {
          .choose-tab .tab-btn {
              border-left: none;
              border-top: 1px solid var(--th-border-color);
              margin-top: -1px
          }
      }

      .choose-tab .indicator {
          position: absolute;
          left: var(--pos-x);
          top: var(--pos-y);
          width: var(--width-set);
          height: var(--height-set);
          background-color: var(--theme-color);
          z-index: -1;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      @media (max-width: 575px) {
          .choose-tab .indicator {
              height: calc(var(--height-set) - 1px)
          }
      }


      .case-box {
          background-color: var(--smoke-color);
          padding: 30px;
          border-radius: 20px
      }

      .case-box-wrap {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 30px
      }

      .text-black {
          color: black !important;
      }

      .hello .case-box .box-title {
          font-size: 20px;
          margin-bottom: 10px;
          text-align: center;
          border-bottom: 1px dotted #c4c4c4a6;
          padding-bottom: 10px;
      }

      .hello .case-box-wrap {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px
      }

      @media (max-width: 575px) {
          .case-box-wrap {
              grid-template-columns: repeat(1, 1fr)
          }
      }

      @media (max-width: 1199px) {
          .case-box {
              text-align: center
          }
      }

      .case-box .box-title {
          font-size: 20px;
          margin-bottom: 5px
      }

      .case-box .box-text {
          margin-bottom: -0.5em;
          line-height: 1.65
      }


      .tab-schedule {
          border-radius: 30px;
          background-color: #f9f9f9;
          padding: 40px
      }

      @media (max-width: 575px) {
          .tab-schedule {
              border-radius: 15px
          }
      }

      @media (max-width: 375px) {
          .tab-schedule {
              padding: 40px 20px
          }
      }

      .tab-schedule .widget_title {
          color: #1e3a8a;
          margin-bottom: 30px
      }

      .tab-schedule .box-text {
          text-align: left !important;
          color: #1e1e1e;
          margin-bottom: 16px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border-bottom: 1px solid rgb(30 58 138 / 17%);
          padding-bottom: 15px
      }

      .tab-schedule .box-text:last-child {
          margin-bottom: -0.5em;
          padding-bottom: 0;
          border-bottom: none
      }

      .tab-schedule .box-text:first-child {
          margin-top: -0.5em
      }

      .sidebar-area .tab-schedule {
          margin-bottom: 40px;
          border-radius: 20px
      }

      @media (max-width: 1199px) {
          .sidebar-area .tab-schedule {
              padding: 30px
          }
      }

      @media (max-width: 991px) {
          .sidebar-area .tab-schedule {
              padding: 40px
          }
      }

      @media (max-width: 767px) {
          .sidebar-area .tab-schedule {
              padding: 20px;
              border-radius: 10px
          }
      }


      .why-feature {
          background-color: var(--white-color);
          border-radius: 20px;
          padding: 40px 10px;
          text-align: center;
          background-size: auto;
          background-position: top right
      }

      .why-feature .box-icon {
          position: relative;
          z-index: 2;
          width: 60px;
          margin: 0 auto 30px auto
      }

      .why-feature .box-icon:before {
          content: '';
          position: absolute;
          inset: -20px -10px 0 -10px;
          background-color: var(--smoke-color);
          border-radius: 99px;
          z-index: -1
      }

      .why-feature .box-text {
          max-width: 210px;
          margin-left: auto;
          margin-right: auto
      }

      .why-feature:hover .box-icon img {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }


      .accordion-card {
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          border-radius: 20px;
          overflow: hidden;
          background-color: var(--smoke-color);
          text-align: left;
          position: relative;
          z-index: 3
      }

      .accordion-card:not(:last-child) {
          margin-bottom: 24px
      }

      .accordion-card .accordion-button {
          font-size: 18px;
          font-weight: 500;
          font-family: var(--title-font);
          border: 0;
          border-color: var(--th-border-color);
          color: var(--title-color);
          background-color: transparent;
          border-radius: 0;
          padding: 22px 45px 22px 30px;
          min-height: 56px;
          gap: 10px;
          margin-bottom: 0;
          text-align: left;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          position: relative
      }

      .accordion-card .accordion-button:after {
          content: "\2b";
          height: 100%;
          width: auto;
          line-height: 1;
          background-color: transparent;
          background-image: none;
          font-family: var(--icon-font);
          color: var(--theme-color);
          font-weight: 500;
          font-size: 20px;
          display: grid;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center;
          position: absolute;
          top: 0;
          right: 30px;
          -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out
      }

      .accordion-card .accordion-button:focus {
          outline: none;
          box-shadow: none
      }

      .accordion-card .accordion-button:not(.collapsed) {
          box-shadow: none;
          border-radius: 0
      }

      .accordion-card .accordion-button:not(.collapsed):after {
          content: '\f068';
          -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg)
      }

      .accordion-card .accordion-collapse {
          border: none
      }

      .accordion-card .accordion-body {
          border-radius: 0;
          border: none;
          padding: 0px 30px 30px 30px;
          margin-top: -7px
      }

      .accordion-card .faq-text {
          margin-bottom: -0.48em
      }

      .accordion-card:has(.show) {
          border-radius: 20px
      }


      @media (max-width: 575px) {
          .accordion-card .accordion-button {
              font-size: 16px
          }
      }

      .service-card {
          padding: 30px 8px;
          position: relative;
          text-align: center;
          box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
          border-radius: 20px;
          z-index: 2
      }

      .service-card:after {
          content: "";
          position: absolute;
          inset: 0;
          background-color: var(--white-color);
          border-radius: 18px;
          z-index: -1;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-card .box-shape {
          position: absolute;
          top: 0;
          right: 0;
          pointer-events: none;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-card .box-icon {
          width: 80px;
          height: 80px;
          line-height: 80px;
          background-color: #e6e9ee;
          border-radius: 99px;
          text-align: center;
          margin: 0 auto 30px auto;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-card .box-title {
          margin-bottom: 4px
      }

      .service-card .box-title a:hover {
          color: var(--theme-color)
      }

      .service-card .box-text {
          margin-bottom: 22px;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-card .th-btn {
          box-shadow: 0px 2px 10px rgba(184, 191, 208, 0.5)
      }

      .service-card:hover:after {
          -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
          transform: scaleX(0)
      }

      .service-card:hover .box-title {
          color: black;
      }

      .service-card:hover .box-text {
          color: black;
      }

      .service-card:hover .box-shape {
          opacity: 0
      }

      .service-card:hover .box-icon {
          background-color: var(--theme-color)
      }

      .service-card:hover .box-icon img {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }

      .service-card:hover .th-btn {
          color: var(--title-color);
          background: -webkit-linear-gradient(top, var(--theme-color) 37.5%, #E3EBFF 100%);
          background: linear-gradient(180deg, var(--theme-color) 37.5%, #E3EBFF 100%);
          box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.3)
      }

      .service-card:hover .th-btn:before {
          background: -webkit-linear-gradient(top, #A9FFDA 0%, rgba(169, 255, 218, 0) 78.65%);
          background: linear-gradient(180deg, #A9FFDA 0%, rgba(169, 255, 218, 0) 78.65%)
      }


      .round-text {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center
      }

      .round-text:before,
      .round-text:after {
          content: "";
          height: 1px;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          background-color: var(--th-border-color)
      }

      .round-text .text {
          border: 1px solid var(--th-border-color);
          border: 1px solid var(--th-border-color);
          border-radius: 99px;
          padding: 5px 30px;
          display: block;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content
      }

      .service-list {
          background-color: var(--smoke-color2);
          border-radius: 30px;
          height: 483px;
          text-align: center;
          cursor: pointer
      }

      .service-list-area {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 24px
      }

      .service-list .box-icon {
          padding: 30px 40px;
          border-bottom: 3px solid var(--white-color)
      }

      .service-list .box-content {
          visibility: hidden;
          opacity: 0;
          width: 100%;
          max-height: 0;
          padding: 30px 30px 40px 40px;
          overflow: hidden
      }

      .service-list .box-title-wrap {
          display: grid;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .service-list .box-title-wrap .box-title {
          margin: 0;
          -webkit-writing-mode: vertical-lr;
          -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
          padding: 30px 2px
      }

      .service-list .box-text {
          margin-bottom: 22px;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-list .checklist {
          margin-bottom: -0.5em
      }

      .service-list-wrap {
          -webkit-box-flex: 100%;
          -webkit-flex: 100%;
          -ms-flex: 100%;
          flex: 100%;
          box-sizing: border-box;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear
      }

      @media (max-width: 1199px) {
          .service-list-wrap {
              max-width: 120px
          }
      }

      @media (max-width: 991px) {
          .service-list-wrap {
              max-width: 70px
          }
      }

      .service-list-wrap:nth-child(even) .service-list {
          background-color: #e0f2f1;
      }

      .service-list-wrap.active {
          -webkit-box-flex: 215%;
          -webkit-flex: 215%;
          -ms-flex: 215%;
          flex: 215%
      }

      @media (max-width: 1199px) {
          .service-list-wrap.active {
              max-width: 100%
          }
      }

      .service-list-wrap.active .service-list {
          background-color: var(--white-color);
          box-shadow: 0px 6px 30px rgba(2, 29, 53, 0.07);
          text-align: left
      }

      .service-list-wrap.active .service-list .box-icon {
          border-color: var(--smoke-color)
      }

      .service-list-wrap.active .box-title-wrap {
          visibility: hidden;
          opacity: 0;
          width: 0;
          height: 0
      }

      .service-list-wrap.active .box-content {
          visibility: visible;
          opacity: 1;
          width: 100%;
          max-height: 375px;
      }

      @media (max-width: 1299px) {
          .service-list {
              height: 465px
          }

          .service-list .box-icon {
              padding: 30px
          }

          .service-list .box-content {
              padding: 30px 10px 30px 30px
          }
      }

      @media (max-width: 1199px) {
          .service-list .box-icon {
              padding: 25px
          }
      }

      @media (max-width: 991px) {
          .service-list {
              height: 428px
          }

          .service-list .box-icon {
              padding: 10px
          }

          .service-list .box-icon img {
              max-width: 40px
          }

          .service-list-wrap.active .service-list .box-icon {
              padding: 10px 30px
          }

          .service-list-wrap.active .box-content {
              max-height: 350px
          }
      }

      @media (max-width: 767px) {
          .service-list {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              text-align: left;
              max-height: 110px;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-transition: 0.4s ease-in-out;
              transition: 0.4s ease-in-out;
              overflow: hidden
          }

          .service-list-area {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column
          }

          .service-list-wrap {
              max-width: 100%
          }

          .service-list-wrap.active .service-list {
              max-height: 345px
          }

          .service-list .box-title-wrap {
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              -webkit-align-content: center;
              -ms-flex-line-pack: center;
              align-content: center;
              padding: 5px 30px
          }

          .service-list .box-title-wrap .box-title {
              -webkit-writing-mode: initial;
              -ms-writing-mode: initial;
              writing-mode: initial
          }

          .service-list .box-icon {
              padding: 25px !important;
              border-bottom: none;
              border-right: 3px solid var(--white-color)
          }

          .service-list .box-icon img {
              max-width: 60px
          }

          .service-list .content-wrap {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -ms-flex: 1;
              flex: 1
          }

          .service-list .box-content {
              padding: 30px
          }
      }

      @media (max-width: 575px) {
          .service-list {
              height: auto;
              max-height: 98px
          }

          .service-list .box-title {
              font-size: 20px
          }

          .service-list .box-content {
              padding: 20px
          }

          .service-list .box-icon {
              padding: 20px !important
          }

          .service-list .box-title-wrap {
              height: 98px
          }

          .service-list-wrap.active .service-list {
              max-height: 700px
          }

          .service-list-wrap.active .box-content {
              max-height: 700px
          }

          .service-list .box-title-wrap {
              padding: 5px 20px
          }
      }


      .round-bg-text {
          background-color: var(--smoke-color);
          border-radius: 28px;
          padding: 14px;
          text-align: center;
          --theme-color: #1F5FFF
      }

      .round-bg-text .line-btn {
          text-transform: capitalize
      }

      .process-card {
          position: relative;
          z-index: 2;
          text-align: center;
          max-width: 248px
      }

      .process-card-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between
      }

      @media (max-width: 1199px) {
          .process-card-wrap {
              gap: 20px
          }
      }

      @media (max-width: 991px) {
          .process-card-wrap {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              gap: 40px
          }
      }

      @media (max-width: 767px) {
          .process-card-wrap {
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }
      }

      @media (max-width: 767px) {
          .process-card {
              max-width: 450px
          }
      }

      .process-card:after {
          content: url('data:image/svg+xml,<svg width="141" height="129" viewBox="0 0 141 129" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5353 86.3765C17.0264 75.3002 23.7578 64.7247 33.0238 55.7004C42.4124 46.5512 53.9316 39.3632 66.6931 36.0546C78.4733 32.9983 91.3552 33.079 102.73 37.6721C107.694 39.6773 112.368 42.4449 116.417 45.9527C118.586 47.8323 120.607 49.8997 122.364 52.1775C123.954 54.2388 124.955 56.5779 127.148 58.0394C128.731 59.1012 130.946 57.5149 130.843 55.7492C130.601 51.6925 126.527 47.6609 123.842 44.8409C120.662 41.5005 116.97 38.6404 113.032 36.2614C105.005 31.4179 95.7487 28.7325 86.399 28.2759C64.4424 27.2003 43.4021 39.4723 28.9857 55.2352C20.9013 64.0748 13.8729 74.6087 8.9968 85.5583C8.52812 86.5754 9.95929 87.3562 10.5353 86.3765Z" fill="%23D8DDE1"/><path d="M115.57 52.2875C115.491 54.4259 118.922 55.3513 120.904 56.2908C124.041 57.7772 127.169 59.2159 130.346 60.6108C132.031 61.3491 134.433 60.178 133.796 58.0454C132.948 55.221 132.177 52.3675 131.694 49.4563C131.251 46.7728 131.403 44.0387 130.321 41.5273C129.606 39.8609 127.201 40.4913 126.715 41.9482C125.855 44.504 126.503 47.3846 126.925 50.0031C127.43 53.1389 128.211 56.1896 129.285 59.1781C130.25 58.2442 131.225 57.3118 132.19 56.3779C128.935 55.1559 125.674 53.9999 122.387 52.881C120.302 52.1672 117.693 50.5014 115.692 52.0031C115.587 52.0793 115.553 52.1665 115.57 52.2875Z" fill="%23D8DDE1"/></svg>');
          position: absolute;
          top: 0;
          left: 87%;
          z-index: -1
      }

      @media (max-width: 1299px) {
          .process-card:after {
              left: 77%
          }
      }

      @media (max-width: 991px) {
          .process-card:after {
              left: 110%
          }
      }

      @media (max-width: 767px) {
          .process-card:after {
              display: none
          }
      }

      .process-card:nth-child(even) {
          --theme-color: #1F5FFF
      }

      .process-card:nth-child(even):after {
          top: 18%;
          -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg)
      }

      @media (max-width: 991px) {
          .process-card:nth-child(even):after {
              display: none
          }
      }

      .process-card:last-child:after {
          display: none
      }

      .process-card .box-img {
          width: 180px;
          height: 180px;
          margin: 0 auto 30px auto;
          position: relative;
          z-index: 2
      }

      .process-card .box-img .img {
          border: 2px solid var(--theme-color);
          border-radius: 99px;
          overflow: hidden
      }

      .process-card .box-img img {
          width: 100%;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .process-card .box-number {
          font-size: 24px;
          font-weight: 600;
          width: 60px;
          height: 60px;
          line-height: 60px;
          text-align: center;
          background-color: var(--theme-color);
          color: var(--white-color);
          border-radius: 99px;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 3
      }

      .process-card .box-title {
          margin-bottom: 12px;
          font-size: 20px
      }

      .process-card:hover .box-img img {
          -webkit-transform: scale(1.08);
          -ms-transform: scale(1.08);
          transform: scale(1.08)
      }

      .feature-list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 10px
      }

      .feature-list-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-evenly;
          padding: 20px;
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
          border-radius: 99px
      }

      .feature-list-line {
          height: 100px;
          width: 1px;
          background-color: var(--th-border-color)
      }

      .feature-list-line:last-child {
          display: none
      }

      .feature-list .box-title {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 3px
      }

      .feature-list .box-icon {
          width: 70px;
          height: 70px;
          line-height: 70px;
          text-align: center;
          background-color: var(--smoke-color);
          border-radius: 99px
      }

      .feature-list .box-text {
          font-size: 14px
      }

      @media (max-width: 1199px) {
          .feature-list {
              display: block;
              text-align: center;
              padding: 15px 5px
          }

          .feature-list-wrap {
              border-radius: 20px
          }

          .feature-list-line {
              height: 155px
          }

          .feature-list .box-icon {
              margin: 0 auto 15px auto
          }
      }

      @media (max-width: 991px) {
          .feature-list {
              -webkit-box-flex: 50%;
              -webkit-flex: 50%;
              -ms-flex: 50%;
              flex: 100%;
              padding: 15px 8px
          }

          .feature-list .box-icon:nth-child(1) {
              margin-left: auto !important;
          }

          .feature-list-wrap {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              padding: 0;
              -webkit-box-align: stretch;
              -webkit-align-items: stretch;
              -ms-flex-align: stretch;
              align-items: stretch
          }

          .feature-list-line {
              display: none
          }

          .feature-list:nth-child(1),
          .feature-list:nth-child(5) {
              border-right: 1px solid var(--th-border-color)
          }

          .feature-list:nth-child(1),
          .feature-list:nth-child(3) {
              border-bottom: 1px solid var(--th-border-color)
          }
      }

      .gallery-card {
          text-align: center
      }

      .gallery-card .box-img {
          position: relative;
          z-index: 2;
          overflow: hidden
      }

      .gallery-card .box-img img {
          width: 100%
      }

      /* 
      @media (max-width: 1600px) {
          .gallery-card .box-img img {
              min-height: 350px;
              object-fit: cover
          }
      }

      @media (max-width: 575px) {
          .gallery-card .box-img img {
              min-height: 300px
          }
      } */

      .gallery-card .box-img:after {
          content: '';
          position: absolute;
          inset: 0;
          background-color: var(--title-color);
          opacity: 0;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          -webkit-transform: scale(0.3);
          -ms-transform: scale(0.3);
          transform: scale(0.3)
      }

      .gallery-card .shape {
          position: absolute;
          inset: 40px;
          border: 2px solid var(--white-color);
          z-index: 2;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          -webkit-transform: scaleY(0);
          -ms-transform: scaleY(0);
          transform: scaleY(0)
      }

      @media (max-width: 575px) {
          .gallery-card .shape {
              inset: 15px
          }
      }

      .gallery-card .shape .dot {
          width: 14px;
          height: 14px;
          background-color: var(--white-color);
          position: absolute
      }

      .gallery-card .shape .dot:nth-child(1) {
          top: -14px;
          left: -14px
      }

      .gallery-card .shape .dot:nth-child(2) {
          top: -14px;
          right: -14px
      }

      .gallery-card .shape .dot:nth-child(3) {
          bottom: -14px;
          left: -14px
      }

      .gallery-card .shape .dot:nth-child(4) {
          bottom: -14px;
          right: -14px
      }

      .gallery-card .box-content {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          visibility: hidden;
          opacity: 0;
          z-index: 3;
          -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
          transform: translateY(40px)
      }

      @media (max-width: 575px) {
          .gallery-card .box-content {
              padding: 20px
          }
      }

      .gallery-card .box-title {
          font-size: 30px;
          font-weight: 500;
          color: var(--white-color);
          margin: 19px 0 14px 0
      }

      @media (max-width: 575px) {
          .gallery-card .box-title {
              font-size: 26px
          }
      }

      .gallery-card .box-text {
          color: var(--white-color);
          max-width: 360px;
          margin-left: auto;
          margin-right: auto
      }

      .gallery-card:hover .box-img:after {
          opacity: 0.85;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }

      .gallery-card:hover .box-content {
          visibility: visible;
          opacity: 1;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%)
      }

      .gallery-card:hover .shape {
          -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
          transform: scaleY(1)
      }

      .gallery-sec1 {
          max-width: 1910px;
          margin-left: auto;
          margin-right: auto
      }

      @media (max-width: 1890px) and (min-width: 1400px) {
          .gallery-sec1 .col-xxl-auto {
              width: 33.32%
          }
      }

      .offer-box {
          padding: 60px 40px;
          border-radius: 30px;
          background-position: left center
      }

      @media (max-width: 575px) {
          .offer-box {
              padding: 37px 25px;
              border-radius: 20px;
              text-align: center;
          }
      }

      .offer-box .box-subtitle {
          font-size: 18px;
          font-weight: 500;
          text-transform: capitalize;
          margin-bottom: 34px;
          max-width: 295px;
          display: block
      }

      @media (max-width: 575px) {
          .offer-box .box-subtitle {
              font-size: 15px;
              margin-bottom: 12px;
          }

          .offer-box .box-title {
              font-size: 20px !important;
              margin-bottom: 0px !important;
          }
      }

      .offer-box .box-title {
          font-size: 36px;
          margin-bottom: 11px;
          margin-top: -0.38em
      }




      .offer-block {
          padding: 44px 20px;
          /* margin-right: 100px; */
          border-radius: 30px;
          height: 252px;
      }

      @media (max-width: 1199px) {
          .offer-block {
              margin-right: 0;
              border-radius: 30px;
              padding: 100px 40px;
              background-position: top left
          }
      }

      @media (max-width: 767px) {
          .offer-block {
              border-radius: 20px;
              padding: 38px 30px
          }

          .media-body {
              flex: initial;
          }

          .cta-call {
              justify-content: center;
          }

          .hello .case-box-wrap {
              grid-template-columns: 1fr;
          }
      }

      @media (max-width: 375px) {
          .offer-block {
              padding: 30px 20px
          }
      }

      .offer-block .box-subtitle {
          font-size: 30px;
          font-weight: 500;
          margin-top: -0.36em;
          margin-bottom: 18px;
          display: block
      }

      @media (max-width: 1299px) {
          .offer-block .box-subtitle {
              font-size: 24px
          }
      }

      .offer-block .sec-title {
          margin-bottom: 5px;
          font-size: 28px;
      }

      .offer-block .box-text {
          margin-bottom: 33px
      }

      .offer-block .th-btn {
          box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.3);
          width: 65%;
      }

      .cta-sec4 {
          position: relative;
          z-index: 3;
          margin-top: -110px;
          background-size: 100% calc(100% - 110px);
          background-position: bottom left;
          background-repeat: no-repeat
      }

      @media (max-width: 1199px) {
          .cta-sec4 {
              background-size: cover
          }
      }


      .img-box2 {
          margin-left: -30px
      }

      .img-box2 img {
          max-width: -webkit-fit-content;
          max-width: -moz-fit-content;
          max-width: fit-content
      }

      @media (max-width: 1199px) {
          .img-box2 {
              margin: -30px auto 0 auto
          }

          .img-box2 img {
              max-width: 100%
          }
      }


      .px-5 {
          padding-right: 5px;
          padding-left: 5px
      }

      .px-10 {
          padding-right: 10px;
          padding-left: 10px
      }

      .px-15 {
          padding-right: 15px;
          padding-left: 15px
      }

      .px-20 {
          padding-right: 20px;
          padding-left: 20px
      }

      .px-25 {
          padding-right: 25px;
          padding-left: 25px
      }

      .px-30 {
          padding-right: 30px;
          padding-left: 30px
      }

      .px-35 {
          padding-right: 35px;
          padding-left: 35px
      }

      .px-40 {
          padding-right: 40px;
          padding-left: 40px
      }

      .px-45 {
          padding-right: 45px;
          padding-left: 45px
      }

      .px-50 {
          padding-right: 50px;
          padding-left: 50px
      }

      .py-5 {
          padding-top: 5px;
          padding-bottom: 5px
      }

      .py-10 {
          padding-top: 10px;
          padding-bottom: 10px
      }

      .py-15 {
          padding-top: 15px;
          padding-bottom: 15px
      }

      .py-20 {
          padding-top: 20px;
          padding-bottom: 20px
      }

      .py-25 {
          padding-top: 25px;
          padding-bottom: 25px
      }

      .py-30 {
          padding-top: 30px;
          padding-bottom: 30px
      }

      .py-35 {
          padding-top: 35px;
          padding-bottom: 35px
      }

      .py-40 {
          padding-top: 40px;
          padding-bottom: 40px
      }

      .py-45 {
          padding-top: 45px;
          padding-bottom: 45px
      }

      .py-50 {
          padding-top: 50px;
          padding-bottom: 50px
      }

      .pt-5 {
          padding-top: 5px
      }

      .pt-10 {
          padding-top: 10px
      }

      .pt-15 {
          padding-top: 15px
      }

      .pt-20 {
          padding-top: 20px
      }

      .pt-25 {
          padding-top: 25px
      }

      .pt-30 {
          padding-top: 30px
      }

      .pt-35 {
          padding-top: 35px
      }

      .pt-40 {
          padding-top: 40px
      }

      .pt-45 {
          padding-top: 45px
      }

      .pt-50 {
          padding-top: 50px
      }

      .pb-5 {
          padding-bottom: 5px
      }

      .pb-10 {
          padding-bottom: 10px
      }

      .pb-15 {
          padding-bottom: 15px
      }

      .pb-20 {
          padding-bottom: 20px
      }

      .pb-25 {
          padding-bottom: 25px
      }

      .pb-30 {
          padding-bottom: 30px
      }

      .pb-35 {
          padding-bottom: 35px
      }

      .pb-40 {
          padding-bottom: 40px
      }

      .pb-45 {
          padding-bottom: 45px
      }

      .pb-50 {
          padding-bottom: 50px
      }

      .pl-5 {
          padding-left: 5px
      }

      .pl-10 {
          padding-left: 10px
      }

      .pl-15 {
          padding-left: 15px
      }

      .pl-20 {
          padding-left: 20px
      }

      .pl-25 {
          padding-left: 25px
      }

      .pl-30 {
          padding-left: 30px
      }

      .pl-35 {
          padding-left: 35px
      }

      .pl-40 {
          padding-left: 40px
      }

      .pl-45 {
          padding-left: 45px
      }

      .pl-50 {
          padding-left: 50px
      }

      .pr-5 {
          padding-right: 5px
      }

      .pr-10 {
          padding-right: 10px
      }

      .pr-15 {
          padding-right: 15px
      }

      .pr-20 {
          padding-right: 20px
      }

      .pr-25 {
          padding-right: 25px
      }

      .pr-30 {
          padding-right: 30px
      }

      .pr-35 {
          padding-right: 35px
      }

      .pr-40 {
          padding-right: 40px
      }

      .pr-45 {
          padding-right: 45px
      }

      .pr-50 {
          padding-right: 50px
      }

      .pb-60 {
          padding-bottom: 60px
      }

      .mx-5 {
          margin-right: 5px;
          margin-left: 5px
      }

      .mx-10 {
          margin-right: 10px;
          margin-left: 10px
      }

      .mx-15 {
          margin-right: 15px;
          margin-left: 15px
      }

      .mx-20 {
          margin-right: 20px;
          margin-left: 20px
      }

      .mx-25 {
          margin-right: 25px;
          margin-left: 25px
      }

      .mx-30 {
          margin-right: 30px;
          margin-left: 30px
      }

      .mx-35 {
          margin-right: 35px;
          margin-left: 35px
      }

      .mx-40 {
          margin-right: 40px;
          margin-left: 40px
      }

      .mx-45 {
          margin-right: 45px;
          margin-left: 45px
      }

      .mx-50 {
          margin-right: 50px;
          margin-left: 50px
      }

      .my-5 {
          margin-top: 5px;
          margin-bottom: 5px
      }

      .my-10 {
          margin-top: 10px;
          margin-bottom: 10px
      }

      .my-15 {
          margin-top: 15px;
          margin-bottom: 15px
      }

      .my-20 {
          margin-top: 20px;
          margin-bottom: 20px
      }

      .my-25 {
          margin-top: 25px;
          margin-bottom: 25px
      }

      .my-30 {
          margin-top: 30px;
          margin-bottom: 30px
      }

      .my-35 {
          margin-top: 35px;
          margin-bottom: 35px
      }

      .my-40 {
          margin-top: 40px;
          margin-bottom: 40px
      }

      .my-45 {
          margin-top: 45px;
          margin-bottom: 45px
      }

      .my-50 {
          margin-top: 50px;
          margin-bottom: 50px
      }

      .mt-5 {
          margin-top: 5px
      }

      .mt-10 {
          margin-top: 10px
      }

      .mt-15 {
          margin-top: 15px
      }

      .mt-20 {
          margin-top: 20px
      }

      .mt-25 {
          margin-top: 25px
      }

      .mt-30 {
          margin-top: 30px
      }

      .mt-35 {
          margin-top: 35px
      }

      .mt-40 {
          margin-top: 40px
      }

      .mt-45 {
          margin-top: 45px
      }

      .mt-50 {
          margin-top: 50px
      }

      .mb-5 {
          margin-bottom: 5px
      }

      .mb-10 {
          margin-bottom: 10px
      }

      .mb-15 {
          margin-bottom: 15px
      }

      .mb-20 {
          margin-bottom: 20px
      }

      .mb-25 {
          margin-bottom: 25px
      }

      .mb-30 {
          margin-bottom: 30px
      }

      .mb-35 {
          margin-bottom: 35px
      }

      .mb-40 {
          margin-bottom: 40px
      }

      .mb-45 {
          margin-bottom: 45px
      }

      .mb-50 {
          margin-bottom: 50px
      }

      .ml-5 {
          margin-left: 5px
      }

      .ml-10 {
          margin-left: 10px
      }

      .ml-15 {
          margin-left: 15px
      }

      .ml-20 {
          margin-left: 20px
      }

      .ml-25 {
          margin-left: 25px
      }

      .ml-30 {
          margin-left: 30px
      }

      .ml-35 {
          margin-left: 35px
      }

      .ml-40 {
          margin-left: 40px
      }

      .ml-45 {
          margin-left: 45px
      }

      .ml-50 {
          margin-left: 50px
      }

      .mr-5 {
          margin-right: 5px
      }

      .mr-10 {
          margin-right: 10px
      }

      .mr-15 {
          margin-right: 15px
      }

      .mr-20 {
          margin-right: 20px
      }

      .mr-25 {
          margin-right: 25px
      }

      .mr-30 {
          margin-right: 30px
      }

      .mr-35 {
          margin-right: 35px
      }

      .mr-40 {
          margin-right: 40px
      }

      .mr-45 {
          margin-right: 45px
      }

      .mr-50 {
          margin-right: 50px
      }

      .mb-60 {
          margin-bottom: 60px
      }

      .mb-33 {
          margin-bottom: 33px
      }

      .mb-28 {
          margin-bottom: 28px
      }

      .mt-n1 {
          margin-top: -.25rem
      }

      .mt-n2 {
          margin-top: -.45rem
      }

      .mt-n3 {
          margin-top: -0.8rem
      }

      .mt-n4 {
          margin-top: -1.5rem
      }

      .mt-n5 {
          margin-top: -3rem
      }

      .mb-n1 {
          margin-bottom: -.25rem
      }

      .mb-n2 {
          margin-bottom: -.45rem
      }

      .mb-n3 {
          margin-bottom: -0.8rem
      }

      .mb-n4 {
          margin-bottom: -1.5rem
      }

      .mb-n5 {
          margin-bottom: -3rem
      }


      .space,
      .space-top {
          padding-top: var(--section-space)
      }

      .space,
      .space-bottom {
          padding-bottom: var(--section-space)
      }

      .space-extra,
      .space-extra-top {
          padding-top: calc(var(--section-space) - 30px)
      }

      .space-extra,
      .space-extra-bottom {
          padding-bottom: calc(var(--section-space) - 30px)
      }

      .space-extra2,
      .space-extra2-top {
          padding-top: calc(var(--section-space) - 40px)
      }

      .space-extra2,
      .space-extra2-bottom {
          padding-bottom: calc(var(--section-space) - 40px)
      }

      @media (max-width: 991px) {

          .space,
          .space-top {
              padding-top: var(--section-space-mobile)
          }

          .space,
          .space-bottom {
              padding-bottom: var(--section-space-mobile)
          }

          .space-extra,
          .space-extra-top {
              padding-top: calc(var(--section-space-mobile) - 30px)
          }

          .space-extra,
          .space-extra-bottom {
              padding-bottom: calc(var(--section-space-mobile) - 30px)
          }

          .space-top-md-none {
              padding-top: 0
          }

          .space-extra2,
          .space-extra2-top {
              padding-top: 70px
          }

          .space-extra2,
          .space-extra2-bottom {
              padding-bottom: 70px
          }
      }


      .hero-7 {
          max-width: 1820px;
          margin: 0 auto;
          overflow: hidden;
          border-radius: 50px
      }

      @media (max-width: 1840px) {
          .hero-7 {
              margin: 0 12px;
          }
      }

      @media (max-width: 575px) {
          .hero-7 {
              margin: 0
          }

          .slider-text {
              display: none;
          }
      }

      .hero-7 .hero-inner {
          /* padding-bottom: 75px */
      }

      .hero-7 .hero-img {
          position: absolute;
          right: 16.5%;
          top: 0;
          height: 100%;
          display: grid;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          /* padding-bottom: 75px */
      }

      @media (max-width: 1500px) {
          .hero-7 .hero-img {
              right: 8%
          }
      }

      @media (max-width: 1199px) {
          .hero-7 .hero-img {
              right: 5px
          }
      }

      @media (max-width: 991px) {
          .hero-7 .hero-img {
              position: relative;
              right: 0;
              margin: -110px 0 0px 0;
              text-align: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center
          }
      }

      .hero-7 .th-hero-bg:after {
          content: '';
          position: absolute;
          inset: 0;
          background-image: -webkit-linear-gradient(11.44deg, rgba(31, 95, 255, 0.85) .73%, rgba(31, 95, 255, 0.85) .74%, rgba(4, 206, 120, 0.656) 115.7%);
          background-image: linear-gradient(371.4deg, rgb(57 48 133) 0%, rgb(255 255 255 / 73%) 100%);
          mix-blend-mode: normal;
          border-radius: inherit
      }

      .hero-style7 {
          padding: 76px 0;
      }

      .hero-style7 .hero-title {
          color: var(--white-color)
      }

      @media (max-width: 991px) {
          .hero-style7 {
              text-align: center
          }

          .hero-style7 .hero-title>span {
              margin-left: auto;
              margin-right: auto
          }

          .hero-style7 .hero-feature-wrap {
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              margin-bottom: 35px
          }
      }

      @media (max-width: 575px) {
          .hero-style7 .hero-feature {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              text-align: center
          }

          .hero-style7 .hero-feature-wrap {
              gap: 40px
          }
      }


      .hero-appointment {
          background-color: var(--white-color);
          border-radius: 45px 45px 0 0;
          padding: 30px;
          position: relative
      }

      .hero-appointment-wrap {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 3
      }

      .hero-appointment:before,
      .hero-appointment:after {
          content: '';
          position: absolute;
          bottom: -1px;
          width: 50px;
          height: 50px;
          -webkit-clip-path: path("M2.17733 49.9961C1.42212 50.0168 0.695003 50.0161 0 49.9961H2.17733C18.4142 49.5516 47.6395 39.2548 50 0.0078125V49.9961H2.17733Z");
          clip-path: path("M2.17733 49.9961C1.42212 50.0168 0.695003 50.0161 0 49.9961H2.17733C18.4142 49.5516 47.6395 39.2548 50 0.0078125V49.9961H2.17733Z");
          background-color: var(--white-color)
      }

      .hero-appointment:before {
          left: -49px
      }

      .hero-appointment:after {
          right: -49px;
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }

      .hero-appointment .row {
          margin-bottom: calc(var(--bs-gutter-x) * -1)
      }


      .sub-title4 {
          display: inline-block;
          background-color: var(--theme-color);
          border-radius: 99px;
          padding: 2px 18px 0 0;
          font-size: 18px;
          font-weight: 500;
          color: var(--white-color);
          text-transform: uppercase;
          margin-bottom: 30px;
          position: relative;
          z-index: 2
      }

      .sub-title4:before {
          content: "";
          position: absolute;
          top: -4px;
          left: -1px;
          background-color: var(--smoke-color);
          border-radius: 99px;
          width: 40px;
          height: 40px;
          z-index: -1
      }

      .sub-title4.icon-white:before {
          background-color: var(--white-color)
      }

      .sub-title4 img {
          margin-left: 4px;
          margin-right: 13px;
          margin-top: -1px
      }


      .project-counter {
          background-color: var(--white-color);
          -webkit-clip-path: path("M101.443 1.89212L6.98994 56.7891C2.66371 59.3034 0 63.9423 0 68.9612V178.822C0 183.873 2.69769 188.537 7.06757 191.039L101.559 245.152C105.861 247.616 111.139 247.616 115.44 245.152L209.934 191.022C214.303 188.519 217 183.856 217 178.806V69.6235C217 64.6287 214.362 60.0089 210.069 57.4856L115.537 1.92657C111.187 -0.629871 105.805 -0.642916 101.443 1.89212Z");
          clip-path: path("M101.443 1.89212L6.98994 56.7891C2.66371 59.3034 0 63.9423 0 68.9612V178.822C0 183.873 2.69769 188.537 7.06757 191.039L101.559 245.152C105.861 247.616 111.139 247.616 115.44 245.152L209.934 191.022C214.303 188.519 217 183.856 217 178.806V69.6235C217 64.6287 214.362 60.0089 210.069 57.4856L115.537 1.92657C111.187 -0.629871 105.805 -0.642916 101.443 1.89212Z");
          width: 217px;
          height: 247px;
          text-align: center;
          z-index: 2;
          padding: 44px 20px
      }

      .project-counter:before {
          content: "";
          position: absolute;
          inset: 10px;
          -webkit-clip-path: path("M93.0288 1.72359L6.41013 51.731C2.44275 54.0213 0 58.247 0 62.8189V162.895C0 167.496 2.47392 171.744 6.48132 174.024L93.1351 223.317C97.0802 225.561 101.92 225.561 105.865 223.316L192.52 174.007C196.527 171.727 199 167.48 199 162.88V63.4222C199 58.8723 196.58 54.664 192.644 52.3654L105.953 1.75498C101.964 -0.573769 97.0285 -0.585652 93.0288 1.72359Z");
          clip-path: path("M93.0288 1.72359L6.41013 51.731C2.44275 54.0213 0 58.247 0 62.8189V162.895C0 167.496 2.47392 171.744 6.48132 174.024L93.1351 223.317C97.0802 225.561 101.92 225.561 105.865 223.316L192.52 174.007C196.527 171.727 199 167.48 199 162.88V63.4222C199 58.8723 196.58 54.664 192.644 52.3654L105.953 1.75498C101.964 -0.573769 97.0285 -0.585652 93.0288 1.72359Z");
          background-color: var(--title-color);
          z-index: -1
      }

      .project-counter .box-number {
          font-size: 64px;
          font-weight: 600;
          color: var(--theme-color);
          margin-bottom: 5px
      }

      .project-counter .box-title {
          color: var(--white-color);
          font-weight: 500;
          margin-bottom: 0
      }


      .img-box6 {
          position: relative;
          margin-right: 50px
      }

      .img-box6 .img1 img {
          border-radius: 20px
      }

      .img-box6 .img2 {
          display: inline-block;
          background-color: var(--white-color);
          position: absolute;
          top: 0;
          left: -111px;
          padding: 10px;
          -webkit-animation: jumpReverseAni 7s linear infinite;
          animation: jumpReverseAni 7s linear infinite
      }

      .img-box6 .project-counter {
          position: absolute;
          right: 0;
          bottom: -30px
      }

      @media (max-width: 1299px) {
          .img-box6 {
              margin-right: 0
          }
      }

      @media (max-width: 1199px) {
          .img-box6 {
              padding-left: 111px;
              max-width: 725px;
              margin: 0 auto 20px auto
          }

          .img-box6 .img2 {
              left: 0
          }
      }

      @media (max-width: 575px) {
          .img-box6 {
              padding-left: 0;
              text-align: center;
              margin-bottom: 0
          }

          .img-box6 .img2 {
              position: relative;
              margin-top: 20px;
              margin-bottom: -6px;
              -webkit-animation: none;
              animation: none;
              background-color: var(--theme-color2)
          }

          .img-box6 .project-counter {
              position: relative;
              bottom: 0;
              right: 0;
              margin-left: auto;
              margin-right: auto;
              background-color: var(--theme-color2)
          }
      }


      .about-counter {
          text-align: center;
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 20px;
          padding: 25px;
          min-width: 178px
      }

      .about-counter .box-number {
          font-size: 64px;
          font-weight: 600;
          color: var(--theme-color);
          margin-bottom: 5px
      }

      .about-counter .box-title {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 0
      }


      .about-feature {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 18px;
          margin-bottom: 30px;
          text-align: left
      }

      .about-feature:last-child {
          margin-bottom: 0
      }

      .about-feature .box-icon {
          width: 56px;
          height: 56px;
          line-height: 56px;
          background-color: var(--white-color);
          text-align: center;
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 99px
      }

      .about-feature .box-title {
          font-size: 18px;
          margin-bottom: 6px
      }

      .about-feature .box-text {
          max-width: 280px
      }


      .service-grid {
          --space: 30px;
          background-color: var(--white-color);
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 20px;
          padding: var(--space);
          overflow: hidden
      }

      .service-grid .box-img {
          position: relative;
          z-index: 2;
          margin-bottom: 20px
      }

      .service-grid .box-img .img {
          border-radius: 20px;
          overflow: hidden
      }

      .service-grid .box-img img {
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-grid .box-icon {
          width: 70px;
          height: 70px;
          line-height: 70px;
          background-color: var(--white-color);
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          text-align: center;
          border-radius: 99px;
          position: absolute;
          bottom: -35px;
          right: 25px;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .service-grid .box-doctor {
          background-color: var(--theme-color);
          border-radius: 0 20px 20px 0;
          color: var(--white-color);
          margin-bottom: 20px;
          display: inline-block;
          padding: 1px 30px 1px 0;
          position: relative
      }

      .service-grid .box-doctor:before {
          content: "";
          position: absolute;
          bottom: 0;
          right: 100%;
          height: 100%;
          width: var(--space);
          background-color: inherit
      }

      .service-grid .box-title {
          margin-bottom: 6px
      }

      .service-grid .box-text {
          margin-bottom: 25px
      }

      .service-grid .box-shape {
          position: absolute;
          bottom: 0;
          right: 0
      }

      .service-grid:hover .box-img .img img {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1)
      }

      .service-grid:hover .box-icon {
          background-color: var(--theme-color)
      }

      .service-grid:hover .box-icon img {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }


      .counter-card-wrap {
          z-index: 3;
          position: relative
      }

      .counter-card-wrap:before {
          z-index: -1
      }

      .counter-card-wrap.rounded-20 {
          overflow: hidden
      }

      .testi-sec3 {
          background-size: auto;
          background-position: top center;
          background-size: cover;
      }

      .testi-sec3 .counter-card-wrap {
          background-color: transparent;
          border-radius: 0;
          padding: 80px 0
      }


      .eye-feature {
          background-color: var(--white-color);
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 20px;
          padding: 25px;
          text-align: left
      }

      .eye-feature-wrap {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 24px
      }

      @media (max-width: 575px) {
          .eye-feature-wrap {
              grid-template-columns: repeat(1, 1fr)
          }
      }

      .eye-feature .icon-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: end;
          margin-bottom: 0px;
      }

      .eye-feature .box-icon {
          width: 60px;
          height: 44px;
          line-height: 44px;
          background-color: var(--smoke-color);
          border-radius: 10px;
          text-align: center;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .eye-feature .box-title {
          font-size: 20px;
          margin-bottom: 10px;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .eye-feature .box-number {
          font-family: var(--title-font);
          font-size: 48px;
          font-weight: 600;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out;
          margin-bottom: 11px;
          color: #2ca4a33d;
      }

      .eye-feature:hover .box-icon {
          background-color: var(--body-color)
      }

      .eye-feature:hover .box-icon img {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }

      .eye-feature:hover .box-title,
      .eye-feature:hover .box-number {
          color: var(--theme-color2)
      }


      .comparison-img {
          position: relative;
          margin: auto;
          border: none;
          background-color: transparent;
          overflow: hidden;
          height: 100%;
          border-radius: 50px
      }

      .comparison-img-wrap {
          position: relative;
          z-index: 2;
          max-width: 496px;
          margin-left: auto;
          margin-right: auto;
          aspect-ratio: 0.78/1
      }

      @media (max-width: 575px) {
          .comparison-img {
              border-radius: 30px
          }
      }

      .comparison-img p {
          position: absolute;
          top: 40px;
          background-color: var(--theme-color);
          color: var(--title-color);
          padding: 5px 15px;
          z-index: 3;
          font-weight: 500
      }

      .comparison-img .before {
          left: 40px
      }

      .comparison-img .after {
          right: 40px
      }

      .comparison-img .img {
          position: absolute;
          inset: 0;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: left center
      }

      @media (max-width: 375px) {
          .comparison-img .img {
              background-size: cover
          }
      }

      .comparison-img .foreground-img {
          width: 50%
      }

      .comparison-img .compslider {
          position: absolute;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          width: 100%;
          height: 100%;
          background: transparent;
          outline: none;
          margin: 0;
          padding: 0;
          border: none;
          -webkit-transition: all 0.2s;
          transition: all 0.2s;
          text-align: center
      }

      .comparison-img .compslider::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 3px;
          height: 800px;
          background: var(--white-color);
          cursor: pointer;
          -webkit-transform: translateX(0);
          transform: translateX(0)
      }

      .comparison-img .compslider::-moz-range-thumb {
          width: 3px;
          height: 800px;
          background: var(--white-color);
          cursor: pointer;
          transform: translateX(0)
      }

      .comparison-img .slider-button {
          pointer-events: none;
          position: absolute;
          width: 56px;
          height: 56px;
          border-radius: 50%;
          padding: 8px;
          background-color: var(--theme-color2);
          left: calc(50% - 32px);
          top: calc(50% - 28px);
          line-height: 40px;
          text-align: center
      }

      .comparison-img .slider-button:after {
          content: "";
          padding: 5px;
          display: inline-block;
          border: solid var(--white-color);
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg)
      }

      .comparison-img .slider-button:before {
          content: "";
          padding: 5px;
          display: inline-block;
          border: solid var(--white-color);
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg)
      }


      .cta-call {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 16px
      }

      .cta-call .box-icon {
          color: var(--theme-color);
          font-size: 56px
      }

      @media (max-width: 575px) {
          .cta-call .box-icon {
              font-size: 44px
          }
      }

      .cta-call .box-text {
          margin: -0.5em 0 3px 0
      }

      .cta-call .box-title {
          font-size: 36px;
          margin-bottom: -0.3em
      }

      @media (max-width: 575px) {
          .cta-call .box-title {
              font-size: 28px
          }
      }


      .faq-form2 {
          background-color: var(--white-color);
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 20px;
          padding: 40px
      }

      @media (max-width: 575px) {
          .faq-form2 {
              padding: 15px;
              padding-top: 25px
          }
      }

      .faq-form2 .row {
          --bs-gutter-x: 18px
      }

      .faq-form2 .box-title {
          margin-bottom: 24px;
          font-size: 30px
      }

      .faq-form2 .form-btn {
          margin-top: 10px
      }


      .blog-box {
          overflow: hidden
      }

      .blog-box .blog-meta.has-bg {
          background-color: var(--theme-color);
          border-radius: 0 10px 10px 0;
          padding: 3px 30px 3px 0;
          position: relative;
          display: inline-block
      }

      @media (max-width: 375px) {
          .blog-box .blog-meta.has-bg {
              padding-right: 20px
          }
      }

      .blog-box .blog-meta.has-bg:before {
          content: "";
          position: absolute;
          bottom: 0;
          right: 100%;
          width: 35px;
          height: 100%;
          background-color: inherit
      }

      .blog-box .blog-meta.has-bg i {
          color: var(--white-color)
      }

      .blog-box .blog-meta.has-bg span,
      .blog-box .blog-meta.has-bg a {
          color: var(--white-color)
      }


      .img-box7 {
          position: relative;
          margin-left: 50px
      }

      @media (max-width: 1299px) {
          .img-box7 {
              margin-left: 0;

          }
      }

      @media (max-width: 1199px) {
          .img-box7 {
              max-width: 545px;
              margin-left: auto;
              margin-right: auto
          }
      }

      .img-box7 img {
          border-radius: 20px;
          width: 100%
      }

      .img-box7 .about-counter {
          width: 100%;
          max-width: 200px;
          position: absolute;
          bottom: 0;
          right: 0;
          background-color: var(--white-color)
      }

      .img-box7 .about-counter .box-number {
          font-size: 48px;
          margin-top: -0.2em
      }


      .dna-ani {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg)
      }

      .dna-ani span {
          width: 80px;
          height: 4px;
          background: #008cb4;
          margin: 6px;
          position: relative;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -webkit-animation: dnaAnim 2.5s linear infinite;
          animation: dnaAnim 2.5s linear infinite
      }

      .dna-ani span:before,
      .dna-ani span:after {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #008cb4;
          position: absolute;
          top: calc(50% - 5px)
      }

      .dna-ani span:after {
          right: -8px
      }

      .dna-ani span:before {
          left: -8px
      }

      .dna-ani span:nth-child(1) {
          -webkit-animation-delay: .1s;
          animation-delay: .1s
      }

      .dna-ani span:nth-child(2) {
          -webkit-animation-delay: .2s;
          animation-delay: .2s
      }

      .dna-ani span:nth-child(3) {
          -webkit-animation-delay: .3s;
          animation-delay: .3s
      }

      .dna-ani span:nth-child(4) {
          -webkit-animation-delay: .4s;
          animation-delay: .4s
      }

      .dna-ani span:nth-child(5) {
          -webkit-animation-delay: .5s;
          animation-delay: .5s
      }

      .dna-ani span:nth-child(6) {
          -webkit-animation-delay: .6s;
          animation-delay: .6s
      }

      .dna-ani span:nth-child(7) {
          -webkit-animation-delay: .7s;
          animation-delay: .7s
      }

      .dna-ani span:nth-child(8) {
          -webkit-animation-delay: .8s;
          animation-delay: .8s
      }

      .dna-ani span:nth-child(9) {
          -webkit-animation-delay: .9s;
          animation-delay: .9s
      }

      .dna-ani span:nth-child(10) {
          -webkit-animation-delay: 1s;
          animation-delay: 1s
      }

      .dna-ani span:nth-child(11) {
          -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s
      }

      .dna-ani span:nth-child(12) {
          -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s
      }

      .dna-ani span:nth-child(13) {
          -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s
      }

      .dna-ani span:nth-child(14) {
          -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s
      }

      .dna-ani span:nth-child(15) {
          -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s
      }

      .dna-ani span:nth-child(16) {
          -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s
      }

      .dna-ani span:nth-child(17) {
          -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s
      }

      .dna-ani span:nth-child(18) {
          -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s
      }

      @-webkit-keyframes dnarotate {
          0% {
              -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg)
          }

          100% {
              -webkit-transform: rotateZ(359deg);
              transform: rotateZ(359deg)
          }
      }

      @keyframes dnarotate {
          0% {
              -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg)
          }

          100% {
              -webkit-transform: rotateZ(359deg);
              transform: rotateZ(359deg)
          }
      }

      @-webkit-keyframes dnaAnim {
          0% {
              -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg)
          }

          100% {
              -webkit-transform: rotateY(359deg);
              transform: rotateY(359deg)
          }
      }

      @keyframes dnaAnim {
          0% {
              -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg)
          }

          100% {
              -webkit-transform: rotateY(359deg);
              transform: rotateY(359deg)
          }
      }


      .feature-card {
          padding: 40px;
          border-radius: 20px;
          text-align: center
      }

      @media (max-width: 1199px) {
          .feature-card {
              padding: 30px 20px
          }
      }

      @media (max-width: 1199px) {
          .feature-card {
              padding: 30px
          }
      }

      .feature-card .title-wrap {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 15px;
          margin-bottom: 16px
      }

      .feature-card .box-title {
          margin: 0
      }


      @media (min-width: 767px) {
          .why-video1 .play-btn>i {
              --icon-size: 80px
          }
      }


      .choose-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 20px;
          padding-bottom: 30px;
          margin-bottom: 30px;
          border-bottom: 1px solid var(--th-border-color)
      }

      .choose-box:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none
      }

      .choose-box .box-icon {
          width: 80px;
          height: 80px;
          line-height: 80px;
          min-width: 80px;
          text-align: center;
          background-color: #D4FEEC;
          border-radius: 99px
      }

      .choose-box .box-btn {
          font-size: 40px;
          color: var(--theme-color2);
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center
      }

      @media (max-width: 1199px) {
          .choose-box .box-btn {
              margin-left: auto
          }
      }

      .choose-box .box-btn a {
          color: inherit
      }

      .choose-box .box-btn a:hover {
          color: var(--theme-color)
      }

      .choose-box .box-title {
          font-size: 20px;
          margin-bottom: 5px
      }

      .choose-box .box-text {
          line-height: 26px
      }

      .choose-box .box-content {
          margin-right: 35px
      }

      @media (max-width: 1299px) {
          .choose-box .box-content {
              margin-right: 10px
          }
      }

      @media (max-width: 1199px) {
          .choose-box .box-content {
              width: 590px
          }
      }

      .choose-box .progress {
          margin-top: 20px;
          height: 12px;
          background-color: #BDD0FF;
          border-radius: 20px
      }

      .choose-box .progress-bar {
          height: 100%;
          background-color: var(--theme-color2);
          border-radius: inherit;
          position: relative
      }

      .choose-box .progress-value {
          position: absolute;
          top: -7px;
          right: 2px
      }

      @media (max-width: 375px) {
          .choose-box {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              text-align: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center
          }

          .choose-box .box-content {
              width: 100%;
              margin-right: 0
          }

          .choose-box .box-btn {
              margin: 0
          }
      }


      .faq-img2 {
          border-radius: 20px;
          overflow: hidden;
          position: relative;
          z-index: 2
      }

      .faq-img2 img {
          width: 100%
      }

      .faq-img2:after {
          content: '';
          position: absolute;
          inset: 0;
          background-image: -webkit-linear-gradient(top, rgba(0, 13, 68, 0) 30.88%, rgba(0, 13, 68, 0.72) 72.07%, #000D44 100%);
          background-image: linear-gradient(180deg, rgba(0, 13, 68, 0) 30.88%, rgba(0, 13, 68, 0.72) 72.07%, #000D44 100%);
          border-radius: inherit
      }

      .faq-img2 .box-content {
          position: absolute;
          bottom: 60px;
          left: 0;
          width: 100%;
          z-index: 3;
          text-align: center
      }

      @media (max-width: 575px) {
          .faq-img2 .box-content {
              bottom: 40px
          }
      }

      .faq-img2 .box-title {
          font-size: 40px;
          color: var(--white-color);
          margin-bottom: 10px;
      }

      @media (max-width: 575px) {
          .faq-img2 .box-title {
              font-size: 30px
          }
      }


      .accordion-card.bg-white:has(.show) {
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15)
      }


      .counter-sec2 .counter-card-wrap {
          background-color: transparent;
          border-radius: 0;
          padding: 60px 0;
          position: relative;
          z-index: 3
      }


      .testi-block {
          background-color: var(--smoke-color);
          border-radius: 20px;
          padding: 40px;
          overflow: hidden;
          position: relative;
          z-index: 2
      }

      .testi-block-area {
          position: relative
      }

      .testi-block-area .icon-box {
          position: absolute;
          top: 50%;
          right: -100px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 56px
      }

      @media (max-width: 1399px) {
          .testi-block-area .icon-box {
              display: none
          }
      }

      .testi-block-area .icon-box .slider-arrow {
          border: none;
          background-color: var(--theme-color);
          color: var(--white-color)
      }

      .testi-block-area .icon-box .slider-arrow:hover {
          background-color: var(--theme-color2)
      }

      .testi-block-area .icon-box .slider-arrow:not(:last-child) {
          margin-right: 0;
          margin-bottom: 10px
      }

      .testi-block .box-text {
          margin: -0.5em 0 30px 0
      }

      .testi-block .box-title {
          font-size: 30px;
          margin-bottom: 3px
      }

      .testi-block .box-review {
          color: var(--yellow-color);
          margin-bottom: -0.3em
      }

      .testi-block .box-review i {
          margin-right: 4px
      }

      .testi-block .box-desig {
          margin-bottom: 5px
      }

      .testi-block .box-img {
          position: absolute;
          bottom: 0;
          right: 0
      }

      .testi-block .box-quote {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          z-index: -1
      }

      @media (max-width: 575px) {
          .testi-block {
              padding: 30px
          }

          .testi-block .box-img {
              max-width: 170px
          }


      }


      @media (min-width: 1500px) {
          .th-container4 {
              max-width: 1570px;
              margin-left: 0;
              padding-left: 0;

          }
      }

      .th-container4 {
          max-width: 1570px;
          margin-left: 0;
          padding-left: 0;
          margin-top: -140px;
      }


      .img-box7.style2 {
          margin-left: 0;
          max-width: 100%
      }

      .img-box7.style2 .about-counter {
          padding: 25px 5px;
          max-width: 191px
      }


      .cta-call.style2 {
          text-align: left
      }

      .cta-call.style2 .box-icon {
          width: 56px;
          height: 56px;
          line-height: 56px;
          font-size: 30px;
          background-color: var(--white-color);
          border-radius: 99px;
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          text-align: center
      }

      .cta-call.style2 .box-title {
          font-size: 20px
      }

      .cta-call.style2 .box-text {
          margin-bottom: 5px
      }

      @media (min-width: 767px) {
          .btn-group:has(.cta-call) {
              gap: 20px 40px
          }


      }


      .why-box {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          gap: 20px;
          text-align: left;
          margin-bottom: 38px
      }

      .why-box:last-child {
          margin-bottom: 0
      }

      .why-box .box-icon {
          width: 70px;
          height: 70px;
          line-height: 70px;
          background-color: var(--white-color);
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          border-radius: 99px;
          text-align: center
      }

      .why-box .box-text {
          /* max-width: 510px; */
          line-height: 26px
      }

      .why-box .box-title {
          font-size: 20px;
          margin-bottom: 8px
      }

      @media (max-width: 767px) {
          .why-box {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              text-align: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center
          }

          .th-container4 {

              margin-top: -78px;
          }
      }

      .rounded-20>img {
          border-radius: inherit
      }

      .active-white .accordion-card:has(.show) {
          box-shadow: 0px 0px 10.6px rgba(97, 97, 97, 0.15);
          background-color: var(--white-color)
      }


      .form-shape {
          position: absolute;
          top: 0;
          left: -224px;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content
      }

      .form-shape-wrap {
          position: relative;
          z-index: 2
      }


      .gallery-card.style2 {
          border-radius: 20px;
          overflow: hidden
      }

      .gallery-card.style2 .box-img {
          border-radius: inherit
      }

      .gallery-card.style2 .box-img:after {
          border-radius: inherit
      }

      .gallery-card.style2 .box-title {
          font-size: 26px
      }

      .gallery-card.style2 .box-text {
          max-width: 274px;
          margin-left: auto;
          margin-right: auto
      }

      .gallery-card.style2 .shape {
          border: none
      }

      @media (max-width: 575px) {
          .gallery-card.style2 .shape {
              inset: 36px
          }
      }

      .gallery-card.style2 .shape .dot {
          width: 30px;
          height: 30px;
          background-color: transparent;
          border-color: var(--white-color) !important
      }

      .gallery-card.style2 .shape .dot:nth-child(1) {
          border-left: 2px solid;
          border-top: 2px solid;
          border-top-left-radius: 12px
      }

      .gallery-card.style2 .shape .dot:nth-child(2) {
          border-right: 2px solid;
          border-top: 2px solid;
          border-top-right-radius: 12px
      }

      .gallery-card.style2 .shape .dot:nth-child(3) {
          border-left: 2px solid;
          border-bottom: 2px solid;
          border-bottom-left-radius: 12px
      }

      .gallery-card.style2 .shape .dot:nth-child(4) {
          border-right: 2px solid;
          border-bottom: 2px solid;
          border-bottom-right-radius: 12px
      }


      .comparison-dental {
          position: relative;
          z-index: 2;
          max-width: 544px;
          aspect-ratio: 0.94/1
      }

      @media (max-width: 1199px) {
          .comparison-dental {
              margin-left: auto;
              margin-right: auto;
              max-width: 700px
          }
      }

      .comparison-dental .comparison-img {
          border-radius: 20px
      }


      .feature-list-wrap.style2 {
          border-radius: 20px;
          overflow: hidden
      }

      .feature-list-wrap.style2 .feature-list {
          position: relative
      }

      .feature-list-wrap.style2 .feature-list:after {
          content: '';
          position: absolute;
          top: -30px;
          right: -15px;
          background-color: #77D9FC;
          -webkit-clip-path: path("M10.4894 37.1807L0.162615 19.0907L10.6418 0.940146L31.4894 0.807604L41.8188 18.9401L31.3395 37.0907L10.4894 37.1807ZM0.800446 19.089L10.792 36.6565L30.984 36.5565L41.1784 18.8993L31.169 1.3626L10.977 1.46256L0.800446 19.089Z");
          clip-path: path("M10.4894 37.1807L0.162615 19.0907L10.6418 0.940146L31.4894 0.807604L41.8188 18.9401L31.3395 37.0907L10.4894 37.1807ZM0.800446 19.089L10.792 36.6565L30.984 36.5565L41.1784 18.8993L31.169 1.3626L10.977 1.46256L0.800446 19.089Z");
          width: 45px;
          height: 45px;
          -webkit-animation: spin 4s linear infinite;
          animation: spin 4s linear infinite
      }


      .video-box2 {
          position: relative
      }

      .video-box2 img {
          border-radius: 30px;
          width: 100%
      }

      .video-box2 .play-btn {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          --icon-size: 50px
      }


      .why-card {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          gap: 15px;
          margin-bottom: 28px;
          text-align: left
      }

      .why-card:last-child {
          margin-bottom: 0
      }

      .why-card .box-icon {
          width: 60px;
          height: 60px;
          line-height: 60px;
          background-color: var(--theme-color2);
          border-radius: 10px;
          text-align: center
      }

      .why-card .box-text {
          line-height: 25px
      }

      .why-card .box-title {
          margin-bottom: 5px
      }

      /* .why-card .media-body {
    max-width: 368px
} */

      .why-card-wrap {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          gap: 0 30px;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center
      }


      .sub-title5 {
          font-size: 18px;
          font-weight: 500;
          font-family: var(--title-font);
          color: var(--theme-color);
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 10px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 27px;
          margin-top: -0.3em
      }

      .sub-title5:after,
      .sub-title5:before {
          content: '';
          height: 2px;
          width: 50px;
          background: var(--theme-color);
          display: inline-block
      }

      .sub-title5.after-none:after {
          display: none
      }


      .slider-arrow.style2 {
          border: 0;
          background: var(--theme-color);
          border-radius: 20px;
          color: var(--white-color);
          line-height: 56px
      }

      .slider-arrow.style2:hover {
          background: var(--title-color)
      }


      .feature-contact-wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 20px 45px;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
      }

      .feature-contact-wrap .contact-info {
          -webkit-box-flex: 0;
          -webkit-flex: none;
          -ms-flex: none;
          flex: none;
          border-right: 2px solid var(--th-border-color);
          padding-right: 45px
      }

      .feature-contact-wrap .contact-info:last-child {
          border-right: 0;
          padding-right: 0
      }

      .feature-contact-wrap .contact-info .box-text {
          font-size: 14px;
          margin-bottom: 10px
      }

      .feature-contact-wrap .contact-info .box-title {
          margin-bottom: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 8px;
          font-size: 20px;
          font-weight: 600
      }

      .feature-contact-wrap .contact-info .box-title svg {
          color: var(--theme-color)
      }

      @media (max-width: 575px) {
          .feature-contact-wrap .contact-info {
              width: 100%;
              border-right: 0;
              padding-right: 0
          }
      }


      .feature-card2 {
          border: 1px solid var(--th-border-color);
          border-radius: 20px;
          padding: 20px
      }

      .feature-card2 .box-title {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 5px
      }

      .feature-card2 .box-text {
          line-height: 26px
      }


      .about-feature2 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          gap: 20px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center
      }

      .about-feature2 .box-icon {
          width: 80px;
          height: 80px;
          line-height: 80px;
          border-radius: 20px;
          background: #2ca6a447;
          text-align: center
      }

      .about-feature2 .box-title {
          font-size: 24px;
          font-weight: 600;
          margin-bottom: 10px
      }

      @media (max-width: 575px) {
          .about-feature2 .box-title {
              font-size: 20px
          }

          .hero-style7 {
              padding: 36px 0 90px;
          }

          .btn-group {
              flex-wrap: nowrap;
          }

          .th-btn {
              padding: 12px 20px;
              min-width: auto;
              font-size: 12px;
          }

          .hero-appointment .sub-title5 {
              font-size: 17px;
              line-height: normal;
          }

      }


      .service-card2 {
          text-align: center;
          padding: 40px 40px 0;
          position: relative
      }

      .service-card2 .service-card-bg-shape {
          background: #2ca6a314;
          position: absolute;
          inset: 0;
          z-index: -1
      }

      .service-card2 .box-icon {
          width: 120px;
          height: 120px;
          line-height: 120px;
          display: inline-block;
          background: var(--smoke-color);
          border-radius: 50%;
          margin-bottom: 30px
      }

      .service-card2 .box-icon img {
          -webkit-transition: 0.4s;
          transition: 0.4s
      }

      .service-card2 .box-title {
          margin-bottom: 16px
      }

      .service-card2 .box-text {
          margin-bottom: 45px
      }

      .service-card2:hover .box-icon img {
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg)
      }

      @media (max-width: 375px) {
          .service-card2 {
              background: #2ca6a314;
              border-radius: 30px;
              padding: 40px 30px
          }

          .service-card2 .service-card-bg-shape {
              display: none
          }

          .service-card2 .box-text {
              margin-bottom: 30px
          }
      }


      .choose-feature-wrap.style2:before {
          display: none
      }

      .choose-feature-wrap.style2 .choose-feature .box-number {
          background: #151B2B;
          border-color: #151B2B;
          color: var(--white-color)
      }

      .choose-feature-wrap.style2 .choose-feature .box-title {
          color: var(--title-color);
      }

      .choose-feature-wrap.style2 .choose-feature .media-body {
          border-bottom: 1px dotted #788094
      }

      .choose-feature-wrap.style2 .choose-feature:last-child .media-body {
          border-bottom: 0
      }

      @media (max-width: 1199px) {
          .choose-feature-wrap.style2 {
              margin-left: 0
          }
      }

      .gallery-sec3 {
          background: -webkit-linear-gradient(#F8F7F4 100%, #F8F7F4);
          background: white;
          background-repeat: no-repeat;
          background-size: 100% calc(100% - 186px)
      }

      .gallery-slider3 {
          margin: 0 12px
      }

      @media (max-width: 575px) {
          .gallery-slider3 {
              margin: 0
          }
      }


      .gallery-card.style3 .box-img {
          border-radius: 30px
      }

      .gallery-card.style3 .box-img:after {
          display: none
      }

      .gallery-card.style3 .box-content {
          left: 30px;
          bottom: 0px;
          right: 30px;
          top: auto;
          background: transparent;
          width: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          text-align: start;
          padding: 30px 90px 30px 30px
      }

      @media (max-width: 575px) {
          .gallery-card.style3 .box-content {
              padding: 25px 80px 25px 25px;
              --btn-size: 40px;
              left: 20px;
              right: 20px
          }
      }

      .gallery-card.style3 .box-content .bg-shape {
          position: absolute;
          inset: 0;
          z-index: -1
      }

      .gallery-card.style3 .box-content .bg-shape img {
          height: 100%;
          width: 100%
      }

      .gallery-card.style3 .box-content .icon-btn {
          position: absolute;
          right: 25px;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%)
      }

      .gallery-card.style3 .box-content .box-text {
          color: #788094;
          margin-top: -0.4em;
          margin-left: 0
      }

      .gallery-card.style3 .box-content .box-title {
          color: var(--title-color);
          margin-bottom: -0.3em;
          font-size: 24px;
          font-weight: 600;
          margin-top: 5px;
          word-break: break-word
      }

      @media (max-width: 575px) {
          .gallery-card.style3 .box-content .box-title {
              font-size: 20px
          }


          .img-right {
              bottom: -9px !important;
          }

          .img-left {
              bottom: -16px !important;
          }

          .why-tab-content {
              box-shadow: none;
              padding: 70px 0px 0px;
          }
      }

      .gallery-card.style3:hover .box-content {
          bottom: 30px
      }

      .counter-card p {
          color: #c3c3c3;
      }

      @media (max-width: 575px) {
          .gallery-card.style3:hover .box-content {
              bottom: 20px
          }

          .eye-feature {
              margin-bottom: 16px;
          }

          .offer-block {
              height: 187px;
          }

          .breadcumb-wrapper {
              padding: 30px 0;
          }

          .breadcumb-menu li:after {
              content: "\f054";
              font-size: 12px;
          }

          .breadcumb-menu li,
          .breadcumb-menu a,
          .breadcumb-menu span {
              font-size: 13px;
          }

          .img-box2 {
              margin: 16px auto 0 auto;
          }

          .cta-sec4 {
              margin-top: 0px;
          }


          .counter-card p {
              color: #c3c3c3;
              font-size: 14px;
          }

          .inner-c {
              width: 68%;
              gap: 30px;

          }

          .offer-block .box-text {
              margin-bottom: 10px;
          }

          .offer-block .sec-title {
              margin-bottom: 5px;
              font-size: 23px;
          }

          .img-box7 .about-counter {
              right: 0px;
          }
      }


      .product-title a {
          background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
          background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
          background-repeat: no-repeat;
          background-position: bottom left;
          background-size: 0 2px;
          -webkit-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out
      }

      .product-title a:hover {
          background-size: 100% 2px
      }

      .footer-layout1-3 .copyright-wrap {
          background: #1E252C
      }

      .client-marquee {
          overflow: hidden;
          width: 100%;
          padding: 20px 0px 50px 0px;
          background: #fff;
      }


      .marquee-track {
          display: flex;
          width: max-content;
          gap: 50px;
          animation: marqueeScroll 20s linear infinite;
      }

      .marquee-track img {
          width: 200px;
          height: 80px;
          object-fit: contain;
      }

      @keyframes marqueeScroll {
          from {
              transform: translateX(0);
          }

          to {
              transform: translateX(-50%);
          }
      }

      .feature-list .box-icon:nth-child(1) {
          margin-left: 10px;
      }


      .media-body a {
          background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
          background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
          background-repeat: no-repeat;
          background-position: bottom left;
          background-size: 0 2px;
          -webkit-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out
      }

      .media-body a:hover {
          background-size: 100% 2px
      }



      .img-right {
          position: absolute;
          right: 0;
          width: 34%;
          bottom: -367px;
          opacity: 0.2;
      }

      .img-left {
          position: absolute;
          left: 0;
          width: 34%;
          bottom: -367px;
          opacity: 0.2;
      }

      footer p {
          color: #c3c3c3;
      }

      .hello-bg {
          background: #445faa1f;
          padding: 20px;
          border-radius: 10px;
      }


      .widget_nav_menu ul,
      .widget_meta ul,
      .widget_pages ul,
      .widget_archive ul,
      .widget_categories ul,
      .wp-block-categories ul {
          list-style: none;
          padding: 0;
          margin: 0 0 0 0
      }

      .widget_nav_menu a,
      .widget_meta a,
      .widget_pages a,
      .widget_archive a,
      .widget_categories a,
      .wp-block-categories a {
          font-size: 18px;
          font-weight: 500;
          font-family: var(--title-font);
          display: block;
          background-color: var(--white-color);
          box-shadow: 0px 2px 4px rgba(2, 29, 53, 0.1);
          margin-bottom: 14px;
          padding: 17px 45px 17px 30px;
          font-size: 16px;
          line-height: 1.313;
          color: var(--title-color);
          border-radius: 30px;
          -webkit-transition: 0.4s ease-in-out;
          transition: 0.4s ease-in-out
      }

      .widget_nav_menu a::before,
      .widget_meta a::before,
      .widget_pages a::before,
      .widget_archive a::before,
      .widget_categories a::before,
      .wp-block-categories a::before {
          content: '\f061';
          position: absolute;
          right: 30px;
          top: 17px;
          font-family: var(--icon-font);
          font-weight: 600;
          color: inherit
      }

      .widget_nav_menu li,
      .widget_meta li,
      .widget_pages li,
      .widget_archive li,
      .widget_categories li,
      .wp-block-categories li {
          display: block;
          position: relative
      }

      .widget_nav_menu li>span,
      .widget_meta li>span,
      .widget_pages li>span,
      .widget_archive li>span,
      .widget_categories li>span,
      .wp-block-categories li>span {
          color: var(--body-color);
          text-align: center;
          position: absolute;
          right: 0;
          top: 14px;
          -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
          pointer-events: none;
          min-width: 20px;
          text-align: right
      }



      .about-box {
          background-color: var(--white-color);
          box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.05);
          border-radius: 20px;
          overflow: hidden
      }

      .about-box .box-img {
          overflow: hidden
      }

      .about-box .box-img img {
          width: 100%
      }

      @media (max-width: 575px) {
          .about-box {
              border-radius: 10px
          }
      }

      .about-box .box-content {
          padding: 40px
      }

      @media (max-width: 991px) {
          .about-box .box-content {
              padding: 30px
          }
      }

      @media (max-width: 375px) {
          .about-box .box-content {
              padding: 30px 15px
          }
      }

      .about-box .box-title {
          margin-bottom: 3px
      }

      .about-box .box-desig {
          margin-bottom: 15px
      }

      .about-box .box-link {
          margin-bottom: 10px
      }

      .about-box .box-link:first-of-type {
          margin-top: 21px
      }

      .about-box .box-link .icon-btn {
          --btn-size: 36px;
          line-height: 35px;
          font-size: 16px;
          color: var(--theme-color2);
          border-radius: 99px;
          margin-right: 5px
      }

      .about-box .box-link a {
          color: var(--body-color)
      }

      .about-box .box-link a:hover {
          color: var(--theme-color2)
      }

      .about-box .th-social {
          margin-top: 30px
      }

      .about-box .th-social a {
          --icon-size: 44px;
          background-color: var(--white-color);
          box-shadow: 0px 10px 20px rgba(2, 29, 53, 0.1)
      }

      .about-box .th-social a:hover {
          background-color: var(--theme-color2)
      }

      .widget_nav_menu .menu>li:last-child>a,
      .widget_nav_menu>ul>li:last-child>a,
      .widget_meta .menu>li:last-child>a,
      .widget_meta>ul>li:last-child>a,
      .widget_pages .menu>li:last-child>a,
      .widget_pages>ul>li:last-child>a,
      .widget_archive .menu>li:last-child>a,
      .widget_archive>ul>li:last-child>a,
      .widget_categories .menu>li:last-child>a,
      .widget_categories>ul>li:last-child>a,
      .wp-block-categories .menu>li:last-child>a,
      .wp-block-categories>ul>li:last-child>a {
          border-bottom: none
      }

      .widget_nav_menu a:hover,
      .widget_meta a:hover,
      .widget_pages a:hover,
      .widget_archive a:hover,
      .widget_categories a:hover,
      .wp-block-categories a:hover {
          background-color: #EAEEFA;
          color: var(--theme-color2);
          box-shadow: none;
          border-left: 5px solid var(--theme-color2)
      }


      button.wh-ap-btn {
          outline: none;
          width: 50px;
          height: 50px;
          border: 0;
          background-color: #2ecc71;
          padding: 0;
          border-radius: 100%;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          cursor: pointer;

      }

      button.wh-ap-btn::after {
          content: "";
          background-image: url("//i.imgur.com/cAS6qqn.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 60%;
          width: 100%;
          height: 100%;
          display: block;
          opacity: 1;
      }

      button.wh-ap-btn:hover {
          opacity: 1;
          background-color: #20bf6b;
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      }

      .wh-api {
          position: fixed;
          bottom: 0;
          z-index: 999;
          right: 0;
      }

      .wh-fixed {
          margin-right: 15px;
          margin-bottom: 15px;
      }

      .wh-fixed>a {
          display: block;
          text-decoration: none;
      }

      /* button.wh-ap-btn::before {
          content: "Chat with me";
          display: block;
          position: absolute;
          margin-left: -130px;
          margin-top: 16px;
          height: 25px;
          background: #49654e;
          color: #fff;
          font-weight: 400;
          font-size: 15px;
          border-radius: 3px;
          width: 0;
          opacity: 0;
          padding: 0;
          transition: opacity 0.4s, width 0.4s, padding 0.5s;
          padding-top: 7px;
          border-radius: 30px;
          box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
      }

      .wh-fixed>a:hover button.wh-ap-btn::before {
          opacity: 1;
          width: auto;
          padding-top: 7px;
          padding-left: 10px;
          padding-right: 10px;
          width: 100px;
      } */

      /* animacion pulse */

      .whatsapp-pulse {
          width: 50px;
          height: 50px;
          right: 14px;
          bottom: 83px;
          background: #10b418;
          position: fixed;
          text-align: center;
          color: #ffffff;
          cursor: pointer;
          border-radius: 50%;
          z-index: 99;
          display: inline-block;
          line-height: 65px;
      }

      .whatsapp-pulse:before {
          position: absolute;
          content: " ";
          z-index: -1;
          bottom: -20px;
          right: -20px;
          background-color: #10b418;
          width: 90px;
          height: 90px;
          border-radius: 100%;
          animation-fill-mode: both;
          -webkit-animation-fill-mode: both;
          opacity: 0.6;
          -webkit-animation: pulse 1s ease-out;
          animation: pulse 1.8s ease-out;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
      }

      @-webkit-keyframes pulse {
          0% {
              -webkit-transform: scale(0);
              opacity: 0;
          }

          25% {
              -webkit-transform: scale(0.3);
              opacity: 1;
          }

          50% {
              -webkit-transform: scale(0.6);
              opacity: 0.6;
          }

          75% {
              -webkit-transform: scale(0.9);
              opacity: 0.3;
          }

          100% {
              -webkit-transform: scale(1);
              opacity: 0;
          }
      }

      @keyframes pulse {
          0% {
              transform: scale(0);
              opacity: 0;
          }

          25% {
              transform: scale(0.3);
              opacity: 1;
          }

          50% {
              transform: scale(0.6);
              opacity: 0.6;
          }

          75% {
              transform: scale(0.9);
              opacity: 0.3;
          }

          100% {
              transform: scale(1);
              opacity: 0;
          }
      }

      .catalogue-float-btn {
          position: fixed;
          left: 11px;
          bottom: 11px;
          z-index: 9999;
          display: flex;
          align-items: center;
          gap: 8px;
          background: linear-gradient(135deg, #494795, #181662);
          color: #fff;
          padding: 10px 14px;
          border-radius: 40px;
          text-decoration: none;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 0.3px;
          box-shadow: 0 8px 20px rgba(45, 42, 140, 0.22);
          animation: pulseGlow 2s infinite;
          transition: all 0.3s ease;
      }

      .catalogue-float-btn:hover {
          transform: translateY(-2px) scale(1.03);
          color: #fff;
          text-decoration: none;
      }

      .catalogue-float-btn .icon {
          width: 34px;
          height: 34px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.15);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
      }

      .catalogue-float-btn .text {
          font-size: 13px;
          white-space: nowrap;
          text-transform: uppercase;
      }

      .sticky-box {
          position: sticky;
          top: 100px;
          /* adjust based on your header height */
      }

      @keyframes pulseGlow {
          0% {
              box-shadow: 0 0 0 0 rgba(75, 72, 199, 0.35);
          }

          70% {
              box-shadow: 0 0 0 10px rgba(75, 72, 199, 0);
          }

          100% {
              box-shadow: 0 0 0 0 rgba(75, 72, 199, 0);
          }
      }

      /* Mobile Responsive */
      @media (max-width: 767px) {
          .catalogue-float-btn {
              left: 15px;
              bottom: 20px;
              padding: 9px 12px;
              font-size: 12px;
          }

          .catalogue-float-btn .icon {
              width: 30px;
              height: 30px;
              font-size: 13px;
          }

          .catalogue-float-btn .text {
              font-size: 12px;
          }
      }


      /* MOBILE Screen */

      @media (min-width:0px) and (max-width:600px) {
          .client-marquee {
              padding: 20px 0px 25px 0px;
          }
      }

      /* IPAD Screen */

      @media (min-width:600px) and (max-width:991px) {
          .breadcumb-wrapper {
              padding: 60px 0;
          }
      }


      /* 1024PX Screen */

      @media (min-width:992px) and (max-width:1099px) {
          .breadcumb-wrapper {
              padding: 94px 0;
          }
      }


      /* 1280PX Screen */

      @media (min-width:1100px) and (max-width:1300px) {
          .main-menu a {
              font-size: 11px;
          }

          .main-menu>ul>li {
              margin: 0 10px;
          }

          .breadcumb-wrapper {
              padding: 116px 0;
          }

          .offer-block {
              height: 322px;
          }

          .inner-c {
              gap: 123px;
          }
      }

      /* 1440PX Screen */

      @media (min-width:1399px) and (max-width:1500px) {
          .breadcumb-wrapper {
              padding: 137px 0;
          }
      }

      /* 1600PX Screen */

      @media (min-width:1500px) and (max-width:1670px) {
          .breadcumb-wrapper {
              padding: 158px 0;
          }

          .offer-block {
              height: 267px;
          }
      }


      /* 1680PX Screen */

      @media (min-width:1671px) and (max-width:1700px) {
          .breadcumb-wrapper {
              padding: 169px 0;
          }

          .offer-block {
              height: 282px;
          }
      }


      /* 1920PX Screen */

      @media (min-width:1701px) and (max-width:2000px) {
          .breadcumb-wrapper {
              padding: 200px 0;
          }

            .offer-block {
              height: 322px;
          }

             .inner-c {
              gap: 126px;
          }
      }


      /* 2k Screen  */

      @media (min-width:2001px) and (max-width:3000px) {
          .breadcumb-wrapper {
              padding: 217px 0;
          }

          
            .offer-block {
              height: 346px;
          }

             .inner-c {
              gap: 126px;
          }
      }


      /* 4k Screen  */

      @media (min-width:3001px) and (max-width:6000px) {}


      /* 8k Screen */

      @media (min-width:6001px) and (max-width:8000px) {}

      #livesearch {
          display: none;
      }

      #livesearch {
          position: relative;
          padding: 10px;
          top: 53%;
          left: 26%;
          background: aliceblue;
          max-width: 46%;
          max-height: 270px;
          overflow: auto;
          border-radius: 10PX;
      }



      @media (min-width:0px) and (max-width:600px) {
          #livesearch {
              position: relative;
              padding: 10px;
              top: 53%;
              left: 7%;
              background: aliceblue;
              max-width: 85%;
              max-height: 270px;
              overflow: auto;
              border-radius: 10PX;
          }
      }