:root {
  --primary-bg-blue-color: #3d60d9;
  --primary-bg-blue-gradient: linear-gradient(0deg,
      rgba(61, 96, 217, 1) 0%,
      rgba(105, 135, 242, 1) 100%);
  --primary-bg-blue-color-header: rgba(61, 96, 217, 0.7);
  /* updated to rgba for transparency */
  --primary-bg-blue-gradient-header: linear-gradient(0deg,
      rgba(61, 96, 217, 0.7) 0%,
      rgba(105, 135, 242, 0.7) 100%);
  --primary-bg-orange-color: #d6612b;
  --primary-bg-orange-gradient: linear-gradient(0deg,
      rgba(214, 97, 43, 1) 0%,
      rgba(235, 107, 47, 1) 50%,
      rgba(239, 137, 89, 1) 100%);
  --primary-bg-orange-rev-color: #d6612b;
  --primary-bg-orange-rev-gradient: linear-gradient(90deg,
      rgb(192, 72, 16, 1) 0%,
      rgb(204, 93, 42, 1) 50%,
      rgb(205, 118, 77, 1) 100%);
  --primary-bg-white-color: #fff;
  --primary-bg-white-gradient: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 0%,
      rgb(224, 224, 224) 100%);
  --primary-heading: 3.5rem;
  --secondar-heading: 3.2rem;
  --third-heading: 2.2rem;
  --gap-5: 6rem;
  --gap-3: 3rem;
  --gap-2: 2rem;
  --body-font-color: #4f4f4f;
}

body,
html {
  scroll-behavior: smooth;
}

button,
a {
  cursor: pointer !important;
}

html,
body,
p {
  color: var(--body-font-color);
  font-size: 1.2rem !important;
  letter-spacing: 1px !important;
  font-weight: 500;
}

p {
  margin: 0 0 40px 0 !important;
}

p:last-child {
  margin: 0 0 0px 0 !important;
}


a,
button,
h1,
h2,
h3 {
  letter-spacing: 1px !important;
  word-break: break-word;
}

h1 {
  font-size: var(--primary-heading) !important;
  margin-bottom: 4.5rem;
  font-weight: 500;
}

h2 {
  font-size: var(--secondar-heading) !important;
  margin-bottom: 4.5rem;
  font-weight: 500;
}

h3 {
  font-size: var(--third-heading) !important;
  margin-bottom: 3rem;
  font-weight: 500;
}

h4,
h5 {
  font-family: "Noto Sans", sans-serif !important;
  font-size: 1.525rem !important;
  font-weight: 700;
  color: #000;
  margin-bottom: 22px !important;
}

.footer-lower-bottom p {
  font-weight: 200 !important;
}

.wp-block-navigation li a,
.wp-block-navigation li a:hover,
.wp-block-navigation li a:focus {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  position: relative;
  text-decoration: none !important;
  outline: none;
}

.wp-block-navigation li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  width: 0%;
  border-radius: 3px;
  bottom: -5px;
  z-index: 101;
  background-color: #fff;
  display: block;
  margin: 0 auto;
  opacity: 0;
  transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
}

.wp-block-navigation li:hover a:after,
.wp-block-navigation li.current-menu-item a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  opacity: 1;
  transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
}

.padding-both {
  padding-top: var(--gap-5) !important;
  padding-bottom: var(--gap-5) !important;
}

.footer-padding-both {
  padding-top: var(--gap-5) !important;
  padding-bottom: var(--gap-3) !important;
}

.padding-top {
  padding-top: var(--gap-5) !important;
}

footer {
  margin: 0 !important;
}

.arrow-roted-left {
  position: absolute;
  width: 180px;
  top: 202px;
  left: 60px;
}

.arrow-roted-right {
  position: absolute;
  top: 230px;
  width: 150px;
  right: -76px;
}

.main-header-wrapper .inner-header-wrapper {
  background: var(--primary-bg-blue-gradient-header);
  border-radius: 20px;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.12);

  /* Add these for blur & opacity effect */
  backdrop-filter: blur(10px);
  /* controls how strong the blur is */
  -webkit-backdrop-filter: blur(10px);
  /* for Safari */
  background-clip: padding-box;
  /* helps with rounded corners */
}

.main-header-wrapper {
  margin: 15px 0 15px 0;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  z-index: 200;
}

.download-app-button-orange {
  margin: 0 0 0 45px !important;
}

.download-app-button-orange .wp-block-button a {
  border-radius: 10px !important;
  padding: 10px 35px !important;
  background: var(--primary-bg-orange-gradient);
  transition: max-width 0.5s ease;
  position: relative;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* ✅ Gradient overlay for hover */
.download-app-button-orange .wp-block-button a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-bg-blue-gradient);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.download-app-button-orange .wp-block-button a:hover::before {
  opacity: 1;
  border-radius: 10px;
}

.download-app-button-blue {
  margin: 45px 0 0 0px !important;
}

.download-app-button-blue .wp-block-button {
  max-width: 750px;
  width: 100%;
  display: flex;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
}

/* ✅ Use gradient background as base */
.download-app-button-blue.reduce_bottom_margin .wp-block-button a {
  margin: 0 !important;
}

.download-app-button-blue .wp-block-button a {
  position: relative;
  overflow: hidden;
  z-index: 1;

  max-width: 580px;
  width: 100%;
  border-radius: 10px !important;
  padding: 25px 48px !important;
  background: var(--primary-bg-blue-gradient);
  box-shadow: 0 4px 20px rgba(61, 96, 217, 0.5);

  text-align: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /* ✅ Smooth transition for width + overlay fade */
  transition: max-width 0.5s ease;
  border-radius: 30px;
}

/* ✅ Gradient overlay for hover */
.download-app-button-blue .wp-block-button a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-bg-orange-rev-gradient);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 10px;
}

.download-app-button-blue .wp-block-button a:hover::before {
  opacity: 1;
}

/* ✅ Hover: smoothly increase width */
.download-app-button-blue .wp-block-button a:hover {
  max-width: 630px;
}

.download-app-button-blue.calculate-now .wp-block-button a::after {
  position: absolute;
  content: "";
  background-image: url(../images/rocket-white.png);
  width: 26px;
  height: 26px;
  right: 56px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.download-app-button-blue.calculate-now .wp-block-button a:hover::after {
  opacity: 1;
}

.banner-animated-wrapper {
  position: relative;
}

.banner-animated-wrapper .animated-catterpilar-wrapper {
  position: absolute;
  top: 70px;
  width: 155px;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  left: 100px;
}

.banner-animated-wrapper .animated-catterpilar-wrapper:hover {
  width: 210px;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
}

.banner-animated-wrapper .butterfly-catterpilar-wrapper {
  width: 210px;
  position: absolute;
  bottom: 14%;
  right: -7%;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
}

.banner-animated-wrapper .butterfly-catterpilar-wrapper:hover {
  width: 320px;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
}

.banner-animated-phone {
  max-width: 685px;
  bottom: 0;
  margin: 0 0 0 10%;
  width: 100%;
}

.main-home-banner {
  overflow: hidden;
  padding: 150px 50px 0 50px;
  display: flex;
}

.color-blue {
  color: #3d60d9 !important;
}

.banner-bg-blue-gradiant {
  background: #3d60d9 !important;
  background: linear-gradient(180deg,
      rgba(61, 96, 217, 1) 0%,
      rgba(221, 225, 235, 1) 100%) !important;
}

.service-process-wrapper .uagb-heading-text {
  margin: 0 0 20px 0 !important;
  font-size: 26px !important;
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 800;
}

.service-process-wrapper p {
  font-size: 24px !important;
  font-weight: 500 !important;
  font-family: "Noto Sans", sans-serif !important;
  color: #4b4a4d !important;
}

.subscribe-container {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 30px !important;
  text-align: left;
  max-width: 990px;
  color: #fff;
  width: 100%;
  /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); */
  backdrop-filter: blur(10px);
}

.btn-center .wp-block-button {
  justify-content: center;
}

.download-app-button-blue.page-not-found-btn a {
  max-width: 280px;
}

.subscribe-form {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
  box-sizing: border-box;
}

.subscribe-container p {
  font-size: 14px !important;
  margin: 0 0 0px 0 !important;
  color: #fff !important;
}

.common-banner-title-wrapper {
  padding: 250px 0 0 0 !important;
}

.common-banner-title-wrapper h1 {
  color: #fff;
}

.subscribe-container form input {
  flex: 1;
  padding: 15px;
  border: none;
  border-radius: 8px;
  outline: none;
  font-size: 1rem;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.06);
  max-width: 500px;
  width: 100%;
  color: #fff !important;
  box-sizing: border-box;
}

.subscribe-container form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.subscribe-container form input::placeholder {
  color: #fff;
  opacity: 1;
  font-size: 15px !important;
}

.subscribe-container form input[type="hidden"],
.subscribe-container form br {
  display: none !important;
}

.subscribe-container form input[type="submit"] {
  padding: 15px 30px;
  background: #3d60d9;
  background: linear-gradient(324deg, rgba(61, 96, 217, 1) 0%, rgba(134, 158, 247, 1) 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  border: 1px solid #6987f2;
  max-width: 160px;
  margin: 0 0 0 15px;
  box-sizing: border-box;
}

.subscribe-form button:hover {
  background: #3d60d9;
  background: linear-gradient(324deg,
      rgba(134, 158, 247, 1) 0%,
      rgba(61, 96, 217, 1) 100%);
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
}

.subscription-wrapper-custom.subscribe-container {
  padding: 0;
  color: #000000 !important;
}

.subscription-wrapper-custom.subscribe-container p {
  font-size: 24px !important;
  margin: 0 0 0px 0 !important;
  color: #000000 !important;
}

.subscription-wrapper-custom.subscribe-container form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.subscription-wrapper-custom.subscribe-container form input {
  flex: 1;
  padding: 25px 15px;
  border: none;
  border-radius: 4px;
  outline: none;
  font-size: 1rem;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.06);
  max-width: 990px;
  width: 100%;
  color: #464646 !important;
  margin: 0 0 25px 0;
  border: 1px solid #acabab;
  height: 70px !important;
}

.subscription-wrapper-custom.subscribe-container form input::placeholder {
  color: #acabab;
  opacity: 1;
}

.subscription-wrapper-custom.subscribe-container form input[type="submit"] {
  padding: 22px 30px;
  background: #3d60d9;
  background: linear-gradient(324deg, rgba(61, 96, 217, 1) 0%, rgba(134, 158, 247, 1) 100%);
  border: none;
  border-radius: 8px;
  color: #fff !important;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  border: 1px solid #6987f2;
  max-width: 100%;
  margin: 0 0 0 0px;
  box-shadow: 0 10px 20px rgba(61, 96, 217, 0.2);
  height: 65px !important;
}

.footer-navigation-menu ul {
  columns: 2;
  column-gap: 80px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.footer-navigation-menu ul li {
  margin-bottom: 20px;
  /* space between items vertically */
}

.footer-content {
  width: 100%;
  max-width: 420px;
  font-weight: 200;
  margin: 0 0 20px 0 !important;
}

.track-health-heading-main {
  margin: 15px 0 25px 0 !important;
}

.productive-loss-wrapper {
  min-height: 185px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  padding: 30px;
  background: #d6612b;
  background: linear-gradient(324deg,
      rgba(214, 97, 43, 1) 0%,
      rgba(235, 107, 47, 1) 50%,
      rgba(239, 137, 89, 1) 100%);
}

.productive-loss-wrapper .wp-block-heading {
  font-size: 1.5rem !important;
  color: #000;
  margin: 0 0 15px 0;
}

.productive-loss-wrapper p {
  font-size: 24px !important;
  font-weight: 400 !important;
}

.productive-loss-wrapper .wp-block-image {
  position: absolute;
  right: -9px;
  bottom: -6px;
}

.executive-coaching-wrapper {
  min-height: 185px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  padding: 25px;
  background: #009a84;
  background: linear-gradient(333deg,
      rgba(0, 154, 132, 1) 0%,
      rgba(62, 210, 190, 1) 100%);
}

.executive-coaching-wrapper .wp-block-heading {
  font-size: 1.5rem !important;
  color: #000;
  margin: 0 0 15px 0;
}

.executive-coaching-wrapper p {
  font-size: 24px !important;
  font-weight: 400 !important;
}

.executive-coaching-wrapper .wp-block-image {
  position: absolute;
  right: 0;
  bottom: -6px;
  width: 254px;
}

.service-box-common-wrapper {
  overflow: hidden !important;
  padding: 50px !important;
}

.service-box-common-wrapper img {
  width: 105% !important;
  background: #fff !important;
  height: 104% !important;
}

.service-box-common-wrapper .wp-block-cover__inner-container .wp-block-heading {
  font-size: 1.5rem !important;
  margin: 0 0 20px 0;
}

.service-box-common-wrapper .wp-block-cover__inner-container p {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #181616 !important;
}

.card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.blog-inner-wrapper h3 {
  font-size: 28px !important;
  margin: 0 0 25px 0;
}

.blog-inner-wrapper .date-wrapper {
  font-size: 12px;
  color: #000;
  background-color: rgba(214, 97, 43, 0.2);
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  max-width: 176px;
  width: 100%;
  text-align: center;
  margin: 0 0 15px 0;
}

.blog-inner-wrapper p {
  font-weight: 500 !important;
  color: #646464 !important;
}

.swiper-button-prev,
.swiper-button-next {
  display: none !important;
}

.toggle-container {
  position: relative;
  display: flex;
  max-width: 560px !important;
  width: 100%;
  height: 56px;
  background: #e0e0e0;
  /* background-color: #545454; */
  border-radius: 50px;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
}

.toggle-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: linear-gradient(135deg, #f46b45, #eea849);
  border-radius: 50px;
  transition: all 0.3s ease;
  z-index: 1;
}

.toggle-option {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  z-index: 2;
  color: #545454;
  transition: color 0.3s ease;
}

.toggle-option.active {
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.plan-sec-wrapper {
  margin-top: 70px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.plan-box-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 0 80px 0;
}

.plan-box-wrapper .plan-box-inner {
  background: #5978e4;
  background: linear-gradient(180deg,
      rgba(89, 120, 228, 1) 0%,
      rgba(150, 169, 234, 1) 100%);
  padding: 60px 55px;
  width: 22%;
  border-radius: 35px;
  box-shadow: 0 10px 25px 0 rgba(105, 135, 242, 0.6);
  min-height: 580px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.plan-box-wrapper .plan-view {
  width: 42%;
  position: relative;
}

.plan-box-wrapper .plan-view img {
  position: absolute;
  left: -69px;
  right: 0;
  display: block;
  margin: 0 auto 0 auto;
  bottom: -80px;
  width: 92%;
}

.purchese-nox {
  padding: 15px 30px;
  background: #3d60d9;
  background: linear-gradient(319deg, rgba(61, 96, 217, 1) 0%, rgba(105, 135, 242, 1) 100%);
  border: none;
  border-radius: 18px;
  color: #fff;
  font-size: 0.850rem;
  cursor: pointer;
  transition: background 0.3s ease;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  border: 1px solid #6987f2;
  max-width: 280px;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans", sans-serif !important;
}

.plan-batch-orange {
  color: #fff;
  border-radius: 20px;
  padding: 6px 25px;
  background: #d6612b;
  background: linear-gradient(324deg,
      rgba(214, 97, 43, 1) 0%,
      rgba(235, 107, 47, 1) 50%,
      rgba(239, 137, 89, 1) 100%);
  font-size: 16px;
  max-width: fit-content;
  min-width: 150px;
  margin: 0 0 15px 0;
}

.plan-batch-green {
  color: #fff;
  border-radius: 20px;
  padding: 6px 25px;
  background: #009a84;
  background: linear-gradient(333deg,
      rgba(0, 154, 132, 1) 0%,
      rgba(62, 210, 190, 1) 100%);
  font-size: 16px;
  max-width: fit-content;
  min-width: 150px;
  margin: 0 0 15px 0;
}

.plan-amount {
  display: flex;
  margin: 0 0 35px 0;
}

.plan-amount .doller-sign {
  color: #fff;
  font-size: 4rem;
  padding: 0 20px 0 0;
  font-family: "Roboto Serif", serif;
  font-weight: 600;
}

.plan-amount .doller-amount {
  color: #fff;
  font-size: 2.5rem;
  font-family: "Roboto Serif", serif;
  text-align: left;
  font-weight: 600;
}

.plan-box-inner .price-small-amount {
  font-size: 1rem;
  text-align: left;
  margin: 0 0 50px 0;
  color: #fff;
}

.plan-amount .doller-amount span {
  color: #fff;
  font-size: 1.7rem;
  font-family: "Noto Sans", sans-serif;
  display: block;
  text-transform: capitalize;
  text-align: left;
}

/* Scroller Slider Css */
.single-height {
  min-height: 100vh;
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

.inner-container-one {
  font-size: 18px;
  padding: 120px 15px 0 15px;
}

.inner-container-one p {
  margin: 0 0 35px 0;
}

.section-three {
  position: relative;
  height: calc(90vh * 5);
  /* 1 heading + 5 inner sections */
  background: #f0f0f0;
}

.sticky-container {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}

.inner-container-one {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 1rem;
  opacity: 0;
  transform: translateY(-100px);
  transition: all 0.5s ease;
  z-index: 20;
}

.inner-container-one.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  z-index: 50;
}

.section-three .section-heading {
  position: sticky;
  top: 105px;
  background: transparent;
  z-index: 10;
  padding: 10px 0;
}

.section-heading h2 {
  text-align: center;
  color: #d6612b;
}

.slider-left-content {
  width: 52%;
  height: 74%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slider-right {
  height: 75%;
  width: 48%;
  position: relative;
}

.slider-right div {
  position: relative;
  bottom: -5px;
}

.slider-left-content p {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 !important;
}

.download-app-button-blue.link-button-wrapper .wp-block-button a {
  position: relative;
  overflow: hidden;
  z-index: 1;

  max-width: 230px;
  width: 100%;
  border-radius: 10px !important;
  padding: 25px 48px !important;
  background: var(--primary-bg-blue-gradient);
  box-shadow: 0 4px 20px rgba(61, 96, 217, 0.5);

  text-align: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /* ✅ Smooth transition for width + overlay fade */
  transition: max-width 0.5s ease;
}

/* ✅ Gradient overlay for hover */
.download-app-button-blue.link-button-wrapper .wp-block-button a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-bg-orange-gradient);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.download-app-button-blue.link-button-wrapper .wp-block-button a:hover::before {
  opacity: 1;
}

/* ✅ Hover: smoothly increase width */
.download-app-button-blue.link-button-wrapper .wp-block-button a:hover {
  max-width: 230px;
}

.download-app-button-blue.link-button-wrapper .wp-block-button a::after {
  position: absolute;
  content: "";
  background-image: url(../images/move-up-right-white.png);
  width: 26px;
  height: 26px;
  right: 50px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.download-app-button-blue.link-button-wrapper .wp-block-button a:hover::after {
  opacity: 1;
}

.card .blog-inner-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 65px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.card .blog-inner-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(7, 16, 48, 0.35) 53%,
      rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
}

.card .blog-inner-wrapper:hover::before {
  opacity: 1;
}

.card .blog-inner-wrapper .blog-read-more {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.card .blog-inner-wrapper:hover .blog-read-more {
  opacity: 1;
  transform: translateY(0);
}

.card .blog-inner-wrapper:hover .date-wrapper {
  background-color: #3d60d9;
  color: #fff;
}

.card .blog-inner-wrapper:hover h3,
.card .blog-inner-wrapper:hover p,
.blog-inner-wrapper:hover h3,
.blog-inner-wrapper:hover p {
  color: #fff !important;
}

.blog-read-more {
  position: relative;
  overflow: hidden;
  z-index: 1;

  max-width: 150px;
  width: 100%;
  border-radius: 10px !important;
  padding: 17px 48px !important;
  background: var(--primary-bg-white-gradient);
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); */

  text-align: center;
  color: #3d60d9;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /* ✅ Smooth transition for width + overlay fade */
  transition: max-width 0.5s ease;
  opacity: 0;
}

/* ✅ Gradient overlay for hover */
.blog-read-more::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-bg-blue-gradient);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.blog-read-more:hover::before {
  opacity: 1;
}

/* ✅ Hover: smoothly increase width */
.blog-read-more:hover {
  max-width: 150px;
  color: #fff;
}

.blog-read-more::after {
  position: absolute;
  content: "";
  background-image: url(../images/move-up-right-white.png);
  width: 26px;
  height: 26px;
  right: 35px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-size: 95%;
}

.blog-read-more:hover::after {
  opacity: 1;
}

/* 1️⃣ Create the counter on the parent container */
.common-faq-wrapper-main {
  counter-reset: faq-counter;
  /* initialize the counter */
}

/* 2️⃣ Increment the counter for each child */
.common-faq-wrapper-main .wp-block-uagb-faq-child {
  counter-increment: faq-counter;
  position: relative;
  /* needed for positioning the number */
}

/* 3️⃣ Add the number using ::before */
.common-faq-wrapper-main .wp-block-uagb-faq-child::before {
  content: counter(faq-counter, decimal-leading-zero);
  position: absolute;
  left: 60px;
  top: 23px;
  font-weight: 500;
  color: #9d96a8;
  font-size: 55px;
}

.common-faq-wrapper-main .wp-block-uagb-faq-child,
.common-faq-wrapper-main .accor-list-wrapper {
  background-color: #ebedef;
  border: none;
  outline: none;
  padding: 30px 55px 30px 155px;
}

.common-faq-wrapper-main .wp-block-uagb-faq-child.uagb-faq-item-active,
.common-faq-wrapper-main .accor-list-wrapper.uagb-faq-item-active {
  background-color: #f3e7e0;
}

.common-faq-wrapper-main .wp-block-uagb-faq-child .uagb-question {
  font-size: 1.5rem;
  font-weight: 500 !important;
  color: #000;
}

.wp-block-uagb-faq-child .uagb-faq-icon-wrap.uagb-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background-color: #fff;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.wp-block-uagb-faq-child.uagb-faq-item-active .uagb-faq-icon-wrap.uagb-icon {
  display: none !important;
}

.uagb-faq-icon-wrap.uagb-icon svg {
  fill: #d6612b !important;
}

.wp-block-uagb-faq-child .uagb-faq-icon-wrap.uagb-icon-active {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: var(--primary-bg-orange-color);
  background: var(--primary-bg-orange-gradient);
  display: none !important;
  justify-content: center !important;
  align-items: center !important;
}

.wp-block-uagb-faq-child.uagb-faq-item-active .uagb-faq-icon-wrap.uagb-icon-active {
  display: flex !important;
}

.uagb-faq-icon-wrap.uagb-icon-active svg {
  fill: #fff !important;
}

.butterfly-bg {
  position: relative;
  overflow: hidden;
}

.butterfly-bg:after {
  width: 800px;
  height: 800px;
  content: "";
  position: absolute;

  z-index: 20;
  background-image: url("../images/alt-blue-bg-butterfly.png");
  background-position: 100%;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}

.butterfly-bg .wp-block-group {
  position: relative;
  z-index: 50;
}

/** Tab Css **/
.service-tab-common .uagb-tabs__align-left {
  min-width: 50% !important;
  max-width: 50% !important;
}

.service-tab-common .uagb-tabs__align-left li {
  border: none !important;
  margin: 0 0 25px 0 !important;
}

.service-tab-common .uagb-tabs__align-left li a,
.service-tab-common .uagb-tabs__align-left li a:hover,
.service-tab-common .uagb-tabs__align-left li a:focus {
  text-decoration: none !important;
  outline: none;
  height: 75px;
  padding: 0px 0px !important;
  justify-content: flex-start;
}

.service-tab-common .uagb-tabs__align-left li a,
.service-tab-common .uagb-tabs__align-left li a div {
  font-size: 1.5rem;
  font-family: "Roboto Serif", serif !important;
  color: #fff !important;
}

.service-tab-common .uagb-tabs__body-wrap {
  border: none !important;
  padding: 15px 15px 15px 45px;
}

.service-tab-common .uagb-tabs__align-left li.uagb-tabs__active a {
  position: relative !important;
  overflow: hidden;
  z-index: 1;
  /* max-width: 580px; */
  width: calc(100% - 100px);
  border-radius: 10px !important;
  padding: 0px 48px !important;
  background: var(--primary-bg-orange-gradient);
  box-shadow: 0 4px 20px rgba(61, 96, 217, 0.5);
  text-align: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: max-width 0.5s ease;
  height: 75px;
}

.service-tab-common .uagb-tabs__align-left li.uagb-tabs__active a::after {
  position: absolute;
  content: "";
  background-image: url(../images/move-up-right-white.png);
  width: 26px;
  height: 26px;
  right: 50px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.special-allot-heading {
  font-size: 2.8rem !important;
  margin: 0 0 40px 0 !important;
}

/* Basic tab styles */
.tabs-wrapper {
  display: flex;
  align-items: center;
}

.tabs {
  display: flex;
  border-bottom: 0px solid #ccc;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}

.tab {
  padding: 10px 0px;
  cursor: pointer;
  border: none;
  background: none;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  width: 460px;
  bottom: -10px;
  left: -100px;
  color: #fff;
  text-decoration: none !important;
  border: none;
  outline: none;
}

.tab:hover,
.tab:focus {
  border: none;
  outline: none;
}

.tab:nth-child(2) {
  left: 0;
  width: 565px;
  right: 15%;
  display: block;
  margin: 0 auto;
}

.tab:nth-child(3) {
  left: auto;
  right: 0;
  width: 440px;
}

.tab.active {
  border-bottom: 0px solid #007bff;
  color: #fff;
}

.tab .cto-pro-img img {
  transform: scale(1);
  filter: grayscale(100%);
  transition: transform 0.3s ease, filter 0.3s ease;
  /* smooth transition for both */
}

.tab.active .cto-pro-img img {
  transform: scale(1.1);
  filter: grayscale(0%);
}

/* Base state: hidden */
.tab-content {
  opacity: 0;
  transform: translateX(-20px);
  pointer-events: none;
  max-height: 100%;
  /* optional: helps avoid visible flicker */
  overflow: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease;
  padding: 80px 75px 80px 45px;
  border-top: none;
  display: none;
  /* fully hidden by default */
}

/* Active state: visible and animated */
.tab-content.active {
  display: block;
  opacity: 1;
  /* show immediately */
}

.tab-content p {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.tab-content.active p {
  opacity: 1;
  transform: translateX(0);
}

.nav-arrow {
  width: 55px;
  height: 55px;
  border: none;
  border-radius: 50%;
  background-color: #f5f7fa;
  /* light circle */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

.nav-arrow .chevron {
  font-size: 24px;
  color: #4169e1;
  /* blue arrow color (adjust as needed) */
  line-height: 1;
}

.nav-arrow:hover {
  background-color: #e0e6f0;
  /* slightly darker on hover */
  transform: scale(1.05);
}

.nav-arrow:focus {
  outline: none;
}

.nav-arrow:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.cts-worpper-main {
  display: flex;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.cts-worpper-main .tab-content-custom-wrapper {
  width: 52%;
  padding: 0 20px;
}

.cts-worpper-main .tabs-wrapper {
  width: 48%;
  padding: 0 20px;
  position: relative;
}

.cto-panel {
  min-height: 100vh;
}

.tab-content-custom-wrapper .tab-content p {
  color: #fff !important;
}

.tab .cto-pro-img {
  width: 100%;
  position: relative;
}

.tab .cto-pro-img img {
  width: 100%;
}

.tab:nth-child(2) {
  z-index: 10;
}

.tab:nth-child(1),
.tab:nth-child(3) {
  z-index: 30;
}

.tab-navigations {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.tab-navigations .nav-arrow {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 25px !important;
}

.tab-navigations .nav-arrow img {
  width: 55% !important;
  height: 55% !important;
  object-fit: contain !important;
}

.tab::before {
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  width: 1px;
  position: absolute;
}

.tab:nth-child(1)::before {
  bottom: 0;
  left: 70px;
  height: 85vh;
}

.tab:nth-child(2)::before {
  bottom: 0;
  left: 208px;
  height: 90vh;
}

.tab:nth-child(3)::before {
  bottom: 0;
  left: 166px;
  height: 96vh;
}

.tabs .tab .cto-details-panel {
  max-width: 240px;
  text-decoration: none;
  margin: 0 auto 17% 0;
  position: relative;

  padding: 16px;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  font-family: "Roboto Serif", serif;
  font-weight: 500 !important;
}

.tabs .tab .cto-details-panel span {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 300 !important;
  display: block;
}

.tabs .tab.active .cto-details-panel {
  background: var(--primary-bg-orange-gradient);
}

.tabs .tab:nth-child(1) .cto-details-panel {
  left: 18%;
}

.tabs .tab:nth-child(2) .cto-details-panel {
  left: 40%;
  top: 70px;
}

.tabs .tab:nth-child(3) .cto-details-panel {
  left: 44%;
  top: -70px;
}

.footer-main-logo {
  max-width: 300px;
  width: 100%;
  margin: 0 0 25px 0;
}

.custom-logo-link img {
  width: 100% !important;
  max-width: 320px !important;
}

.blog-listing-wrapper {
  padding: 80px 0;
}

.blog-listing-wrapper .blog-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.blog-listing-wrapper .blog-container .blog-item {
  padding: 0 15px;
  width: 33.33%;
  margin: 0 0 35px 0;
  box-sizing: border-box;
}

.blog-listing-wrapper .blog-container .blog-item .card .blog-inner-wrapper .blog-read-more {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out,
    box-shadow 0.4s ease-in-out;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.blog-listing-wrapper .blog-container .blog-item .card .blog-inner-wrapper:hover .blog-read-more,
.blog-listing-wrapper .blog-container .blog-item .card .blog-inner-wrapper:focus .blog-read-more {
  opacity: 1;
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
  outline: none !important;
}

.blog_pagenavi {
  width: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

.blog_pagenavi .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog_pagenavi .pages {
  background-color: rgba(214, 97, 43, 0.2);
  padding: 15px 25px;
  color: var(--primary-bg-orange-color);
  margin: 0 5px 0 0;
  border: none;
  border-radius: 4px;
}

.blog_pagenavi .page,
.blog_pagenavi .current,
.blog_pagenavi .nextpostslink,
.blog_pagenavi .previouspostslink {
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin: 0 10px;
  border: none;
}

.blog_pagenavi .current {
  background: var(--primary-bg-blue-gradient);
  color: #fff;
}

body.page-template-inner-page-template main {
  margin: 0 !important;
}

.sidebar-latest-post .blog-listing-wrapper .blog-container {
  flex-wrap: wrap;
}

.sidebar-latest-post .blog-listing-wrapper .blog-container .blog-item {
  width: 100%;
}

.sidebar-latest-post .blog_pagenavi {
  display: none !important;
}

/******** 27'th June 2025 ********/
/******** Blog Details ********/
.single-post h1.wp-block-post-title {
  margin-left: auto !important;
}

/******** End Of Blog Details ********/
.subscribe-container .hsfc-RichText {
  display: none !important;
}

.blog-listing-wrapper p {
  display: none;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card {
  overflow: hidden;
  height: 550px;
  border-radius: 35px;
  box-shadow: 0 10px 28px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: flex-end;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card p {
  overflow: hidden;
  height: 550px;
  border-radius: 35px;
  display: flex;
  align-items: flex-end;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card img,
.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card p img {
  width: 100%;
  height: 130%;
  object-fit: cover;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card p,
.blog-listing-wrapper .blog-container .blog-item .card p {
  display: block;
  width: 100%;
  position: relative;
  bottom: -12px;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card .blog-inner-wrapper p,
.blog-listing-wrapper .blog-container .blog-item .card .blog-inner-wrapper p {
  display: block;
  width: 100%;
  position: relative;
  bottom: 0;
  border-radius: 0;
  height: auto;
  margin: 0 0 55px 0 !important;
  overflow: unset !important;
  font-size: 1rem !important;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card .blog-inner-wrapper {
  padding: 40px 45px;
}

.sidebar-latest-post.hide-paragraph-tag p {
  display: none;
}

.blog-listing-wrapper.single-sidebar-wrapper {
  padding: 20px 0 45px 0 !important;
}

.blog-listing-wrapper .blog-container .blog-item.for_sidebar .card .blog-inner-wrapper p.excerp-content,
.blog-listing-wrapper .blog-container .blog-item .card .blog-inner-wrapper p.excerp-content {
  margin: 0 0 35px 0 !important;
}

.blog-custom-banner-single-wrapper {
  max-width: 980px;
  margin: 0 0 0 0 !important;
}



.post-auth-read {
  display: flex !important;
  gap: 12px;
}

.post-auth-read p {
  margin: 0 !important;
}

.post-auth-read a,
.post-auth-read a:hover,
.post-auth-read a:focus {
  text-decoration: none !important;
}

.swiper-container {
  max-width: 1660px;
  margin: 0 auto;
  padding: 0 15px;
}

.blog-custom-banner-single-wrapper .post-auth-date {
  color: #fff;
  background-color: #d6612b;
  padding: 5px 10px;
  border-radius: 20px;
  display: flex !important;
  max-width: fit-content;
  width: 100%;
  font-size: 18px !important;
  text-align: center;
  gap: 13px !important;
  justify-content: center;
  align-items: center;
}

.blog-custom-banner-single-wrapper .post-auth-date {
  display: flex;
}

.blog-custom-banner-single-wrapper .post-auth-date p {
  margin: 0 !important;
  font-size: 18px !important;
}

.blog-inner-content h2 {
  font-size: 55px !important;
}

/* Initialize the counter in the parent container */
.main-side-counter {
  max-width: 1460px;
  width: 100%;
  margin: 0 auto;
  counter-reset: form-counter;
}

.frmProgressBar {
  max-width: 1460px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

/* Style each .main-group-form-wrapper and increment the counter */
.main-side-counter .main-group-form-wrapper {
  margin: 0 0 65px 0 !important;
  position: relative;
  counter-increment: form-counter;
}

.main-side-counter .main-group-form-wrapper:last-child {
  margin: 0 0 5px 0 !important;
}

/* Add the counter after each .main-group-form-wrapper */
.main-group-form-wrapper::after {
  content: counter(form-counter);
  position: absolute;
  top: -5px;
  left: -130px;
  color: #9fb2ec;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 75px;
  font-family: "Roboto Serif", serif !important;
}

.main-group-form-wrapper:last-child:after {
  display: none !important;
}

.main-group-form-wrapper p {
  margin: 0 0 0 0 !important;
}

.main-group-form-wrapper input {
  width: 100%;
  height: 60px;
  border-radius: 18px;
  padding: 10px 30px 10px 68px;
  font-size: 1.1rem;
  border: 1px solid #4264dc;
  box-sizing: border-box;
}

.main-group-form-wrapper label {
  display: block;
  margin: 0 0 22px 0;
  font-family: "Roboto Serif", serif !important;
  color: #000 !important;
}

.main-side-counter .main-group-form-wrapper .common-input-wrapper {
  position: relative;
}

.main-side-counter .main-group-form-wrapper .common-input-wrapper:after {
  position: absolute;
  content: '';
  width: 27px;
  height: 100%;
  left: 25px;
  top: 0;
  background-repeat: no-repeat;
  background-size: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
}

.main-side-counter .main-group-form-wrapper:nth-child(1) .common-input-wrapper:after {
  background-image: url('../images/user-single-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(2) .common-input-wrapper:after {
  background-image: url('../images/post-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(3) .common-input-wrapper:after {
 background-image: url('../images/checked-vector.png'); 
}

.main-side-counter .main-group-form-wrapper:nth-child(4) .common-input-wrapper:after {
	background-image: url('../images/doller-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(5) .common-input-wrapper:after {
  background-image: url('../images/fire-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(6) .common-input-wrapper:after {
  background-image: url('../images/replaced-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(7) .common-input-wrapper:after {
  background-image: url('../images/calendar-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(8) .common-input-wrapper:after {
  background-image: url('../images/user-vector.png');
}

.main-side-counter .main-group-form-wrapper:nth-child(9) .common-input-wrapper:after {
  background-image: url('../images/calendar-vector.png');
}

.page-template-inner-page-template .cto-panel {
  overflow: hidden;
}

.common-submit-wrapper input {
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 70px;
  max-width: 300px;
  width: 100%;
  border-radius: 10px !important;
  padding: 25px 48px !important;
  background: var(--primary-bg-blue-gradient);
  box-shadow: 0 4px 20px rgba(61, 96, 217, 0.5);

  text-align: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /* ✅ Smooth transition for width + overlay fade */
  transition: max-width 0.5s ease;
  cursor: pointer;
}

/* ✅ Gradient overlay for hover */
.common-submit-wrapper input::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--primary-bg-orange-gradient);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.common-submit-wrapper input:hover::before {
  opacity: 1;
}

/* ✅ Hover: smoothly increase width */
.common-submit-wrapper input:hover {
  max-width: 300px;
}

.common-submit-wrapper input::after {
  position: absolute;
  content: "";
  background-image: url(../images/move-up-right-white.png);
  width: 26px;
  height: 26px;
  right: 50px;
  top: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.common-submit-wrapper input:hover::after {
  opacity: 1;
}

.main-side-counter .main-group-form-wrapper .common-input-wrapper .wpcf7-not-valid-tip {
  position: absolute;
  top: 58px;
  font-size: 18px;
}

.common-banner-title-wrapper p {
  color: #fff !important;
}


/* Progress Bar Styles */
.frmProgressBar {
  position: relative;
  width: 100%;
  height: 20px;
  background: #CFDBE8;
  border-radius: 10px;
  margin-bottom: 180px;
  overflow: unset !important;
}

.frmProgressBar .colorBG {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #d6612b;
  transition: width 0.4s ease;
  border-radius: 50px;
}

.frmProgressBar .progressTrackerytxt {
  max-width: 260px;
  width: 220px;
  display: flex;
  position: absolute;
  right: -120px;
  top: 57px;
  color: #d6612b;
  left: 0;
}

.frmProgressBar.in-progress .progressTrackerytxt {
  right: unset;
}

.frmProgressBar.complete .progressTrackerytxt {
  right: 0;
}

.frmProgressBar .colorBG img.img_catterpillar {
  width: 103px;
  position: absolute;
  top: -44px;
  display: flex;
  right: -58px;
}

.frmProgressBar .colorBG img.img_butterfly {
  width: 135px;
  position: absolute;
  top: -29px;
  display: flex;
  display: none;
}

.frmProgressBar.complete .colorBG img.img_catterpillar {
  width: 103px;
  position: absolute;
  top: -44px;
  display: none;
  right: -58px;
}

.frmProgressBar.complete .colorBG img.img_butterfly {
  width: 135px;
  position: absolute;
  top: -29px;
  display: flex;
  right: -32px;
}

.wp-block-post-banner-inner {
  margin: 0 !important;
}

.wp-block-post-banner-inner .wp-block-post-banner-inner-content {
  height: 100vh !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.wp-block-post-banner-inner .wp-block-post-banner-inner-content .wp-block-post-banner-inner-content-text {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  padding: 0 25px;
  align-items: center;
}

.blog-custom-banner-single-wrapper {
  padding: 50px 0;
}

.blog-custom-banner-single-wrapper p {
  color: #fff !important;
}

.single-sidebar-content-panel .wp-block-heading {
  font-family: "Noto Sans", sans-serif !important;
  color: #000 !important;
  font-size: 2rem !important;
}

/* Custom plan form UI */
.main-side-counter.custom-plan-form-lead {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper::after {
  display: none !important;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper label {
  display: block;
  margin: 0 0 12px 0;
  font-size: 18px;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper label span {
  color: red;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper {
  margin: 0 0 20px 0 !important;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper .common-input-wrapper .wpcf7-not-valid-tip {
  position: static;
  font-size: 16px;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper .common-input-wrapper:after {
  display: none !important;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper input {
  height: 50px;
  border-radius: 18px;
  padding: 15px 30px 15px 30px;
  font-size: 1rem;
  border: 1px solid #4264dc;
}

.main-side-counter.custom-plan-form-lead .main-group-form-wrapper textarea {
  height: 100px;
  border-radius: 18px;
  padding: 15px 30px 15px 30px;
  font-size: 1rem;
  border: 1px solid #4264dc;
  width: 100% !important;
  box-sizing: border-box;
}

.main-side-counter.custom-plan-form-lead .common-submit-wrapper input {
  padding: 13px 48px !important;
}

#popmake-247 .pum-title,
#popmake-254 .pum-title {
  font-family: "Roboto Serif", serif !important;
  color: #d6612b !important;
  margin: 0 0 45px 0;
  text-align: center;
  font-weight: 600 !important;
}

/* Main Plan form UI*/

.form-group-company {
  display: flex;
  flex-direction: column;
  width: 100%;

}

.form-group-company.full-width {
  width: 100%;
}

.form-group-company label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

.form-group-company input,
.form-group-company select {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #4264dc;
  border-radius: 4px;
}

.form-group-company input:invalid,
.form-group-company input:required:invalid,
.form-group-company input.error,
.form-group-company select.error {
  border-color: red;
}

.form-group-company label span {
  color: red;
}

.form-group-company .error {
  font-size: 12px;
  color: red;
  margin-top: 2px;
}

.form-group-company .buttons {
  margin-top: 20px;
  width: 100%;
  display: flex;
  gap: 10px;
}

.form-group-company button {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.form-group-company .add-btn {
  background-color: #1A73E8;
  color: white;
}

.form-group-company .reset-btn {
  background-color: #FF6B00;
  color: white;
}

.form-row-group {
  display: block;
  margin: 0 0 35px 0;
  max-width: 1600px;
  margin: 0 auto;
}

.form-group-heading {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.form-group-heading h3 {
  display: block;
  margin: 0 0 12px 0;
  font-family: "Roboto Serif", serif !important;
  color: #000 !important;
  font-size: 1.2rem !important;
}

.form-group-heading.org-admin-panel {
  justify-content: space-between;
}

.form-group-heading .add-org-admin {
  padding: 0 0 0 15px;
}

.form-group-heading .add-org-admin button {
  width: 40px;
  height: 40px;
  border: #1A73E8;
  background-color: #1A73E8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.form-inner-row {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.form-inner-row.added-org {
  flex-wrap: nowrap;
}

.form-col-field {
  width: 33.33%;
  padding: 0 15px;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}

.form-col-auto {
  width: auto;
  padding: 0 15px;
}

.del-org-row {
  width: 40px;
  height: 40px;
  border: #1A73E8;
  background-color: #1A73E8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 20px 0 0 0;
}

form .form-row-group {
  margin: 0 auto 15px auto;
}

form .form-row-group:last-child {
  margin: 0 0 0px 0;
}

.buttons {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 1600px;
  margin: 0 auto;
}

.buttons .add-btn {
  padding: 10px 30px;
  background: #3d60d9;
  background: linear-gradient(319deg, rgba(61, 96, 217, 1) 0%, rgba(105, 135, 242, 1) 100%);
  border: none;
  border-radius: 18px;
  color: #fff;
  font-size: 0.850rem;
  cursor: pointer;
  transition: background 0.3s ease;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  border: 1px solid #6987f2;
  max-width: 130px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans", sans-serif !important;
}

.buttons .reset-btn {
  padding: 10px 30px;
  background: var(--primary-bg-orange-color);
  background: var(--primary-bg-orange-gradient);
  border: none;
  border-radius: 18px;
  color: #fff;
  font-size: 0.850rem;
  cursor: pointer;
  transition: background 0.3s ease;
  transition: width 0.5s ease;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  border: 1px solid #6987f2;
  max-width: 130px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans", sans-serif !important;
}

.loader {
  width: 25px;
  height: 25px;
  border: 5px dotted #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

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

.help_support_app {
  display: flex;
  align-items: flex-end;
}

.plan-amount.app-download {
  height: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
}

.slider-right {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}

.slider-right:after {
  position: absolute;
  z-index: 30;
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 600px;
  max-height: 600px;
  background-size: 100%;
}

.slider-right:nth-child(1)::after {
  background-image: url('../images/below-frame1.png');
}

.slider-right:nth-child(2)::after {
  background-image: url('../images/below-frame4.png');
}

.slider-right:nth-child(3)::after {
  background-image: url('../images/below-frame3.png');
}

.slider-right:nth-child(4)::after {
  background-image: url('../images/below-frame4.png');
}

.slider-right img {
  width: 100%;
  max-width: 330px;
  position: inherit;
  z-index: 100;
}

/*  Mobile Menu Css */
.sidebarmenu_toggler {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sidebarmenu_toggler a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sidebarmenu_toggler a .menuContentMain {
  color: var(--color-yellow) !important;
  font-weight: 500 !important;
  display: flex;
  margin: 0 0 0 6px !important;
}

.bthn-hambarg {
  width: 32px;
  height: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.bthn-hambarg .strip-menu {
  width: 100%;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
}

.sidebar_inner_scroller {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: calc(100% - 209px);
}

.sidebar_inner_scroller p {
  margin: 0 !important;
}

.main_menu_wrapper {
  height: calc(100% - 90px);
  width: 100%;
  overflow: auto;
}

.asidebar_button_footer {
  margin: 0;
  width: 100%;
  height: 80px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  display: flex;
}

.asidebar_button_footer ul {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
  width: 100%;
}

.asidebar_button_footer ul li {
  padding: 0 5px;
  width: 100%;
  list-style-type: none !important;
}

.asidebar_button_footer ul li a.btn-footer {
  width: 100% !important;
  max-width: 100% !important;
  height: 56px !important;
  text-transform: uppercase !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 6px !important;
  color: var(--color-blue) !important;
  cursor: pointer;
  background-color: var(--color-white) !important;
}

.asidebar_button_footer ul li::after,
.asidebar_button_footer ul li:market {
  display: none !important;
}

.asidebar_button_footer ul li a.btn-orange {
  background-color: var(--color-blue);
}

.asidebar_button_footer ul li a.btn-green {
  background-color: var(--color-blue);
}

.contact-close span {
  color: #fff !important;
}

.sidebarmenu_toggler {
  display: none;
}

.sidebar_overlay.activeOverlay {
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  opacity: 1;
  z-index: 999998;
  display: block;
}

.sidebar_overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: -1;
  content: "";
  position: fixed;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  opacity: 0;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  backdrop-filter: blur(2px);
  display: none;
  margin: 0;
}

body.noScrolling {
  overflow: hidden !important;
  height: 100vh !important;
}

.asidebar_menu_toggler {
  display: none;
  margin: 0;
}

.asidebar_contact.active_sidebar {
  transform: translate(0, 0);
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  right: 0%;
  opacity: 1;
  z-index: 999999;
}

.asidebar_contact {
  background-color: #fff !important;
  padding: 30px !important;
  position: fixed;
  top: 0;
  opacity: 0;
  right: -100%;
  bottom: 0;
  width: 100%;
  max-width: 350px;
  z-index: 0;
  transform: translate(0, 0);
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  margin: 0 !important;
  display: flex;
}

.asidebar_contact.stheadwig_menu {
  padding: 0px !important;
}

/* CSS Modification on 25-02-2025 for header Navigation 3rd level menu widget alignment Start */
.asidebar_contact.stheadwig_menu .contactsidebar_header {
  padding: 10px 15px !important;
  margin-bottom: 0;
  /* padding: 10px 30px !important; */
  background-color: #fff !important;
}

/* CSS Modification on 25-02-2025 for header Navigation 3rd level menu widget alignment Start */
.asidebar_contact.stheadwig_menu .sidebar_inner_scroller {
  padding: 30px !important;
}

/* CSS Addition on 25-02-2025 for header Navigation 3rd level menu widget alignment Start */
.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-icon svg {
  margin-top: -0.3em;
}

.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
  width: auto;
  display: block;
  padding-right: 20px;
  text-transform: uppercase;
}

.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child.open-on-hover-click .wp-block-navigation-item__content {
  padding-right: 5px;
  line-height: normal;
}

.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child.open-on-hover-click .wp-block-navigation-item__content+button+ul>li>a {
  padding-right: 20px;
  line-height: normal;
  text-transform: none;
  color: #000 !important;
}

.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation__submenu-icon {
  margin-left: 0 !important;
  margin-right: 0.6em !important;
}

.asidebar_contact.stheadwig_menu .sidebar_inner_scroller .main_menu_wrapper .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
  stroke: #fff !important;
  transform: rotate(0deg);
  margin-top: 0;
}

.how_can_help_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;

}

.contactsidebar_header {
  background: #3d60d9;
  background: linear-gradient(0deg,
      rgba(61, 96, 217, 1) 0%,
      rgba(105, 135, 242, 1) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contactsidebar_header .menu_logo img {
  max-width: 200px;
  width: 100%;
}

#form-response.success p {
  color: #5f5 !important;
}

.margin-adjustable {
  margin: 150px 0 0 0;
}

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

.pum-theme-239 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
	display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.single-sidebar-content-panel .subscribe-container {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
	padding: 30px 0 !important;
}
#toast-container {
        position: fixed;
        bottom: 40px;
        right: 40px;
        z-index: 1000;
        width: 300px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
 
    .toast-message {
        display: none;
        color: #fff;
        padding: 16px 24px;
        border-radius: 6px;
        margin-bottom: 10px;
        min-width: 250px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        font-size: 18px;
        font-weight: 400;
    }
 
    .toast-message.success-message {
        background: #4BB543;
    }
 
    .toast-message.error-message {
        background: #E74C3C;
    }

    /* 21-07-2025 */
    .privacy p {
      margin-bottom: 20px!important;
      line-height: normal;
    }
    .privacy p.margn-bt-30 {
      margin-bottom: 30px!important;
    }
    .privacy .margn-bt-30 {
      margin-bottom: 30px!important;
    }
    .privacy .margn-bt-30 p {
      margin-bottom: 0px!important;
    }
    .privacy p.margn-bt-10 {
      margin-bottom: 10px!important;
    }
    .privacy ul,
    .privacy ol {
      margin-bottom: 1.2rem;
    }
    .privacy .last-modified-date p {
      font-size: 1rem!important;
      margin-bottom: 0!important;
    }
    .privacy .summery p {
      margin-bottom: 5px!important;
    }
    .summery p strong {
      font-size: 1rem!important;
    }
    /* 21-07-2025 */