/*Bhoj food delivery app css starts here*/

@font-face {
  font-family: "Roboto";
  src: url("../woff2/roboto-regular.woff2") format("woff2"),
    url("../woff/roboto-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media only screen and (min-width: 1200px) {
  .bhoj-detail-main .bhoj-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
}

.bhoj-detail-main .bhojptb-200 {
  padding: 200px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .bhojptb-200 {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhojptb-200 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhojptb-200 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhojptb-200 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhojptb-200 {
    padding: 35px 0;
  }
}

.bhoj-detail-main .bhojpb-200 {
  padding-bottom: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .bhojpb-200 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhojpb-200 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhojpb-200 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhojpb-200 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhojpb-200 {
    padding-bottom: 35px;
  }
}
/*bhoj banner section css */
.bhoj-detail-main .bhoj-new-section-banner {
  background: url("../webp/bhoj-banner-screen.webp")
    no-repeat;
  aspect-ratio: auto 1920 / 1600;
  max-width: 100%;
  width: 100%;
  height: auto;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-new-section-banner {
    background: url("../webp/bhoj-banner-screen-2.webp")
      no-repeat;
    background-size: cover;
  }
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-new-section-banner {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .bhoj-new-section-banner {
    background-position: center;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-new-section-banner {
    height: 60vh;
    background: url("../webp/bhoj-banner-screen-3.webp")
      no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.bhoj-detail-main .bhoj-new-section-banner .section-banner-main {
  top: 30vh;
  position: absolute;
  max-width: 1140px;
  margin: 0 auto;
}

@media only screen and (max-width: 1600px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main {
    top: 26vh;
  }
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main {
    max-width: 80%;
    top: 15vh;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main {
    top: 0;
    position: relative;
    max-width: none;
  }
}

.bhoj-detail-main .bhoj-new-section-banner .section-banner-main .banner-span {
  font-size: 1.625rem;
  line-height: 2.438rem;
  color: #121212;
  position: relative;
  margin-bottom: 1rem;
  display: inline-flex;
}

@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main .banner-span {
    margin-bottom: 1.8rem;
  }
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main .banner-span {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main .banner-span {
    font-size: 1.325rem;
    line-height: 2.238rem;
    margin-bottom: 0.5rem;
  }
}

.bhoj-detail-main
  .bhoj-new-section-banner
  .section-banner-main
  .banner-span:after {
  content: "";
  top: 50%;
  width: 20px;
  background-color: #121212;
  height: 2px;
  margin: 0;
  position: absolute;
  right: -35px;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-new-section-banner
    .section-banner-main
    .banner-span:after {
    content: none;
  }
}

.bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
  font-size: 4.375rem;
  line-height: 5.625rem;
  color: #121212;
  transition: all 2s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
    font-size: 3.3rem;
    line-height: 4.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
    font-size: 3rem;
    line-height: 4.3rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 375px) {
  .bhoj-detail-main .bhoj-new-section-banner .section-banner-main h2 {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
}
/*bhoj banner section css end*/

/*bhoj about section css*/
.bhoj-detail-main .bhoj-section-ignite-about .banner-container-text {
  position: absolute;
  top: 30rem;
  max-width: 1170px;
  left: 0;
  right: 0;
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left {
  position: sticky;
  top: 80px;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-left {
    position: relative;
    top: 0;
  }
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left .small-title {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #131313;
  padding: 1rem 0 0.5rem;
  margin-bottom: 0.3rem;
  display: block;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-left .small-title {
    padding: 0 0 0.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-left .small-title {
    padding: 0 0 0.3rem;
  }
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul {
  margin-bottom: 2.8rem;
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul li {
  padding-left: 1rem;
  font-family: "Roboto";
  font-size: 1rem;
  line-height: 1.18rem;
  color: #353535;
  margin-bottom: 1.2rem;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul li {
    margin-bottom: 0.8rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul li {
    margin-bottom: 0.5rem;
  }
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul li:before {
  content: "";
  left: 0;
  background-color: #353535;
  margin: 0;
  height: 2px;
  width: 8px;
  top: 0.4rem;
  position: absolute;
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul li:last-child {
  margin-bottom: 0;
}
.bhoj-detail-main .bhoj-section-ignite-about .about-text-left ul.links li a {
  position: relative;
}
.bhoj-detail-main
  .bhoj-section-ignite-about
  .about-text-left
  ul.links
  li
  a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  bottom: -5px;
  left: 0;
  border-radius: 10px;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}

.bhoj-detail-main
  .bhoj-section-ignite-about
  .about-text-left
  ul.links
  li
  a:hover:after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-right .sub-heading {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 1.7rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right .sub-heading {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right .sub-heading {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right .sub-heading {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right .sub-heading {
    margin-bottom: 0.7rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.bhoj-detail-main
  .bhoj-section-ignite-about
  .about-text-right
  .sub-heading-details {
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-ignite-about
    .about-text-right
    .sub-heading-details {
    font-size: 1.12rem;
    line-height: 1.75rem;
    margin-bottom: 0;
  }
}

.bhoj-detail-main .bhoj-section-ignite-about .about-text-right ul li {
  padding-left: 1rem;
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 0.8rem;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right ul li {
    font-size: 1.12rem;
    line-height: 1.9rem;
    margin-bottom: 0.3rem;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right ul li {
    line-height: 1.75rem;
  }
}
.bhoj-detail-main
  .bhoj-section-ignite-about
  .about-text-right
  ul
  li:last-child {
  margin-bottom: 0;
}
.bhoj-detail-main .bhoj-section-ignite-about .about-text-right ul li:before {
  content: "";
  left: 0;
  background-color: #353535;
  margin: 0;
  height: 2px;
  width: 8px;
  top: 0.9rem;
  position: absolute;
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-ignite-about .about-text-right ul li:before {
    top: 0.8rem;
  }
}

.bhoj-detail-main
  .bhoj-section-ignite-about
  .about-text-right
  .challenges-sub-heading-details {
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 0.5rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-ignite-about
    .about-text-right
    .challenges-sub-heading-details {
    font-size: 1.12rem;
    line-height: 1.9rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-ignite-about
    .about-text-right
    .challenges-sub-heading-details {
    line-height: 1.75rem;
  }
}

/* ---------------ucheck-wrapper cta one css start -----------*/
.bhoj-detail-main .section-food-practice-cta {
  padding-bottom: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-practice-cta {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .section-food-practice-cta {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .section-food-practice-cta {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .section-food-practice-cta {
    padding-bottom: 35px;
  }
}
.bhoj-detail-main .section-food-practice-cta .practice-container {
  max-width: 1594px !important;
}
.bhoj-detail-main .section-food-practice-cta .cta-blue-bg {
  background: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.bhoj-detail-main .section-food-practice-cta .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .bhoj-detail-main .section-food-practice-cta .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-practice-cta .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-practice-cta .cta-green-grid-main {
    grid-template-columns: 1fr 30%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 70px 30px;
  }
}
@media only screen and (min-width: 851px) and (max-width: 900px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #000000;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .section-food-practice-cta .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.bhoj-detail-main .section-food-practice-cta .cta-btn-box {
  margin-top: 24px;
}
.bhoj-detail-main .section-food-practice-cta .cta-btn-box a {
  background: #000000;
  color: #ffffff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-practice-cta .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-practice-cta .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.bhoj-detail-main .section-food-practice-cta .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.bhoj-detail-main .section-food-practice-cta .cta-img-right-img-box {
  position: static;
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-practice-cta .cta-img-right-img-box {
    position: static;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-practice-cta .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------ucheck-wrapper cta one css end -----------*/

/* ---------------ucheck-wrapper cta two css start -----------*/
.bhoj-detail-main .section-food-two-cta {
  padding-top: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-two-cta {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .section-food-two-cta {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .section-food-two-cta {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .section-food-two-cta {
    padding-top: 35px;
  }
}
.bhoj-detail-main .section-food-two-cta .practice-container {
  max-width: 1594px !important;
}
.bhoj-detail-main .section-food-two-cta .cta-blue-bg {
  background: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.bhoj-detail-main .section-food-two-cta .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .bhoj-detail-main .section-food-two-cta .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-two-cta .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-two-cta .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 70px 30px;
  }
}
@media only screen and (min-width: 851px) and (max-width: 900px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #000000;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .section-food-two-cta .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.bhoj-detail-main .section-food-two-cta .cta-btn-box {
  margin-top: 24px;
}
.bhoj-detail-main .section-food-two-cta .cta-btn-box a {
  background: #000000;
  color: #ffffff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bhoj-detail-main .section-food-two-cta .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .bhoj-detail-main .section-food-two-cta .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.bhoj-detail-main .section-food-two-cta .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.bhoj-detail-main .section-food-two-cta .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .section-food-two-cta .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .section-food-two-cta .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------ucheck-wrapper cta two css end -----------*/

/*bhoj about section css end*/

/*bhoj-section-big-img-one section css*/
.bhoj-detail-main .bhoj-section-big-img-one .big-img-main {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-one .big-img-main {
    margin-bottom: 1.875rem;
  }
}
.bhoj-detail-main .bhoj-section-big-img-one .big-img-main .parent img {
  width: 100%;
  aspect-ratio: auto 2280 / 1520;
  max-width: 100%;
  height: auto;
}
.bhoj-detail-main .bhoj-section-big-img-one .small-img-left {
  margin-bottom: 3.125rem;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-one .small-img-left {
    padding-right: 0;
    margin-bottom: 1.875rem;
  }
}

.bhoj-detail-main .bhoj-section-big-img-one .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}

.bhoj-detail-main .bhoj-section-big-img-one .small-img-right {
  margin-bottom: 3.125rem;
  padding-left: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-one .small-img-right {
    padding-left: 0;
    margin-bottom: 1.875rem;
  }
}

.bhoj-detail-main .bhoj-section-big-img-one .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}
/*bhoj-section-big-img-one section css ends*/

/*bhoj features section css*/
.bhoj-detail-main
  .bhoj-section-development-content
  .development-main
  .sub-heading {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 5.625rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .sub-heading {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .sub-heading {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .sub-heading {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .sub-heading {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 0.7rem;
  }
}

.bhoj-detail-main .bhoj-section-development-content .development-main p {
  font-family: "Roboto";
  font-size: 2.2rem;
  line-height: 3.4rem;
  color: #353535;
  margin-bottom: 8rem;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-development-content .development-main p {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-development-content .development-main p {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .development-point-main
    .development-point.last {
    margin-top: 0.3rem;
  }
}

.bhoj-detail-main
  .bhoj-section-development-content
  .development-main
  .development-point-main
  .development-point
  ul
  li {
  padding-left: 1rem;
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 1.2rem;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    font-size: 1.12rem;
    line-height: 1.9rem;
    margin-bottom: 0.3rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    line-height: 1.75rem;
  }
}

.bhoj-detail-main
  .bhoj-section-development-content
  .development-main
  .development-point-main
  .development-point
  ul
  li:last-child {
  margin-bottom: 0;
}

.bhoj-detail-main
  .bhoj-section-development-content
  .development-main
  .development-point-main
  .development-point
  ul
  li:before {
  content: "";
  left: 0;
  background-color: #353535;
  margin: 0;
  height: 2px;
  width: 8px;
  top: 0.9rem;
  position: absolute;
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content
    .development-main
    .development-point-main
    .development-point
    ul
    li:before {
    top: 0.8rem;
  }
}

/*bhoj features section css ends*/

/*bhoj big image two section css*/
.bhoj-detail-main .bhoj-section-big-img-two .big-img-main {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-two .big-img-main {
    margin-bottom: 1.875rem;
  }
}
.bhoj-detail-main .bhoj-section-big-img-two .big-img-main .parent img {
  width: 100%;
  aspect-ratio: auto 2280 / 1520;
  max-width: 100%;
  height: auto;
}
.bhoj-detail-main .bhoj-section-big-img-two .small-img-left {
  margin-bottom: 3.125rem;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-two .small-img-left {
    padding-right: 0;
    margin-bottom: 1.875rem;
  }
}
.bhoj-detail-main .bhoj-section-big-img-two .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}

.bhoj-detail-main .bhoj-section-big-img-two .small-img-right {
  margin-bottom: 3.125rem;
  padding-left: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-two .small-img-right {
    padding-left: 0;
    margin-bottom: 1.875rem;
  }
}

.bhoj-detail-main .bhoj-section-big-img-two .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}
/*bhoj big image two section css ends*/

/*bhoj features two section css*/
.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .sub-heading {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 5.625rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .sub-heading {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .sub-heading {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .sub-heading {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .sub-heading {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 0.7rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .development-point-main
    .development-point.last {
    margin-top: 0.3rem;
  }
}

.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .development-point-main
  .development-point
  ul
  li {
  padding-left: 1rem;
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 1.2rem;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    font-size: 1.12rem;
    line-height: 1.9rem;
    margin-bottom: 0.3rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    line-height: 1.75rem;
  }
}
.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .development-point-main
  .development-point
  ul
  li:last-child {
  margin-bottom: 0;
}
.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .development-point-main
  .development-point
  ul
  li:before {
  content: "";
  left: 0;
  background-color: #353535;
  margin: 0;
  height: 2px;
  width: 8px;
  top: 0.9rem;
  position: absolute;
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-features
    .development-main
    .development-point-main
    .development-point
    ul
    li:before {
    top: 0.8rem;
  }
}
.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .development-point-main
  .col-md-6:nth-last-child(1)
  .development-point {
  margin-bottom: 0;
}
.bhoj-detail-main
  .bhoj-section-development-content-features
  .development-main
  .development-point-main
  .col-md-6:nth-last-child(2)
  .development-point {
  margin-bottom: 0;
}
/*bhoj features two section css ends*/

/*bhoj big image three section css*/
.bhoj-detail-main .bhoj-section-big-img-three .big-img-main {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-three .big-img-main {
    margin-bottom: 1.875rem;
  }
}
.bhoj-detail-main .bhoj-section-big-img-three .big-img-main .parent img {
  width: 100%;
  aspect-ratio: auto 2280 / 1520;
  max-width: 100%;
  height: auto;
}
.bhoj-detail-main .bhoj-section-big-img-three .small-img-left {
  margin-bottom: 3.125rem;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-three .small-img-left {
    padding-right: 0;
    margin-bottom: 1.875rem;
  }
}

.bhoj-detail-main .bhoj-section-big-img-three .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}

.bhoj-detail-main .bhoj-section-big-img-three .small-img-right {
  margin-bottom: 3.125rem;
  padding-left: 10px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-three .small-img-right {
    padding-left: 0;
    margin-bottom: 1.875rem;
  }
}

.bhoj-detail-main .bhoj-section-big-img-three .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}
/*bhoj big image three section css ends*/

/*bhoj features three section css*/
.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .sub-heading {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 5.625rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .sub-heading {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .sub-heading {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .sub-heading {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .sub-heading {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 0.7rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .development-point-main
    .development-point.last {
    margin-top: 0.3rem;
  }
}

.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .development-point-main
  .development-point
  ul
  li {
  padding-left: 1rem;
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 1.2rem;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    font-size: 1.12rem;
    line-height: 1.9rem;
    margin-bottom: 0.3rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .development-point-main
    .development-point
    ul
    li {
    line-height: 1.75rem;
  }
}

.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .development-point-main
  .development-point
  ul
  li:last-child {
  margin-bottom: 0;
}

.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .development-point-main
  .development-point
  ul
  li:before {
  content: "";
  left: 0;
  background-color: #353535;
  margin: 0;
  height: 2px;
  width: 8px;
  top: 0.9rem;
  position: absolute;
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-development-content-three
    .development-main
    .development-point-main
    .development-point
    ul
    li:before {
    top: 0.8rem;
  }
}
.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .development-point-main
  .col-md-6:nth-last-child(1)
  .development-point {
  margin-bottom: 0;
}
.bhoj-detail-main
  .bhoj-section-development-content-three
  .development-main
  .development-point-main
  .col-md-6:nth-last-child(2)
  .development-point {
  margin-bottom: 0;
}
/*bhoj features three section css ends*/

/*bhoj big image four section css*/
.bhoj-detail-main .bhoj-section-big-img-four .big-img-main {
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-big-img-four .big-img-main {
    margin-bottom: 1.875rem;
  }
}
.bhoj-detail-main .bhoj-section-big-img-four .big-img-main .parent img {
  width: 100%;
  aspect-ratio: auto 2280 / 1520;
  max-width: 100%;
  height: auto;
}
.bhoj-detail-main .bhoj-section-big-img-four .small-img-left {
  margin-bottom: 3.125rem;
  padding-right: 10px;
}
@media only screen and (max-width: 576px) {
  .bhoj-detail-main .bhoj-section-big-img-four .small-img-left {
    @media only screen and (min-width: 576px) {
      width: calc(100% - 8px);
      margin-right: auto;
    }
  }
}
.bhoj-detail-main .bhoj-section-big-img-four .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}

.bhoj-detail-main .bhoj-section-big-img-four .small-img-right {
  margin-bottom: 3.125rem;
  padding-left: 10px;
}
@media only screen and (max-width: 576px) {
  .bhoj-detail-main .bhoj-section-big-img-four .small-img-right {
    @media only screen and (min-width: 576px) {
      width: calc(100% - 8px);
      margin-left: auto;
    }
  }
}
.bhoj-detail-main .bhoj-section-big-img-four .small-img-left .parent img {
  aspect-ratio: auto 1092 / 1520;
  width: 100%;
  height: auto;
}
/*bhoj big image four section css ends*/

/*bhoj technology stack section css */
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .sub-heading {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 5.625rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .sub-heading {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .sub-heading {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .sub-heading {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1.9rem;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .sub-heading {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul {
  gap: 32px;
}

@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul {
    gap: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul {
    gap: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul {
    gap: 15px;
  }
}

.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li {
  min-width: 212px;
  width: calc(25% - 32px);
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li {
    width: calc(33.33% - 23px);
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li {
    width: calc(33.33% - 23px);
    min-width: max-content;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li {
    width: calc(33.33% - 10px);
  }
}

@media only screen and (max-width: 480px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li {
    width: calc(50% - 8px);
  }
}

.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 18px;
}
@media only screen and (max-width: 480px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li
    .tech-box {
    gap: 12px;
  }
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box.kotlin-bg {
  background-color: rgba(0, 152, 222, 0.05);
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box.swift-bg {
  background-color: rgba(227, 159, 58, 0.05);
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box.laravel-bg {
  background-color: rgba(255, 45, 32, 0.05);
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box.mysql-bg {
  background-color: rgba(255, 250, 241, 0.35);
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box.vue-bg {
  background-color: rgba(77, 186, 135, 0.05);
}
.bhoj-detail-main
  .bhoj-section-technology-stacks-ts
  .development-main
  .technology-stacks-main
  ul
  li
  .tech-box
  .img-box {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 480px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li
    .tech-box
    .img-box {
    height: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .bhoj-detail-main
    .bhoj-section-technology-stacks-ts
    .development-main
    .technology-stacks-main
    ul
    li
    .tech-box
    .img-box
    img {
    max-width: 80%;
  }
}

/*bhoj technology stack section css ends*/

/*bhoj testimonial section css*/

.bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text {
  max-width: 927px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text {
    max-width: none;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text {
    padding-left: 15px;
  }
}

.bhoj-detail-main
  .bhoj-section-detailpage-testimonial
  .testimonial-text
  .left-quote {
  position: absolute;
  top: -10px;
  left: -40px;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-detailpage-testimonial
    .testimonial-text
    .left-quote {
    left: 0;
  }
}

.bhoj-detail-main
  .bhoj-section-detailpage-testimonial
  .testimonial-text
  .right-quote {
  margin-left: -32px;
}

.bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text p {
  font-size: 1.875rem;
  line-height: 3.125rem;
  color: #131313;
  margin-bottom: 0;
  display: block;
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text p {
    font-size: 1.375rem;
    line-height: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .testimonial-text p {
    font-size: 1.12rem;
    line-height: 2.12rem;
  }
}

.bhoj-detail-main .bhoj-section-detailpage-testimonial .ceo-details {
  margin: 2.5rem 0 0;
  gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .ceo-details {
    margin: 2.5rem 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .ceo-details {
    margin: 1.875rem 0 0;
    gap: 15px;
  }
}
@media only screen and (max-width: 375px) {
  .bhoj-detail-main .bhoj-section-detailpage-testimonial .ceo-details {
    flex-direction: column;
    align-items: start !important;
  }
}

.bhoj-detail-main
  .bhoj-section-detailpage-testimonial
  .ceo-details
  .ceo-img
  img {
  width: 100px;
  aspect-ratio: auto 200 / 200;
  max-width: 100%;
  height: auto;
  border-radius: 99em;
  overflow: hidden;
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-detailpage-testimonial
    .ceo-details
    .ceo-img
    img {
    width: 70px;
  }
}

.bhoj-detail-main
  .bhoj-section-detailpage-testimonial
  .ceo-details
  .ceo-wrap
  span {
  font-size: 1.375rem;
  line-height: 2rem;
  color: #131313;
  margin-bottom: 0;
  display: block;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-detailpage-testimonial
    .ceo-details
    .ceo-wrap
    span {
    font-size: 1.12rem;
    line-height: 1.9rem;
  }
}

.bhoj-detail-main
  .bhoj-section-detailpage-testimonial
  .ceo-details
  .ceo-wrap
  p {
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  opacity: 0.8;
  margin-bottom: 0;
  display: block;
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-detailpage-testimonial
    .ceo-details
    .ceo-wrap
    p {
    font-size: 1.12rem;
    line-height: 1.9rem;
  }
}

/*bhoj testimonial section css ends*/

/*bhoj result section css*/
.bhoj-detail-main .bhoj-section-the-result .the-result {
  margin: 0 0 5rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result {
    margin: 0 0 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result {
    margin: 0;
  }
}
.bhoj-detail-main .bhoj-section-the-result .the-result h2 {
  font-size: 3.125rem;
  line-height: 4.688rem;
  color: #131313;
  margin-bottom: 1.5rem;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result h2 {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result h2 {
    font-size: 2.5rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result h2 {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result h2 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 0.7rem;
  }
}

.bhoj-detail-main .bhoj-section-the-result .the-result .sub-heading-details {
  font-family: "Roboto";
  font-size: 1.375rem;
  line-height: 2rem;
  color: #353535;
  margin-bottom: 1.2rem;
  display: block;
  max-width: 950px;
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result .sub-heading-details {
    font-size: 1.12rem;
    line-height: 1.9rem;
    margin-bottom: 0.8rem;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-the-result .the-result .sub-heading-details {
    line-height: 1.75rem;
  }
}

.bhoj-detail-main .bhoj-section-the-result .achievement-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}

@media only screen and (max-width: 991px) {
  .bhoj-detail-main .bhoj-section-the-result .achievement-outer {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bhoj-detail-main .bhoj-section-the-result .achievement-outer {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main .bhoj-section-the-result .achievement-outer {
    grid-gap: 15px;
  }
}

.bhoj-detail-main
  .bhoj-section-the-result
  .achievement-outer
  .achivements-download
  .numbers {
  font-size: 2.5rem;
  line-height: 3.75rem;
  color: #131313;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .bhoj-detail-main
    .bhoj-section-the-result
    .achievement-outer
    .achivements-download
    .numbers {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .bhoj-detail-main
    .bhoj-section-the-result
    .achievement-outer
    .achivements-download
    .numbers {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

.bhoj-detail-main
  .bhoj-section-the-result
  .achievement-outer
  .achivements-download
  p {
  font-family: "Roboto";
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #353535;
}
@media only screen and (max-width: 575px) {
  .bhoj-detail-main
    .bhoj-section-the-result
    .achievement-outer
    .achivements-download
    p {
    line-height: 1.5rem;
  }
}
/*bhoj result section css ends*/
/*Bhoj food delivery app css ends here*/

/*Bookmyticket app css starts here*/

@font-face {
  font-family: "Archivo Black";
  src: url("../woff2/archivoblack-regular.woff2")
      format("woff2"),
    url("../woff/archivoblack-regular.woff")
      format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Belgrano", Serif;
  src: url("../woff2/belgrano-regular.woff2")
      format("woff2"),
    url("../woff/belgrano-regular.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akkurat";
  src: url("../woff2/akkurat.woff2") format("woff2"),
    url("../woff/akkurat.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.bookmyticket-wrapper {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  background-color: #000;
  overflow: hidden;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper {
    font-size: 16px;
    line-height: 28px;
  }
}
.bookmyticket-wrapper ::selection {
  -webkit-text-fill-color: #fff;
}
.bookmyticket-wrapper .bookbg-black {
  background-color: #111;
}
.bookmyticket-wrapper .bookfont-white {
  color: #fff;
}
.bookmyticket-wrapper .bookfont-grey {
  color: #999;
}
.bookmyticket-wrapper .bookfont-yellow {
  color: #f3dd68;
}
.bookmyticket-wrapper .font-akkurat {
  font-family: "Akkurat";
}
.bookmyticket-wrapper .font-belgrano {
  font-family: "Belgrano", serif;
}
.bookmyticket-wrapper .font-archivo {
  font-family: "Archivo Black", sans-serif;
}
.bookmyticket-wrapper h1,
.bookmyticket-wrapper h2,
.bookmyticket-wrapper h3,
.bookmyticket-wrapper h4,
.bookmyticket-wrapper h5,
.bookmyticket-wrapper h6 {
  font-family: "Archivo Black", sans-serif;
  font-weight: 900;
  margin: 0;
}
.bookmyticket-wrapper .gradient-text {
  text-transform: uppercase;
  background: linear-gradient(90deg, #ffef9b, #f3dd68);
  background: -webkit-linear-gradient(90deg, #ffef9b, #f3dd68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bookmyticket-wrapper .title-wrap {
  position: relative;
  display: inline-block;
}
.bookmyticket-wrapper .title-wrap .small-title {
  font-family: "Archivo Black", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(90deg, #ffef9b, #f3dd68);
  background: -webkit-linear-gradient(90deg, #ffef9b, #f3dd68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  z-index: 2;
  display: inline-block;
  word-break: break-word;
}
.bookmyticket-wrapper .title-wrap .small-title em {
  font-style: normal;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .title-wrap .small-title em {
    display: inline-block;
  }
}
.bookmyticket-wrapper .title-wrap .title-bg {
  font-family: "Archivo Black", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  background: -webkit-linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  background: linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: #111;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: -5px auto 0;
  opacity: 0.5;
}
.bookmyticket-wrapper .title-wrap .title-bg em {
  font-style: normal;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .title-wrap .title-bg em {
    display: inline-block;
  }
}
.bookmyticket-wrapper .custom-container-common {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .bookmyticket-wrapper .custom-container-common {
    margin: 0 auto !important;
    width: 100%;
    max-width: 1820px;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .bookmyticket-wrapper .custom-container-common {
    width: calc(100% - 10%);
    max-width: none;
  }
}
.bookmyticket-wrapper .bookptb-170 {
  padding: 170px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookptb-170 {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookptb-170 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookptb-170 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookptb-170 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookptb-170 {
    padding: 35px 0;
  }
}
.bookmyticket-wrapper .bookpb-170 {
  padding-bottom: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookpb-170 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookpb-170 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookpb-170 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-170 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-170 {
    padding-bottom: 35px;
  }
}
.bookmyticket-wrapper .bookpb-150 {
  padding-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookpb-150 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookpb-150 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookpb-150 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-150 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-150 {
    padding-bottom: 35px;
  }
}

.bookmyticket-wrapper .bookpb-130 {
  padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookpb-130 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookpb-130 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookpb-130 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-130 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-130 {
    padding-bottom: 35px;
  }
}

.bookmyticket-wrapper .bookptb-100 {
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookptb-100 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookptb-100 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookptb-100 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookptb-100 {
    padding: 35px 0;
  }
}
.bookmyticket-wrapper .bookptb-90 {
  padding: 90px 0;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookptb-90 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookptb-90 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookptb-90 {
    padding: 35px 0;
  }
}

.bookmyticket-wrapper .bookpb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookpb-80 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-80 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-80 {
    padding-bottom: 35px;
  }
}
.bookmyticket-wrapper .bookpb-70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-70 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-70 {
    padding-bottom: 35px;
  }
}

.bookmyticket-wrapper .bookpb-60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpb-60 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpb-60 {
    padding-bottom: 35px;
  }
}
.bookmyticket-wrapper .bookpt-60 {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookpt-60 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookpt-60 {
    padding-top: 35px;
  }
}

.bookmyticket-wrapper .bookmt-100 {
  margin-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookmt-100 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookmt-100 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookmt-100 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookmt-100 {
    margin-top: 35px;
  }
}

.bookmyticket-wrapper .bookmt-90 {
  margin-top: 90px;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookmt-90 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookmt-90 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookmt-90 {
    margin-top: 35px;
  }
}
.bookmyticket-wrapper .bookmb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookmb-80 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookmb-80 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookmb-80 {
    margin-bottom: 35px;
  }
}

.bookmyticket-wrapper .bookmt-50 {
  margin-top: 50px;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookmt-50 {
    margin-top: 35px;
  }
}

.bookmyticket-wrapper .bookmb-30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookmb-30 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookmb-30 {
    margin-bottom: 15px;
  }
}
.bookmyticket-wrapper .bookmt-20 {
  margin-top: 20px;
}
.bookmyticket-wrapper .bookmb-20 {
  margin: 0 0 20px;
}
.bookmyticket-wrapper .bookmb-15 {
  margin: 0 0 15px;
}
.bookmyticket-wrapper .rotate {
  -webkit-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite;
  position: relative;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.bookmyticket-wrapper .bookfont-200 {
  font-size: 200px;
  line-height: 218px;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper .bookfont-200 {
    font-size: 10vw;
    line-height: 10.354vw;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookfont-200 {
    font-size: 9.417vw;
    line-height: 10.354vw;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper .bookfont-200 {
    font-size: 8.417vw;
    line-height: 9.354vw;
  }
}
.bookmyticket-wrapper .bookfont-154 {
  font-size: 154px;
  line-height: 168px;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 130px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 110px;
    line-height: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 90px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookfont-154 {
    font-size: 42px;
    line-height: 48px;
  }
}
.bookmyticket-wrapper .bookfont-100 {
  font-size: 3.208vw;
  line-height: 4.677vw;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookfont-100 {
    font-size: 6.208vw;
    line-height: 6.677vw;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookfont-100 {
    font-size: 6.208vw;
    line-height: 6.677vw;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .bookfont-100 {
    font-size: 7.208vw;
    line-height: 7.677vw;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .bookfont-100 {
    font-size: 9.208vw;
    line-height: 9.677vw;
  }
}
.bookmyticket-wrapper .bookfont-70 {
  font-size: 3.646vw;
  line-height: 3.958vw;
}
.bookmyticket-wrapper .bookfont-60 {
  font-size: 60px;
  line-height: 64px;
  letter-spacing: 0.6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper .bookfont-60 {
    font-size: 50px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookfont-60 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookfont-60 {
    font-size: 30px;
    line-height: 34px;
  }
}
.bookmyticket-wrapper .bookfont-50 {
  font-size: 50px;
  line-height: 54px;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .bookfont-50 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookfont-50 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .bookfont-50 {
    font-size: 28px;
    line-height: 38px;
  }
}
.bookmyticket-wrapper .bookfont-18 {
  font-size: 18px;
  line-height: 22px;
}
.bookmyticket-wrapper .bookfont-18l {
  font-size: 18px;
  line-height: 30px;
}
.bookmyticket-wrapper .bookr50 {
  border-radius: 50px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .bookr50 {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .bookr50 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .bookr50 {
    border-radius: 10px;
  }
}
.bookmyticket-wrapper h2.title {
  margin: 0 0 30px;
}
.bookmyticket-wrapper h3.title {
  font-size: 70px;
  line-height: 76px;
  position: relative;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffef9b, #f3dd68);
  background: -webkit-linear-gradient(180deg, #ffef9b, #f3dd68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 20px;
  word-break: break-word;
}
@media only screen and (max-width: 1899px) {
  .bookmyticket-wrapper h3.title {
    font-size: 65px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1699px) {
  .bookmyticket-wrapper h3.title {
    font-size: 58px;
    line-height: 64px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper h3.title {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper h3.title {
    font-size: 46px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper h3.title {
    font-size: 42px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper h3.title {
    font-size: 38px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper h3.title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper h3.title {
    font-size: 28px;
    line-height: 34px;
  }
}
.bookmyticket-wrapper p {
  color: #999;
  font-family: "Akkurat";
  margin: 0;
  text-transform: capitalize;
}
.bookmyticket-wrapper .resp-view {
  text-align: center;
}
.bookmyticket-wrapper .book-banner-section {
  background: url("../webp/bg-vector.webp")
    no-repeat center center;
  background-size: 100% 100%;
  margin-bottom: 90px;
  height: 100vh;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section {
    margin-bottom: 70px;
    height: auto;
    padding-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-banner-section {
    margin-bottom: 50px;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-banner-section {
    margin-bottom: 35px;
  }
}
.bookmyticket-wrapper .book-banner-section .mobile-wrap img {
  width: 587px;
  aspect-ratio: 0.717603912;
  height: auto;
  max-width: 100%;
  min-height: 100%;
}
.bookmyticket-wrapper .book-banner-section .custom-container-common {
  height: 100vh;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section .custom-container-common {
    height: auto;
  }
}
.bookmyticket-wrapper .book-banner-section .custom-container-common .row {
  height: 100vh;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section .custom-container-common .row {
    height: auto;
  }
}
.bookmyticket-wrapper .book-banner-section .banner-outer {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 90px);
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section .banner-outer {
    height: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .top-outer
    .logo-wrap {
    text-align: center;
    margin-bottom: 20px;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .top-outer
  .logo-wrap
  img {
  width: 210px;
  aspect-ratio: 2.625;
  height: 100%;
  min-height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .top-outer
    .logo-wrap
    img {
    max-width: 50%;
    max-height: 50%;
  }
}
.bookmyticket-wrapper .book-banner-section .banner-outer .top-outer .name-wrap {
  text-align: right;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .top-outer
    .name-wrap {
    align-items: center;
  }
}
.bookmyticket-wrapper .book-banner-section .banner-outer .bottom-wrap {
  height: 100vh;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section .banner-outer .bottom-wrap {
    height: auto;
    display: block;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer {
  width: 100%;
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content {
    display: block;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .resp-view
  .resp-title-text {
  margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .resp-view
    .img-wrap {
    margin: 15px 0;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .resp-view
  .img-wrap
  img {
  width: 587px;
  aspect-ratio: 0.717603912;
  max-width: 60%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .resp-view
    .img-wrap
    img {
    max-width: 50%;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div {
    display: block;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.left {
  width: 36.05%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left {
    width: 100%;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.left
  .big-book-text {
  text-transform: uppercase;
  background: -webkit-linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  background: linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 3px transparent;
  color: #000;
  transition: all 5s ease-out;
  width: max-content;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left
    .big-book-text {
    display: none !important;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.left
  .big-book-text:hover {
  background: linear-gradient(90deg, #ffef9b, #f3dd68);
  background: -webkit-linear-gradient(90deg, #ffef9b, #f3dd68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 5s ease-in;
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.left
  .short-wrap {
  max-width: 630px;
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left
    .short-wrap {
    max-width: 520px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left
    .short-wrap {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left
    .short-wrap {
    max-width: 425px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.left
    .short-wrap {
    max-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.right {
  width: 41.37%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.right {
    width: 100%;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.right
  .short-wrap {
  max-width: 750px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: baseline;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.right
    .short-wrap {
    max-width: none;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.right
  .short-wrap
  .book-icon {
  position: relative;
  left: 100px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-banner-section
    .banner-outer
    .bottom-wrap
    .bottom-outer
    .inner-content
    .common-div.right
    .short-wrap
    .book-icon {
    left: 0;
  }
}
.bookmyticket-wrapper
  .book-banner-section
  .banner-outer
  .bottom-wrap
  .bottom-outer
  .inner-content
  .common-div.right
  .short-wrap
  .big-ticket-text:hover {
  background: -webkit-linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  background: linear-gradient(90deg, #ffef9b 100%, #f3dd68 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 3px transparent;
  color: #000;
  -webkit-text-fill-color: unset;
}
.bookmyticket-wrapper .book-banner-section:before {
  content: "";
  position: absolute;
  background: url("../webp/mobile-screen.webp")
    no-repeat center center;
  z-index: 2;
  left: -6%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  width: 587px;
  height: 817px;
  background-size: cover;
}
@media only screen and (max-width: 1899px) {
  .bookmyticket-wrapper .book-banner-section:before {
    background-size: 80% 80%;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1799px) {
  .bookmyticket-wrapper .book-banner-section:before {
    background-size: 90% 90%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bookmyticket-wrapper .book-banner-section:before {
    background-size: 70% 70%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper .book-banner-section:before {
    background-size: 60% 60%;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-banner-section:before {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-get-tickets {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-get-tickets {
    margin: 0 0 35px;
  }
}
.bookmyticket-wrapper .book-get-tickets .ticket-outer {
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-get-tickets .ticket-outer {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-get-tickets .ticket-outer {
    padding: 25px 0;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .book-get-tickets .ticket-outer {
    padding: 20px 0px;
  }
}
.bookmyticket-wrapper .book-get-tickets .ticket-outer .text-outer {
  padding: 0 20px;
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .book-get-tickets .ticket-outer .text-outer {
    padding: 0 15px;
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .text-outer
  .title-wrap
  .title-bg {
  margin: -10px auto 0;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .text-outer
    .title-wrap
    .title-bg {
    margin: -5px auto 0;
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .text-outer
  .short-content {
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .text-outer
    .short-content {
    max-width: none;
  }
}
.bookmyticket-wrapper .book-get-tickets .ticket-outer .marquee-wrapper {
  overflow: hidden;
  width: 100%;
  line-height: 0;
  font-size: 0;
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner {
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  background: url("../webp/ticket-slider-bg.webp")
    no-repeat;
  height: 310px;
  background-size: cover;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .marquee-wrapper
    .marquee-inner {
    height: 250px;
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner
  .common-slider {
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner
  .common-slider
  .marquee-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: moviemarqueeLeft 90s linear infinite;
  animation: moviemarqueeLeft 90s linear infinite;
}
@keyframes moviemarqueeLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes moviemarqueeLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes moviemarqueeLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner
  .common-slider
  .marquee-items
  .item {
  width: 220px;
  height: 220px;
  margin: 0 10px;
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .marquee-wrapper
    .marquee-inner
    .common-slider
    .marquee-items
    .item {
    width: 190px;
    height: 190px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .marquee-wrapper
    .marquee-inner
    .common-slider
    .marquee-items
    .item {
    width: 150px;
    height: 150px;
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner
  .common-slider
  .marquee-items
  .item
  .img-wrap
  img {
  width: 220px;
  aspect-ratio: 1;
  border-radius: 6px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .marquee-wrapper
    .marquee-inner
    .common-slider
    .marquee-items
    .item
    .img-wrap
    img {
    width: 190px;
    aspect-ratio: 1;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-get-tickets
    .ticket-outer
    .marquee-wrapper
    .marquee-inner
    .common-slider
    .marquee-items
    .item
    .img-wrap
    img {
    width: 150px;
    aspect-ratio: 1;
  }
}
.bookmyticket-wrapper
  .book-get-tickets
  .ticket-outer
  .marquee-wrapper
  .marquee-inner
  .common-slider
  .marquee-items
  .item:hover
  .img-wrap
  img {
  filter: none;
}
.bookmyticket-wrapper .book-about-project .content-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-about-project .content-wrap {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}
.bookmyticket-wrapper .book-about-project .content-wrap .left-side {
  padding: 50px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .left-side {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .left-side {
    padding: 25px;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .left-side {
    padding: 20px 15px;
  }
}
.bookmyticket-wrapper .book-about-project .content-wrap .left-side .short-info {
  max-width: 800px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-about-project
    .content-wrap
    .left-side
    .short-info {
    max-width: none;
    text-align: center;
  }
}
.bookmyticket-wrapper .book-about-project .content-wrap .left-side:before {
  content: "";
  background: url("../webp/about-bg.webp")
    no-repeat right bottom;
  background-size: cover;
  position: absolute;
  width: 492px;
  height: 212px;
  right: -22px;
  bottom: -78px;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .left-side:before {
    display: none;
  }
}
.bookmyticket-wrapper .book-about-project .content-wrap .right-side {
  text-align: center;
  padding: 0 30px 90px 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .right-side {
    padding: 0 30px 70px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .right-side {
    padding: 0 30px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .right-side {
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .right-side {
    padding: 0 25px 25px;
  }
}
.bookmyticket-wrapper .book-about-project .content-wrap .right-side img {
  width: 752px;
  aspect-ratio: 1.4745098039;
  max-width: 100%;
  height: auto;
  min-height: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper .book-about-project .content-wrap .right-side img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-app-screens {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-app-screens {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-app-screens {
    margin-top: 35px;
  }
}
.bookmyticket-wrapper .book-app-screens .custom-container-common {
  background: linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3)
  );
  background: -webkit-linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3)
  );
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-app-screens .custom-container-common {
    background: transparent;
  }
}
.bookmyticket-wrapper .book-app-screens .custom-container-common:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  left: 1px;
  top: 1px;
  background-color: #000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-app-screens .custom-container-common:before {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer {
    background: linear-gradient(
      to bottom,
      rgba(246, 226, 116, 0.3),
      rgba(0, 0, 0, 0.3),
      rgba(246, 226, 116, 0.3),
      rgba(0, 0, 0, 0.3),
      rgba(246, 226, 116, 0.3)
    );
    background: -webkit-linear-gradient(
      to bottom,
      rgba(246, 226, 116, 0.3),
      rgba(0, 0, 0, 0.3),
      rgba(246, 226, 116, 0.3),
      rgba(0, 0, 0, 0.3),
      rgba(246, 226, 116, 0.3)
    );
    border-radius: 30px;
    position: relative;
    z-index: 2;
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer {
    padding: 25px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer {
    padding: 20px 15px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .app-title-outer {
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .app-title-outer {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .app-title-outer {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .app-title-outer {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1900px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens {
    width: 83.52%;
    max-width: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens {
    width: 89%;
    max-width: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens {
    width: 90%;
    max-width: none;
    margin: 0 auto;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content {
  display: flex;
  align-items: start;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .resp-view {
    margin-bottom: 30px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .common-div {
  width: 16.25%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .common-div {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .common-div
  img {
  width: 247px;
  aspect-ratio: 0.494;
  height: auto;
  max-width: 100%;
  min-height: 100%;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div {
  width: 67.5%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div {
    margin: 0 20px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div {
    width: 100%;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .title {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .title {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap {
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    margin: 30px 0 0;
    justify-content: start !important;
  }
}

@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .left-mob {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left-mob {
    display: block;
    min-width: 35%;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left-mob {
    min-width: 50%;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left-mob {
    width: 100%;
    min-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .left-mob
  img {
  width: 247px;
  aspect-ratio: 0.494;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left {
    min-width: 35%;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left {
    min-width: 50%;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .left {
    width: 100%;
    min-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .left
  img {
  width: 250px;
  aspect-ratio: 0.4980079681;
  height: auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .middle-one {
  max-width: 373px;
  margin: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .onboard-screens
    .inner-content
    .middle-div
    .detail-wrap
    .middle-one {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .middle-one
  .border-up {
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(
    to right,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
  background: linear-gradient(
    to right,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .onboard-screens
  .inner-content
  .middle-div
  .detail-wrap
  .middle-one
  .border-down {
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(
    to left,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
  background: linear-gradient(
    to left,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen {
    width: 90.66%;
    max-width: none;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content {
    display: block;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content
  .common-div {
  width: 40.3%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 140px;
  position: relative;
  z-index: 2;
  max-width: 522px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .common-div {
    width: 100%;
    max-width: none;
    padding: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content
  .common-div.left {
  text-align: right;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .common-div.left {
    padding-bottom: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content
  .common-div.left
  .icon-wrap {
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .common-div.left
    .icon-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .common-div.left
    .icon-wrap
    .book-icon {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content
  .middle-div {
  width: 19.39%;
  margin: 0 20px auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .middle-div {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content
  .middle-div
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content
    .middle-div
    img {
    max-width: 80%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .home-screen
  .inner-content:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  background: url("../webp/home-screen-bg.webp")
    no-repeat;
  width: 100%;
  height: 101px;
  background-size: 100% 100%;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .home-screen
    .inner-content:after {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets {
    width: 88.74%;
    max-width: none;
    margin: 0 auto;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .seats-outer {
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 25px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content {
    grid-template-columns: 1fr;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .resp-view {
  display: none;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .resp-view {
    display: block;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div
    .img-wrap {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.left
  .content-wrap {
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap {
    justify-content: center !important;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.left
  .content-wrap
  .title {
  margin: 60px 0 0 0;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .title {
    display: none;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.left
  .content-wrap
  .img-wrap.mob {
  display: none;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob {
    display: flex !important;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    justify-content: space-around;
    text-align: center;
  }
}

@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob {
    justify-content: start;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.left
    .content-wrap
    .img-wrap.mob
    img {
    margin: 0 10px 10px 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.right
  .content-wrap {
  margin-top: 60px;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap
    .left-side
    .title {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.right
  .content-wrap
  .left-side
  .ticket-wrap {
  display: flex;
  align-items: end;
  gap: 40px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap
    .left-side
    .ticket-wrap {
    gap: 20px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap
    .left-side
    .ticket-wrap {
    display: block;
    gap: 0;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .book-tickets
  .inner-content
  .common-div.right
  .content-wrap
  .left-side
  .ticket-wrap
  .img-wrap {
  flex: 0 0 auto;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap
    .left-side
    .ticket-wrap
    .img-wrap {
    display: none;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .book-tickets
    .inner-content
    .common-div.right
    .content-wrap
    .left-side
    .ticket-wrap
    .short-info {
    margin: 30px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process {
    width: 94.34%;
    max-width: none;
    margin: 0 auto;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content {
    display: block;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div {
  width: 33.39%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .common-div {
    width: 100%;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div
  .img-wrap {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .common-div
    .img-wrap {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div
  .text-info {
  max-width: 550px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .common-div
    .text-info {
    max-width: 100%;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div.left {
  text-align: right;
  margin-left: auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div.left
  .text-info {
  margin-left: auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div.right {
  text-align: left;
  margin-right: auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .common-div.right
  .text-info {
  margin-right: auto;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .middle-content {
  text-align: center;
  width: 27.47%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .middle-content {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .middle-content
    .img-wrap {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .middle-content
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .mob-view {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view {
    display: flex !important;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    justify-content: start;
    margin: 30px 0;
  }
}

@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}

.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .mob-view
  .img-wrap {
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view
    .img-wrap {
    margin: 0 10px 10px 0;
    width: 100%;
    min-width: 60%;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content
    .mob-view
    .img-wrap {
    width: 100%;
    min-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content
  .mob-view
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .payment-process
  .inner-content:after {
  content: "";
  position: absolute;
  background: url("../webp/payment-bg.webp")
    no-repeat center;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 100%;
  height: 3px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .payment-process
    .inner-content:after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets {
    width: 84.066%;
    margin-left: 5.5%;
    max-width: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content {
    display: block;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content
  .left {
  width: 41.11%;
  text-align: right;
}
@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .left {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .left {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .left
    .img-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .left
    .img-wrap {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content
  .left
  .img-wrap
  img {
  width: 629px;
  aspect-ratio: 4.0063694268;
  height: auto;
  min-height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .left
    .img-wrap
    img {
    max-width: 60%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content
  .middle {
  width: 23.3%;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .middle {
    width: 100%;
    margin: 30px 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content
  .middle
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.4941763727;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .download-tickets
  .inner-content
  .last {
  width: 35.66%;
}
@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .last {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .download-tickets
    .inner-content
    .last {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 1900px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre {
    width: 66.37%;
    max-width: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre {
    max-width: none;
    margin: 0 auto;
    width: 75%;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1799px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre {
    max-width: none;
    margin: 0 auto;
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre {
    max-width: none;
    margin: 0 auto;
    width: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre {
    padding-bottom: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .explore-theatre
  .inner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: 30px;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content {
    justify-content: start;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content
    .img-wrap {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content
    .img-wrap {
    min-width: 60%;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .explore-theatre
  .inner-content
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.495;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .explore-theatre
  .inner-content
  .middle-content
  h3.title
  span:nth-child(1) {
  padding-left: 70px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content
    .middle-content
    h3.title
    span:nth-child(1) {
    padding-left: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .explore-theatre
  .inner-content
  .middle-content
  h3.title
  span:nth-child(2) {
  padding-left: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content
    .middle-content
    h3.title
    span:nth-child(2) {
    padding-left: 125px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .inner-content
    .middle-content
    h3.title
    span:nth-child(2) {
    padding-left: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .explore-theatre
  .inner-content
  .middle-content
  .short-info {
  max-width: 515px;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .explore-theatre
    .short-info {
    text-align: center;
  }
}
@media only screen and (min-width: 1500px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile {
    width: 85.16%;
    max-width: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile {
    width: 90%;
    max-width: none;
    margin: 0 auto;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content {
  display: flex;
  gap: 100px;
}
@media only screen and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content {
    gap: 70px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content {
    flex-wrap: wrap;
    display: block;
    gap: 0;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content
  .common-div {
  width: 50%;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div {
    width: 100%;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content
  .common-div
  .content-view {
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view {
    align-items: center;
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view {
    display: block;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view {
    margin-top: 15px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content
  .common-div
  .content-view
  .img-wrap {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view
    .img-wrap {
    max-width: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view
    .img-wrap {
    margin: 0 0 30px;
  }
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content
  .common-div
  .content-view
  .img-wrap
  img {
  width: 297px;
  aspect-ratio: 0.495;
}
.bookmyticket-wrapper
  .book-app-screens
  .custom-container-common
  .app-content-outer
  .notify-profile
  .inner-content
  .common-div
  .content-view
  .short-content {
  max-width: 390px;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer
    .notify-profile
    .inner-content
    .common-div
    .content-view
    .short-content {
    max-width: none;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer:before {
    content: "";
    position: absolute;
    border-radius: 30px;
    left: 1px;
    top: 1px;
    background-color: #000;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: -1;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer:before {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-app-screens
    .custom-container-common
    .app-content-outer:before {
    border-radius: 10px;
  }
}
.bookmyticket-wrapper .book-web-screens .custom-container-common {
  position: relative;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-title-outer {
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-title-outer {
    margin-bottom: 0;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer {
  display: flex;
  gap: 30px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer {
    display: block;
    gap: 0;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer
  .resp-title-text {
  text-align: center;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer
  .common-div {
  padding-top: 160px;
  width: 22.52%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer
    .common-div {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer
    .common-div {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer
    .common-div {
    width: 100%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer
    .common-div
    .short-info {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer
  .common-div.left {
  text-align: right;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer
  .middle-div {
  width: 54.95%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer
    .middle-div {
    width: 100%;
    margin-bottom: 30px;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer
  .middle-div
  img {
  width: 1004px;
  aspect-ratio: 0.6205191595;
  height: auto;
  min-height: auto;
  max-width: 100%;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  border: 1px solid #222222;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .web-content-outer:after {
  content: "";
  position: absolute;
  background: url("../webp/homepage-bg.webp")
    no-repeat center bottom;
  background-size: 100% 100%;
  width: 100%;
  height: 110px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .web-content-outer:after {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper {
  display: flex;
  gap: 100px;
  align-items: end;
  position: relative;
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper {
    gap: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper {
    display: block;
    gap: 0;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .seats-outer {
  position: absolute;
  left: 0;
  right: 0;
  top: 160px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .common-div {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .common-div
  .img-wrap
  img {
  height: auto;
  max-width: 100%;
  min-height: auto;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  border: 1px solid #222222;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .common-div
  .short-info {
  max-width: 804px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .common-div
    .short-info {
    max-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .common-div.top
  .img-wrap
  img {
  width: 814px;
  aspect-ratio: 0.7109170306;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .common-div.bottom
  .img-wrap
  img {
  width: 814px;
  aspect-ratio: 1.7695652174;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .left-side {
  width: 50%;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .left-side {
    width: 100%;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .right-side {
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side {
    width: 100%;
    margin-top: 35px;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .right-side
  .common-div
  .img-wrap
  img {
  width: 814px;
  aspect-ratio: 1.1165980796;
  height: auto;
  max-width: 100%;
  min-height: auto;
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .right-side
  .download-scan {
  padding: 200px 0;
  max-width: 629px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side
    .download-scan {
    padding: 90px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side
    .download-scan {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side
    .download-scan {
    padding: 50px 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side
    .download-scan {
    display: none;
  }
}
.bookmyticket-wrapper
  .book-web-screens
  .custom-container-common
  .screen-wrapper
  .right-side
  .download-scan
  .img-wrap
  img {
  width: 626px;
  aspect-ratio: 4.0128205128;
  height: auto;
  max-width: 100%;
  min-height: auto;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-web-screens
    .custom-container-common
    .screen-wrapper
    .right-side
    .download-scan
    .img-wrap
    img {
    max-width: 80%;
  }
}
.bookmyticket-wrapper .book-icon {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-icon {
    margin: 30px auto 0;
    max-width: 30%;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-icon {
    max-width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-icon {
    max-width: 35%;
  }
}
.bookmyticket-wrapper .book-icon img {
  width: 190px;
  aspect-ratio: 1;
  height: auto;
  min-height: 100%;
}
.bookmyticket-wrapper .book-icon::before {
  content: "";
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  position: absolute;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
  z-index: 1;
}
.bookmyticket-wrapper .book-video-wrap .video-wrap {
  background-clip: padding-box;
  font-size: 0;
  line-height: 0;
  background: -webkit-linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3)
  );
  background: linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3)
  );
  position: relative;
  width: 100%;
  height: 100%;
}
.bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer {
  content: "";
  position: relative;
  border-radius: 50px;
  left: 2px;
  top: 2px;
  background-color: #000;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer {
    border-radius: 10px;
  }
}
.bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer video {
  border-radius: 50px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer video {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer video {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-video-wrap .video-wrap .video-outer video {
    border-radius: 10px;
  }
}
.bookmyticket-wrapper .book-typography .typo-wrap {
  background-clip: padding-box;
  background: -webkit-linear-gradient(
    to top,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
  background: linear-gradient(
    to top,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
}
.bookmyticket-wrapper .book-typography .typo-wrap .typo-outer {
  content: "";
  position: relative;
  border-radius: 50px;
  left: 2px;
  top: -2px;
  background-color: #000;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer {
    border-radius: 10px;
  }
}
.bookmyticket-wrapper .book-typography .typo-wrap .typo-outer .content-wrap {
  padding: 80px 0;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer .content-wrap {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer .content-wrap {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer .content-wrap {
    padding: 25px;
  }
}
@media only screen and (max-width: 375px) {
  .bookmyticket-wrapper .book-typography .typo-wrap .typo-outer .content-wrap {
    padding: 20px 15px;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items {
  width: 90.8%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items {
    width: 100%;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item
    .big-text-wrap {
    margin-bottom: 15px;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item
  .big-text-wrap
  span {
  color: #111;
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item
  .small-wrap {
  max-width: 388px;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item
    .small-wrap {
    max-width: 100%;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item
  .small-wrap
  .info-text
  .wrap-text {
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item
    .small-wrap
    .info-text
    .wrap-text {
    gap: 10px;
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item
  .small-wrap
  .info-text
  .wrap-text
  .round {
  width: 25px;
  height: 25px;
  background: linear-gradient(180deg, #ffef9b 0%, #f3dd68 100%);
  background: -webkit-linear-gradient(180deg, #ffef9b 0%, #f3dd68 100%);
  border-radius: 100%;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item
    .small-wrap
    .info-text
    .wrap-text
    .round {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item
    .small-wrap
    .info-text
    .wrap-text
    .round {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top {
    margin-bottom: 70px;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.top
  .big-text-wrap {
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.top
  .big-text-wrap
  span {
  font-size: 281px;
  line-height: 356px;
  letter-spacing: 2.811px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 230px;
    line-height: 250px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 180px;
    line-height: 200px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 200px;
    line-height: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 120px;
    line-height: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 6.635vw;
    line-height: 7.635vw;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 8.635vw;
    line-height: 9.635vw;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 6.635vw;
    line-height: 7.635vw;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .big-text-wrap
    span {
    font-size: 7.635vw;
    line-height: 8.635vw;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.top
  .small-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .small-wrap {
    position: relative;
    transform: none;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.top
  .small-wrap
  .typo-list {
  list-style-type: none;
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.top
  .small-wrap
  .typo-list
  li {
  color: #999;
  margin: 0 15px 10px 0;
  font-size: 20px;
  line-height: 25px;
  opacity: 0.89;
  letter-spacing: 2px;
  font-family: "Belgrano", Serif;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .small-wrap
    .typo-list
    li {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .small-wrap
    .typo-list
    li {
    margin: 0 10px 10px 0;
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.top
    .small-wrap
    .typo-list
    li {
    font-size: 16px;
    line-height: 18px;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .left-side
    .book-icon {
    margin: 20px auto 30px;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .left-side
  .book-icon
  img {
  width: 180px;
  aspect-ratio: 1;
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .big-text-wrap {
  text-align: right;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap {
    text-align: center;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .big-text-wrap
  span {
  font-size: 281px;
  line-height: 356px;
  letter-spacing: 2.811px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 230px;
    line-height: 250px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 200px;
    line-height: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 120px;
    line-height: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 6.635vw;
    line-height: 7.635vw;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 8.635vw;
    line-height: 9.635vw;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 6.635vw;
    line-height: 7.635vw;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .big-text-wrap
    span {
    font-size: 7.635vw;
    line-height: 8.635vw;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .small-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .small-wrap {
    position: relative;
    transform: none;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .small-wrap
    .wrap-text {
    flex-direction: row-reverse;
  }
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .small-wrap
  .typo-list {
  list-style-type: none;
}
.bookmyticket-wrapper
  .book-typography
  .typo-wrap
  .typo-outer
  .content-wrap
  .typo-items
  .item.bottom
  .small-wrap
  .typo-list
  li {
  color: #999;
  margin: 0 15px 10px 0;
  font-size: 20px;
  line-height: 20px;
  opacity: 0.89;
  letter-spacing: 2px;
  font-family: "Akkurat";
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .small-wrap
    .typo-list
    li {
    margin: 0 10px 10px 0;
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-typography
    .typo-wrap
    .typo-outer
    .content-wrap
    .typo-items
    .item.bottom
    .small-wrap
    .typo-list
    li {
    font-size: 16px;
    line-height: 18px;
  }
}
.bookmyticket-wrapper .book-colors {
  margin-top: 10px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-colors {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-colors {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-colors {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .book-colors {
    margin-top: 35px;
  }
}
.bookmyticket-wrapper .book-colors .color-wrap {
  background-clip: padding-box;
  background: -webkit-linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
  background: linear-gradient(
    to bottom,
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3),
    rgba(246, 226, 116, 0.3),
    rgba(0, 0, 0, 0.3)
  );
  height: 100%;
  width: 100%;
}
.bookmyticket-wrapper .book-colors .color-wrap .color-outer {
  content: "";
  position: relative;
  left: 2px;
  top: 2px;
  background-color: #000;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  z-index: 2;
}
.bookmyticket-wrapper .book-colors .color-wrap .color-outer .content-wrap {
  padding: 80px;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .book-colors .color-wrap .color-outer .content-wrap {
    padding: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-colors .color-wrap .color-outer .content-wrap {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-colors .color-wrap .color-outer .content-wrap {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper .book-colors .color-wrap .color-outer .content-wrap {
    padding: 25px;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper {
  width: 87.69%;
  margin: 0 auto;
  padding: 220px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper {
    padding: 50px 0 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper {
    width: 100%;
    padding: 0;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text {
  text-align: center;
  position: relative;
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text {
  font-size: 281px;
  line-height: 281px;
  letter-spacing: 2.811px;
  text-transform: uppercase;
  color: #151515;
  position: relative;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 230px;
    line-height: 250px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 200px;
    line-height: 210px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 90px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 70px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text {
    font-size: 40px;
    line-height: 50px;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}

.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .common-div {
  position: absolute;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .common-div {
    max-width: 40%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .common-div {
    max-width: 45%;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .common-div {
    position: relative;
    margin: 0 5px;
    min-width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .common-div {
    min-width: 35%;
  }
}
@media only screen and (max-width: 480px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .common-div {
    min-width: 50%;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-one {
  left: -220px;
  top: -180px;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-one {
    left: -195px;
    top: -155px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-one {
    left: 0;
    top: 0;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-one
  img {
  width: 378px;
  aspect-ratio: 1.0677966102;
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-two {
  right: 175px;
  top: -232px;
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-two {
    right: 0;
    top: 0;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-two
  img {
  width: 329px;
  aspect-ratio: 1.2051282051;
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-three {
  bottom: -180px;
  left: 113px;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-three {
    bottom: -152px;
    left: 80px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1699px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-three {
    bottom: -163px;
    left: 50px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-three {
    bottom: 0;
    left: 0;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-three
  img {
  width: 353px;
  aspect-ratio: 1.37890625;
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-four {
  bottom: -135px;
  right: -220px;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-four {
    bottom: -120px;
    right: -210px;
  }
}
@media only screen and (max-width: 1365px) {
  .bookmyticket-wrapper
    .book-colors
    .color-wrap
    .color-outer
    .content-wrap
    .colors-wrapper
    .middle-text
    .big-text
    .div-outer
    .div-four {
    bottom: 0;
    right: 0;
  }
}
.bookmyticket-wrapper
  .book-colors
  .color-wrap
  .color-outer
  .content-wrap
  .colors-wrapper
  .middle-text
  .big-text
  .div-outer
  .div-four
  img {
  width: 347px;
  aspect-ratio: 1.2392857143;
}

.bookmyticket-wrapper .book-my-logo-wrap {
  background-color: #151515;
}
.bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .img-wrap {
    display: none;
  }
}
.bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .img-wrap img {
  width: 1920px;
  aspect-ratio: 16.2711864407;
}
.bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .logo-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .logo-wrap {
    position: relative;
    transform: none;
  }
}
.bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .logo-wrap img {
  width: 210px;
  aspect-ratio: 2.625;
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .logo-wrap img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .book-my-logo-wrap .bg-img-wrap .logo-wrap img {
    max-width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .seats-outer {
    display: none;
  }
}
.bookmyticket-wrapper .seats-outer img {
  width: 1617px;
  aspect-ratio: 2.9082733813;
  height: auto;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.5;
}

/*Bookmyticket app css ends here*/

/*6pp app css starts here*/

@font-face {
  font-family: "Binjay";
  src: url("../woff2/binjay.woff2") format("woff2"),
    url("../woff/binjay.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../woff2/roboto-regular-2.woff2")
      format("woff2"),
    url("../woff/roboto-regular-2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../woff2/roboto-medium.woff2")
      format("woff2"),
    url("../woff/roboto-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../woff2/roboto-bold.woff2")
      format("woff2"),
    url("../woff/roboto-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../woff2/poppins-bold-2.woff2")
      format("woff2"),
    url("../woff/poppins-bold-2.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.wrapper-6pp-success {
  background-color: #101010;
  font-family: "Roboto";
  font-weight: 400;
  color: #ffffff;
}

@media only screen and (min-width: 1500px) {
  .wrapper-6pp-success .abworkout-container {
    max-width: 1440px;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-6pp-success .abworkout-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-6pp-success .abworkout-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-6pp-success .abworkout-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.wrapper-6pp-success .abptb-150 {
  padding: 150px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .abptb-150 {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abptb-150 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abptb-150 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .abptb-150 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abptb-150 {
    padding: 35px 0;
  }
}

.wrapper-6pp-success .abpt-150 {
  padding-top: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .abpt-150 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abpt-150 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abpt-150 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .abpt-150 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abpt-150 {
    padding-top: 35px;
  }
}

.wrapper-6pp-success .abpb-150 {
  padding-bottom: 150px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .abpb-150 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abpb-150 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abpb-150 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .abpb-150 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abpb-150 {
    padding-bottom: 35px;
  }
}

.wrapper-6pp-success .abmb-150 {
  margin-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .abmb-150 {
    margin-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abmb-150 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abmb-150 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .abmb-150 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abmb-150 {
    margin-bottom: 35px;
  }
}

.wrapper-6pp-success .abfont-binjoy {
  font-family: "Binjay";
}
.wrapper-6pp-success .abroboto-medium {
  font-weight: 500;
}
.wrapper-6pp-success .abroboto-bold {
  font-weight: 700;
}

.wrapper-6pp-success .abfont-56 {
  font-size: 56px;
  line-height: 68px;
}
@media only screen and (max-width: 1499px) {
  .wrapper-6pp-success .abfont-56 {
    font-size: 50px;
    line-height: 62px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abfont-56 {
    font-size: 38px;
    line-height: 48px;
  }
}

.wrapper-6pp-success .abfont-40 {
  font-size: 40px;
  line-height: 40px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abfont-40 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abfont-40 {
    font-size: 28px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abfont-40 {
    font-size: 24px;
    line-height: 32px;
  }
}

.wrapper-6pp-success .abfont-22 {
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abfont-22 {
    font-size: 18px;
    line-height: 28px;
  }
}

.wrapper-6pp-success .abfont-18 {
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abfont-18 {
    font-size: 16px;
    line-height: 26px;
  }
}

.wrapper-6pp-success .abfont-orange {
  color: #ff5500;
}

.wrapper-6pp-success .abbr-24 {
  border-radius: 24px;
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .abfont-24 {
    border-radius: 20px;
  }
}

.wrapper-6pp-success .ab-banner-section {
  position: relative;
  overflow: hidden;
}
.wrapper-6pp-success .ab-banner-section:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 992px;
  height: 699px;
  background: url("../webp/banner-bg.webp")
    no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-banner-section:before {
    background: url("../webp/banner-bg-2.webp")
      no-repeat;
    background-size: 80%;
    background-position: right top;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-banner-section:before {
    background: url("../webp/banner-bg-3.webp")
      no-repeat;
    background-size: 80%;
    background-position: right top;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-banner-section:before {
    opacity: 0.3;
  }
}

.wrapper-6pp-success .ab-banner-section .banner-wrapper {
  position: relative;
  z-index: 2;
}

.wrapper-6pp-success
  .ab-banner-section
  .banner-wrapper
  .middle-img-wrap
  .mobtext {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 16.875rem;
  line-height: 25.313rem;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1699px) {
  .wrapper-6pp-success
    .ab-banner-section
    .banner-wrapper
    .middle-img-wrap
    .mobtext {
    font-size: 12.875rem;
    line-height: 16.313rem;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-banner-section
    .banner-wrapper
    .middle-img-wrap
    .mobtext {
    font-size: 8.875rem;
    line-height: 12.313rem;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-banner-section
    .banner-wrapper
    .middle-img-wrap
    .mobtext {
    font-size: 6.375rem;
    line-height: 8.313rem;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success
    .ab-banner-section
    .banner-wrapper
    .middle-img-wrap
    .mobtext {
    position: relative;
    top: 0;
    transform: none;
    font-size: 3.375rem;
    line-height: 5.313rem;
    margin-top: 15px;
  }
}

.wrapper-6pp-success
  .ab-banner-section
  .banner-wrapper
  .middle-img-wrap
  .img-wrap {
  max-width: 387px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-banner-section
    .banner-wrapper
    .middle-img-wrap
    .img-wrap
    img {
    max-width: 80%;
  }
}

.wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numb-outer {
  max-width: 610px;
  margin: 0 auto;
}

.wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numbers {
    grid-gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numbers {
    grid-gap: 15px;
  }
}
.wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numbers .item {
  border: 1px solid #ff5500;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-banner-section .banner-wrapper .work-numbers .item {
    padding: 15px 20px;
  }
}

/*6pp about section css starts here*/
.wrapper-6pp-success .ababout-section {
  position: relative;
}
.wrapper-6pp-success .ababout-section:before {
  content: "";
  position: absolute;
  background: url("../webp/about-bg-2.webp")
    no-repeat center;
  background-size: contain;
  width: 100%;
  height: 780px;
  top: 50%;
  transform: translateY(-50%);
}

.wrapper-6pp-success .ababout-section:before {
  background: url("../webp/about-bg-3.webp")
    no-repeat center;
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ababout-section:before {
    display: none;
  }
}
.wrapper-6pp-success .ababout-section .about-abworkout {
  background: linear-gradient(
    180deg,
    rgba(16, 16, 16, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}
.wrapper-6pp-success .ababout-section .abworkout-container {
  position: relative;
  z-index: 2;
}
.wrapper-6pp-success .ababout-section .about-abworkout .content-wrap {
  padding: 30px 40px 0;
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ababout-section .about-abworkout .content-wrap {
    padding: 15px 20px 0;
  }
}

.wrapper-6pp-success .ababout-section .about-abworkout .content-wrap .img-wrap {
  max-width: 418px;
  margin: 30px auto 0;
}
.wrapper-6pp-success .ababout-section .orange-box {
  padding: 78px;
  background-color: #ff5500;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ababout-section .orange-box {
    padding: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ababout-section .orange-box {
    padding: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ababout-section .orange-box {
    padding: 20px;
  }
}

/*6pp about section css ends here*/

/*6pp ab specifications section css starts here*/
.wrapper-6pp-success .ab-specifications .ab-specs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-specifications .ab-specs-wrapper {
    gap: 15px;
  }
}
.wrapper-6pp-success .ab-specifications .ab-specs-wrapper .item-club {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-specifications .ab-specs-wrapper .item-club {
    grid-gap: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-specifications .ab-specs-wrapper .item-club {
    grid-template-columns: 1fr;
  }
}

.wrapper-6pp-success .ab-specifications .ab-specs-wrapper .item .inner-item {
  overflow: hidden;
  position: relative;
}
.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #ff5500;
}
.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div {
  background-color: #202020;
  padding: 90px 40px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div {
    padding: 50px 30px 90px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div {
    padding: 30px 30px 90px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div {
    padding: 25px 20px 90px;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div.last {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div.last {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div.last {
    padding: 25px 20px 35px;
  }
}

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .img-wrap {
  text-align: center;
}

/*final one*/

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div {
  position: relative;
}

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .content {
  position: relative;
  z-index: 1;
  background-color: grey;
  overflow: hidden;
}

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .carte-button {
  bottom: 44px;
  right: 44px;
  position: absolute;
  z-index: 3;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte-button {
    bottom: 35px;
    right: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte-button {
    bottom: 25px;
    right: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte-button {
    width: 35px;
    height: 35px;
  }
}

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .carte {
  position: absolute;
  bottom: 40px;
  padding: 20px;
  left: 0;
  right: 60px;
  background-color: rgba(62, 62, 62, 0.25);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 24px;
  width: calc(100% - 155px);
  height: auto;
  margin: 0 auto;
  transition: all 0.3s linear;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  font-size: 18px;
  line-height: 30px;
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte {
    right: 0;
    bottom: 76px;
    width: calc(100% - 80px);
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 480px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte {
    width: calc(100% - 50px);
    padding: 15px;
  }
}
.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .carte-button:hover {
  opacity: 0.35;
  transition: all 0.3s ease-in-out;
}

.wrapper-6pp-success
  .ab-specifications
  .ab-specs-wrapper
  .item
  .inner-item.clr-div
  .carte-button:hover
  + .carte {
  border-top: none;
  bottom: 40px;
  height: auto;
  width: calc(100% - 155px);
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte-button:hover
    + .carte {
    bottom: 76px;
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 480px) {
  .wrapper-6pp-success
    .ab-specifications
    .ab-specs-wrapper
    .item
    .inner-item.clr-div
    .carte-button:hover
    + .carte {
    width: calc(100% - 50px);
  }
}

/*6pp ab specifications section css ends here*/

/*6pp challenges section css starts here*/
.wrapper-6pp-success ul.lists li {
  position: relative;
  padding-left: 35px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success ul.lists li {
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success ul.lists li {
    margin: 0 0 10px;
  }
}
.wrapper-6pp-success ul.lists li:last-child {
  margin: 0;
}
.wrapper-6pp-success ul.lists li:before {
  content: "";
  position: absolute;
  background: url("../svg/checkbox.svg")
    no-repeat;
  background-size: cover;
  width: 21px;
  height: 21px;
  top: 4px;
  left: 0;
}
@media only screen and (max-width: 480px) {
  .wrapper-6pp-success ul.lists li:before {
    width: 18px;
    height: 18px;
  }
}

.wrapper-6pp-success ul.lists-two li {
  position: relative;
  padding-left: 30px;
  margin: 0 0 15px;
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success ul.lists-two li {
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success ul.lists-two li {
    margin: 0 0 6px;
    padding-left: 25px;
  }
}

.wrapper-6pp-success ul.lists-two li:last-child {
  margin: 0;
}
.wrapper-6pp-success ul.lists-two li:before {
  content: "";
  position: absolute;
  border: 1px solid #ff5500;
  border-radius: 99em;
  width: 14px;
  height: 14px;
  top: 7px;
  left: 0;
}

.wrapper-6pp-success .abrightside {
  max-width: 891px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media only screen and (max-width: 1499px) {
  .wrapper-6pp-success .abrightside {
    max-width: none;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .abrightside {
    gap: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .abrightside {
    gap: 20px;
  }
}

/*6pp challenges section css ends here*/

/*6pp features section css starts here*/
.wrapper-6pp-success .ab-features-section {
  width: 100%;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1499px) {
  .wrapper-6pp-success .ab-features-section {
    margin-bottom: 50px;
  }
}

.wrapper-6pp-success .ab-features-section p {
  margin: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-6pp-success .ab-features-section {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-6pp-success .ab-features-section {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-features-section .left-right-space {
    padding-top: 15px;
  }
}
.wrapper-6pp-success .ab-features-section .challenges-steps {
  position: relative;
  z-index: 1;
  max-width: 640px;
  margin: 0 auto -70px;
}

.wrapper-6pp-success .ab-features-section .challenges-steps .challenges-cards {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
  border-radius: 24px;
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards {
    border-radius: 9px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards {
    border-radius: 16px;
  }
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards
  .moreover-media
  .media {
  display: flex;
  flex-direction: column;
}

.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards
  .moreover-media
  .moreover-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 99em;
  margin: 0 0 15px;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards
    .moreover-media
    .moreover-box {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards
    .moreover-media
    .moreover-box {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards
    .moreover-media
    .moreover-box
    img {
    max-width: 60%;
  }
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards
  .moreover-media
  .moreover-text {
  text-align: left;
}

.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(even) {
  background-color: #ff5500;
  padding: 35px;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards:nth-child(even) {
    padding: 25px 20px;
  }
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(odd) {
  background-color: #202020;
  padding: 35px;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-features-section
    .challenges-steps
    .challenges-cards:nth-child(odd) {
    padding: 25px 20px;
  }
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(1) {
  position: sticky;
  top: 80px;
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(2) {
  position: sticky;
  top: 100px;
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(3) {
  position: sticky;
  top: 120px;
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(4) {
  position: sticky;
  top: 140px;
}
.wrapper-6pp-success
  .ab-features-section
  .challenges-steps
  .challenges-cards:nth-child(5) {
  position: sticky;
  top: 160px;
}
/*6pp features section css ends here*/

/*6pp abproduct section css starts here*/
.wrapper-6pp-success .ab-product-section {
  overflow: hidden;
}

.wrapper-6pp-success .ab-product-section .bottomview {
  position: relative;
}
.wrapper-6pp-success .ab-product-section .bottomview:before {
  content: "";
  position: absolute;
  background: url("../webp/product-bg.webp")
    no-repeat;
  width: 100%;
  height: 800px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-product-section .bottomview:before {
    display: none;
  }
}

.wrapper-6pp-success .ab-product-section .bottomview .product-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper {
    gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper {
    grid-template-columns: 1fr;
  }
}

.wrapper-6pp-success .ab-product-section .bottomview .product-wrapper .item {
  display: flex;
  flex-direction: column;
  gap: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper .item {
    gap: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper .item {
    gap: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper .item {
    gap: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-product-section .bottomview .product-wrapper .item {
    gap: 30px;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    min-width: 100%;
    flex-direction: row;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item::-webkit-scrollbar {
    height: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item::-webkit-scrollbar-track {
    background-color: #202020; /* Customize scrollbar track color */
  }
}

.wrapper-6pp-success
  .ab-product-section
  .bottomview
  .product-wrapper
  .item:nth-child(2) {
  margin-top: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item:nth-child(2) {
    margin-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item:nth-child(2) {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item:nth-child(2) {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item:nth-child(2) {
    margin-top: 0;
  }
}

.wrapper-6pp-success
  .ab-product-section
  .bottomview
  .product-wrapper
  .item
  .img-wrap {
  max-width: 330px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-product-section
    .bottomview
    .product-wrapper
    .item
    .img-wrap {
    min-width: 40%;
    margin: 0 0 10px;
  }
}

/*6pp abproduct section css ends here*/

/*6pp ab-clientwords-section css starts here*/
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-clientwords-section .abrightside {
    text-align: center;
  }
}

.wrapper-6pp-success .ab-clientwords-section .logo-wrap {
  background-color: #202020;
  padding: 60px 30px;
  margin-right: 15px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap {
    padding: 45px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap {
    padding: 35px 15px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap {
    max-width: 50%;
    margin: 0 auto 30px;
    padding: 20px 15px;
  }
}

.wrapper-6pp-success .ab-clientwords-section .logo-wrap:before {
  content: "";
  position: absolute;
  top: 3px;
  right: -41px;
  background: url("../svg/quote.svg")
    no-repeat;
  width: 82px;
  height: 71px;
}

@media only screen and (max-width: 1499px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap:before {
    background-size: 60%;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap:before {
    background-size: 35%;
    background-position: right top;
    right: -5px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap .logo {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-clientwords-section .logo-wrap .logo img {
    max-width: 80%;
    margin: 0 auto;
  }
}

.wrapper-6pp-success .ab-clientwords-section .abrightside {
  gap: 15px;
}
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-clientwords-section .abrightside {
    gap: 10px;
  }
}

.wrapper-6pp-success .ab-clientwords-section .abrightside p {
  font-size: 30px;
  line-height: 55px;
}

@media only screen and (max-width: 1499px) {
  .wrapper-6pp-success .ab-clientwords-section .abrightside p {
    font-size: 26px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-clientwords-section .abrightside p {
    font-size: 22px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-clientwords-section .abrightside p {
    font-size: 18px;
    line-height: 28px;
  }
}

/*6pp ab-result-section css starts here*/
@media only screen and (max-width: 991px) {
  .wrapper-6pp-success .ab-result-section p {
    text-align: center;
  }
}

.wrapper-6pp-success .ab-result-section p .color-text {
  color: #ff5500;
}
.wrapper-6pp-success .ab-result-section p .color-text sup {
  color: #ffffff;
}
/*6pp ab-result-section css ends here*/

/*6pp ab-imgs-section css starts here*/

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-imgs-section {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-imgs-section {
    margin-top: 35px;
  }
}

.wrapper-6pp-success .ab-imgs-section .img-wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-imgs-section .img-wrapper {
    gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-imgs-section .img-wrapper {
    gap: 15px;
  }
}

/*6pp ab-imgs-section css ends here*/

/*6pp ab-techstack-section css starts here*/
.wrapper-6pp-success .ab-techstack-section .techstack-main ul {
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .wrapper-6pp-success .ab-techstack-section .techstack-main ul {
    gap: 15px;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-techstack-section
    .techstack-main
    ul::-webkit-scrollbar {
    height: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-techstack-section
    .techstack-main
    ul::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-techstack-section
    .techstack-main
    ul::-webkit-scrollbar-track {
    background-color: #202020; /* Customize scrollbar track color */
  }
}

.wrapper-6pp-success .ab-techstack-section .techstack-main ul li {
  width: calc(33.33% - 30px);
}
@media only screen and (max-width: 1199px) {
  .wrapper-6pp-success .ab-techstack-section .techstack-main ul li {
    width: calc(33.33% - 15px);
  }
}

@media only screen and (max-width: 480px) {
  .wrapper-6pp-success .ab-techstack-section .techstack-main ul li {
    width: 100%;
    min-width: 45%;
    margin: 0 0 10px;
  }
}

.wrapper-6pp-success .ab-techstack-section .techstack-main ul li .tech-box {
  background-color: #242424;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 27px 18px;
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .ab-techstack-section .techstack-main ul li .tech-box {
    padding: 15px;
    gap: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .ab-techstack-section .techstack-main ul li .tech-box {
    gap: 10px;
  }
}

.wrapper-6pp-success
  .ab-techstack-section
  .techstack-main
  ul
  li
  .tech-box
  .img-box {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success
    .ab-techstack-section
    .techstack-main
    ul
    li
    .tech-box
    .img-box {
    height: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-6pp-success
    .ab-techstack-section
    .techstack-main
    ul
    li
    .tech-box
    .img-box
    img {
    max-width: 80%;
  }
}
.wrapper-6pp-success .ab-techstack-section .techstack-main ul li .tech-name {
  opacity: 0.7;
}

/* ---------------jetson-wrapper transport cta -two css start -----------*/

.wrapper-6pp-success .section-6pp-cta-bg-two {
  background: #000000;
  margin-top: 40px;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .practice-container {
  max-width: 1300px !important;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-blue-bg {
  background: #202020;
  border-radius: 24px;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .to-bg {
  background: #ff5500;
  border-radius: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1499px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 31%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 36%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 28%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis {
  margin: 0;
  padding: 80px 0px 90px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 90px 0px 90px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 60px 0px 70px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box {
  margin-top: 24px;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to {
  margin-top: 24px;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to a {
    padding: 9px 14px;
    font-size: 14px;
  }
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box a:hover {
  background: #ff5500;
  color: #ffffff;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-btn-box-to a:hover {
  background: #000000;
  color: #ffffff;
}
.wrapper-6pp-success .section-6pp-cta-bg-two .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-img-right-img-box {
    position: static;
    margin-top: 10px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-6pp-success .section-6pp-cta-bg-two .cta-img-right-img-box {
    display: none;
  }
}
/*6pp ab-techstack-section css ends here*/

/*6pp app css ends here*/

/*school management system css starts here*/

@font-face {
  font-family: "Satoshi-Light";
  src: url("../woff2/satoshi-light.woff2")
      format("woff2"),
    url("../woff/satoshi-light.woff")
      format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("../woff2/satoshi-regular.woff2")
      format("woff2"),
    url("../woff/satoshi-regular.woff")
      format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("../woff2/satoshi-medium.woff2")
      format("woff2"),
    url("../woff/satoshi-medium.woff")
      format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("../woff2/satoshi-bold.woff2")
      format("woff2"),
    url("../woff/satoshi-bold.woff")
      format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("../woff2/satoshi-black.woff2")
      format("woff2"),
    url("../woff/satoshi-black.woff")
      format("woff");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

.schoolportfolio-outer {
  background: #f2f2f2;
  overflow: hidden;
  font-family: "Satoshi";
}
.schoolportfolio-outer .slick-prev,
.schoolportfolio-outer .slick-next {
  font-size: 0;
  display: none;
  height: 0;
  width: 0;
}
@media only screen and (min-width: 1600px) {
  .schoolportfolio-outer .school-custom-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
  }
}
.schoolportfolio-outer .smfont-300 {
  font-weight: 300;
  font-family: "Satoshi-Light";
}
.schoolportfolio-outer .smfont-400 {
  font-weight: 400;
  font-family: "Satoshi-Regular";
}
.schoolportfolio-outer .smfont-500 {
  font-weight: 500;
  font-family: "Satoshi-Medium";
}
.schoolportfolio-outer .smfont-700 {
  font-weight: 700;
  font-family: "Satoshi-Bold";
}
.schoolportfolio-outer .smfont-900 {
  font-weight: 900;
  font-family: "Satoshi-Black";
}
.schoolportfolio-outer .smfont-lightorange {
  color: #f7b696;
}
.schoolportfolio-outer .smfont-black {
  color: #111;
}
.schoolportfolio-outer .smfont-30 {
  font-size: 30px;
  line-height: 41px;
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-30 {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-30 {
    font-size: 20px;
    line-height: 30px;
  }
}
.schoolportfolio-outer .smfont-6045 {
  font-size: 60px;
  line-height: 45px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .smfont-6045 {
    font-size: 55px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-6045 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-6045 {
    font-size: 40px;
    line-height: 50px;
  }
}
.schoolportfolio-outer .smfont-60 {
  font-size: 60px;
  line-height: 90px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .smfont-60 {
    font-size: 55px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-60 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-60 {
    font-size: 40px;
    line-height: 50px;
  }
}
.schoolportfolio-outer .smfont-90 {
  font-size: 90px;
  line-height: 120px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 44px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-90 {
    font-size: 27px;
    line-height: 37px;
  }
}
.schoolportfolio-outer .smfont-24 {
  font-size: 24px;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-24 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-24 {
    font-size: 16px;
    line-height: 26px;
  }
}
.schoolportfolio-outer .smfont-2444 {
  font-size: 24px;
  line-height: 44px;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-2444 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-2444 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-2444 {
    font-size: 16px;
    line-height: 26px;
  }
}
.schoolportfolio-outer .smfont-2450 {
  font-size: 24px;
  line-height: 50px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .smfont-2450 {
    font-size: 22px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-2450 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-2450 {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-2450 {
    font-size: 16px;
    line-height: 26px;
  }
}
.schoolportfolio-outer .smfont-50 {
  font-size: 50px;
  line-height: 97px;
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .smfont-50 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-50 {
    font-size: 44px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-50 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-50 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-50 {
    font-size: 27px;
    line-height: 37px;
  }
}
.schoolportfolio-outer .smfont-28 {
  font-size: 28px;
  line-height: 44px;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-28 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-28 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-28 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-28 {
    font-size: 16px;
    line-height: 26px;
  }
}
.schoolportfolio-outer .smfont-5068 {
  font-size: 50px;
  line-height: 68px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .smfont-5068 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-5068 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-5068 {
    font-size: 32px;
    line-height: 42px;
  }
}
.schoolportfolio-outer .smfont-121 {
  font-size: 115px;
  line-height: 164px;
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .smfont-121 {
    font-size: 85px;
    line-height: 95px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-121 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-121 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-121 {
    font-size: 40px;
    line-height: 50px;
  }
}
.schoolportfolio-outer .smfont-145 {
  font-size: 139.79px;
  line-height: 197px;
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .smfont-145 {
    font-size: 85px;
    line-height: 95px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-145 {
    font-size: 72px;
    line-height: 82px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-145 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-145 {
    font-size: 40px;
    line-height: 50px;
  }
}
.schoolportfolio-outer .smfont-15 {
  font-size: 15.1366px;
  line-height: 20px;
}
@media only screen and (max-width: 370px) {
  .schoolportfolio-outer .smfont-15 {
    font-size: 12.1366px;
    line-height: 20px;
  }
}
.schoolportfolio-outer .smfont-28dec {
  font-size: 28.1108px;
  line-height: 38px;
}
@media only screen and (max-width: 370px) {
  .schoolportfolio-outer .smfont-28dec {
    font-size: 14.1108px;
    line-height: 20px;
  }
}
.schoolportfolio-outer .smfont-42 {
  font-size: 42.8014px;
  line-height: 58px;
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .smfont-42 {
    font-size: 35px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-42 {
    font-size: 32px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-42 {
    font-size: 27px;
    line-height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-42 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-42 {
    font-size: 19px;
    line-height: 29px;
  }
}
.schoolportfolio-outer .smfont-17 {
  font-size: 17.5097px;
  line-height: 31px;
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-17 {
    font-size: 17px;
    line-height: 27px;
  }
}
.schoolportfolio-outer .smfont-1714 {
  font-size: 17.5097px;
  line-height: 14px;
}
.schoolportfolio-outer .smfont-54 {
  font-size: 54px;
  line-height: 73px;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .smfont-54 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .smfont-54 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .smfont-54 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .smfont-54 {
    font-size: 22px;
    line-height: 32px;
  }
}

/*school management system school-hero-section css starts here*/
.schoolportfolio-outer .school-hero-section {
  background: #efede9
    url("../svg/school-bannerbg.svg")
    no-repeat;
  background-size: cover;
  padding-bottom: 445px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-hero-section {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-hero-section {
    padding-bottom: 525px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-hero-section {
    padding-bottom: 0px;
  }
}
.schoolportfolio-outer .school-hero-section .school-title {
  padding-top: 90px;
  max-width: 1130px;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-hero-section .school-title {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-hero-section .school-title {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-hero-section .school-title {
    padding-top: 60px;
  }
}
.schoolportfolio-outer .school-hero-section .school-title h1 {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 560px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 490px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-hero-section .school-title h1 {
    max-width: 280px;
  }
}
.schoolportfolio-outer .school-hero-section .school-title p {
  max-width: 891px;
  padding-top: 30px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-hero-section .school-title p {
    max-width: 845px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-hero-section .school-title p {
    max-width: 840px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-hero-section .school-title p {
    padding-top: 20px;
    max-width: 735px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-hero-section .school-title p {
    padding-top: 15px;
    max-width: 630px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-hero-section .school-title p {
    padding-top: 10px;
    max-width: 465px;
  }
}
.schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
  padding-top: 94px;
}
@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-hero-section .school-title .hero-dash-img {
    padding-top: 30px;
  }
}
.schoolportfolio-outer .school-hero-section .school-title .hero-dash-img img {
  width: 1200px;
  aspect-ratio: auto 1.4527845036;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

/*school management system school-hero-section css ends here*/

/*school management system school about section css starts here*/

.schoolportfolio-outer .school-about-section {
  background: #111
    url("../svg/school-bannerbg.svg")
    no-repeat;
  background-size: cover;
  margin-top: -925px;
  border-top-right-radius: 800px;
  border-top-left-radius: 800px;
  padding-bottom: 450px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-about-section {
    padding-bottom: 280px;
    margin-top: -530px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-about-section {
    padding-bottom: 200px;
    margin-top: -925px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-about-section {
    margin-top: -230px;
    border-top-right-radius: 315px;
    border-top-left-radius: 315px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-about-section {
    margin-top: -170px;
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .schoolportfolio-outer .school-about-section {
    border-top-right-radius: 700px;
    border-top-left-radius: 700px;
  }
}
@media only screen and (max-width: 380px) {
  .schoolportfolio-outer .school-about-section {
    margin-top: -175px;
  }
}
.schoolportfolio-outer .school-about-section .schoolabout-title {
  padding-top: 610px;
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title {
    padding-top: 545px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title {
    padding-top: 575px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title {
    padding-top: 430px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title {
    padding-top: 250px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title {
    padding-top: 200px;
  }
}
.schoolportfolio-outer .school-about-section .schoolabout-title p {
  max-width: 846px;
  padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title p {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-about-section .schoolabout-title p {
    padding-top: 10px;
  }
}
.schoolportfolio-outer .school-about-section .aboutpro-details {
  padding: 120px 0;
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details {
    padding: 60px 0 80px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details {
    padding: 40px 0 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details {
    padding: 20px 0 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details {
    padding: 0;
  }
}
.schoolportfolio-outer .school-about-section .aboutpro-details .admin-title {
  float: right;
  margin-top: 6.5vw;
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details .admin-title {
    margin-top: 5.5vw;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details .admin-title {
    float: none;
    text-align: left;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-about-section .aboutpro-details .admin-title {
    text-align: center;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .admin-title
  span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .admin-title
    span {
    writing-mode: initial;
    transform: rotate(0deg);
    opacity: 0.4;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .admin-title
    span {
    display: block;
    margin: 0 0 15px;
  }
}
.schoolportfolio-outer .school-about-section .aboutpro-details .about-details {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    gap: 15px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details::-webkit-scrollbar {
    height: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details::-webkit-scrollbar-track {
    background-color: #202020; /* Customize scrollbar track color */
  }
}

.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item:nth-child(2) {
  margin: 15px 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(2) {
    margin-top: 0;
    margin-right: 0;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item:nth-child(3) {
  margin: 105px 0 0 10px;
}
@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(3) {
    margin: 75px 0 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(3) {
    margin: 65px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(3) {
    margin: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(4) {
    margin-top: -75px;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(4) {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item:nth-child(4) {
    margin-top: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item {
    width: 100%;
    min-width: 45%;
    margin-bottom: 10px;
    height: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item {
    min-width: 55%;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    span {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .about-img {
    text-align: center;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item
  .about-img
  img {
  width: 292px;
  aspect-ratio: auto 0.9931972789;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item
  .teacher-title {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .teacher-title {
    text-align: center;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item
  .teacher-title
  span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .teacher-title
    span {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .teacher-title
    span {
    display: block;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title {
    display: none;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item
  .parent-title
  span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title
    span {
    opacity: 0.4;
  }
}
@media only screen and (min-width: 768px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title-mob {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title-mob {
    text-align: center;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .about-details
  .about-item
  .parent-title-mob
  span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title-mob
    span {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .about-details
    .about-item
    .parent-title-mob
    span {
    display: block;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title {
    display: none;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .student-title
  span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (min-width: 1200px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob {
    text-align: center;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob {
    padding-top: 0;
  }
}
.schoolportfolio-outer
  .school-about-section
  .aboutpro-details
  .student-title-mob
  span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob
    span {
    writing-mode: initial;
    transform: rotate(0deg);
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob
    span {
    display: block;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-about-section
    .aboutpro-details
    .student-title-mob
    span {
    opacity: 0.4;
  }
}

/*school management system school about section css ends here*/

/*school management system prob sol section section css starts here*/

.schoolportfolio-outer .school-prob-sol-section {
  margin-top: -450px;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-prob-sol-section {
    margin-top: -200px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-prob-sol-section {
    margin-top: -300px;
  }
}

.schoolportfolio-outer .school-prob-sol-section .prob-sol-main {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main {
    display: block;
  }
}

.schoolportfolio-outer .school-prob-sol-section .prob-sol-main .problem {
  max-width: 50%;
  position: relative;
  transform: rotate(-4deg);
  margin-top: 190px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main .problem {
    margin-top: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main .problem {
    margin-top: 115px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main .problem {
    max-width: 100%;
    transform: rotate(0deg);
    margin-top: 0px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main .problem {
    margin-top: 150px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .problem
  .problem-details {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.08);
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .problem
  .problem-details
  h3 {
  padding: 50px 0 40px 50px;
}

@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    h3 {
    padding: 40px 0 10px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    h3 {
    padding: 30px 0 10px 20px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    h3 {
    padding: 30px 0 10px 15px;
    margin: 0;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .problem
  .problem-details
  p {
  padding: 0 70px 50px 50px;
}

@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    p {
    padding: 0 30px 40px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    p {
    padding: 0 30px 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    p {
    padding: 0 15px 40px 15px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .problem
  .problem-details
  .l-orangeimg {
  position: absolute;
  top: -30px;
  left: -44px;
}

@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    .l-orangeimg {
    top: -30px;
    left: -75px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .problem
    .problem-details
    .l-orangeimg {
    display: none;
  }
}

.schoolportfolio-outer .school-prob-sol-section .prob-sol-main .solution {
  max-width: 50%;
  position: relative;
  transform: rotate(6deg);
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-prob-sol-section .prob-sol-main .solution {
    max-width: 100%;
    transform: rotate(0deg);
    margin-top: 30px;
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .solution
  .solution-details {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.08);
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .solution
  .solution-details
  h3 {
  padding: 50px 0 40px 50px;
}

@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    h3 {
    padding: 40px 0 10px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    h3 {
    padding: 30px 0 10px 20px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    h3 {
    padding: 30px 0 10px 15px;
    margin: 0;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .solution
  .solution-details
  p {
  padding: 0 50px 50px 50px;
}

@media only screen and (max-width: 1499px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    p {
    padding: 0 30px 40px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    p {
    padding: 0 30px 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    p {
    padding: 0 15px 40px 15px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .prob-sol-main
  .solution
  .solution-details
  .violet-img {
  position: absolute;
  top: -30px;
  right: -40px;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .prob-sol-main
    .solution
    .solution-details
    .violet-img {
    display: none;
  }
}

.schoolportfolio-outer .school-prob-sol-section .admin-portal {
  background: #f7b696;
  margin: 120px 0 314px 0;
  height: 1157px;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 90px 0 225px 0;
    height: 1150px;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 90px 0 225px 0;
    height: 1030px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 80px 0 200px 0;
    height: 960px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 60px 0 170px 0;
    height: 790px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 40px 0 125px 0;
    height: 650px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 30px -15px 145px -15px;
    height: 1365px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 30px -15px 0px -15px;
    height: auto;
  }
}

@media only screen and (max-width: 340px) {
  .schoolportfolio-outer .school-prob-sol-section .admin-portal {
    margin: 30px -15px 110px -15px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-port-partone {
  background: #576086;
  height: 10px;
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title {
  padding-top: 70px;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title {
    padding: 30px 15px 0 15px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title {
    padding: 30px 15px 30px 15px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title
  p {
  max-width: 1009px;
  padding-top: 30px;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    p {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    p {
    padding-top: 10px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title
  .admin-port-img {
  display: flex;
  max-width: 1338px;
  gap: 50px;
  padding-top: 80px;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img {
    gap: 20px;
    padding: 50px 20px 0 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img {
    gap: 20px;
    padding: 40px 30px 0 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img {
    gap: 15px;
    padding: 30px 25px 0 25px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img {
    padding: 20px 15px 0 15px;
    gap: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img {
    display: block;
    max-width: 100%;
    padding: 20px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img
    .admin-port-item:nth-child(2) {
    padding-top: 20px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title
  .admin-port-img
  .admin-port-item
  img {
  width: 656px;
  aspect-ratio: auto 1.4774774775;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img
    .admin-port-item
    img {
    max-width: 80%;
  }
}

@media only screen and (max-width: 380px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img
    .admin-port-item
    img {
    max-width: 100%;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title
  .admin-port-img-two {
  display: flex;
  max-width: 1338px;
  gap: 50px;
  padding-top: 35px;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two {
    gap: 20px;
    padding: 50px 20px 0 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two {
    gap: 20px;
    padding: 40px 30px 0 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two {
    gap: 15px;
    padding: 30px 25px 0 25px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two {
    gap: 10px;
    padding: 20px 15px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two {
    display: block;
    max-width: 100%;
    padding: 20px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two
    .admin-port-item:nth-child(2) {
    padding-top: 20px;
  }
}

.schoolportfolio-outer
  .school-prob-sol-section
  .admin-portal
  .admin-portal-title
  .admin-port-img-two
  .admin-port-item
  img {
  width: 656px;
  aspect-ratio: auto 1.4774774775;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two
    .admin-port-item
    img {
    max-width: 80%;
  }
}

@media only screen and (max-width: 380px) {
  .schoolportfolio-outer
    .school-prob-sol-section
    .admin-portal
    .admin-portal-title
    .admin-port-img-two
    .admin-port-item
    img {
    max-width: 100%;
  }
}

/*school management system prob sol section section css ends here*/

/*school management system stu-parent-sections section css starts here*/

.schoolportfolio-outer .school-stu-parent-sections {
  background: #111
    url("../svg/stu-parbg.svg")
    no-repeat;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-stu-parent-sections {
    margin-top: 0;
  }
}

.schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
  margin: 120px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 90px 0;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 40px 0 70px 0;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 40px 0 50px 0;
  }
}

@media only screen and (max-width: 480px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 30px 0 50px 0;
  }
}

@media only screen and (max-width: 380px) {
  .schoolportfolio-outer .school-stu-parent-sections .stu-parent-wrapper {
    margin: 30px 0 40px 0;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer {
    display: block;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer {
    margin-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer {
    margin-top: 0;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .image.multiple {
  height: 688px;
  width: 1000px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .image.multiple {
    width: 780px;
    height: auto;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .image.multiple {
    width: 885px;
    height: auto;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .image.multiple {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .image.multiple {
    margin-top: 20px;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .image.multiple
  .slide-two {
  /* width: 1000px; */
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .image.multiple
    .slide-two {
    width: 100% !important;
    height: auto !important;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .image.multiple
  .slide-two
  img {
  width: 1000px;
  aspect-ratio: auto 1.4534883721;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .image.multiple
  .slick-prev {
  display: none !important;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .image.multiple
  .slick-next {
  display: none !important;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title {
  max-width: 455px;
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title {
    max-width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title {
    margin: 0px 0 0 0;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul {
  margin: 0;
  padding: 0;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul
  li:nth-child(1)
  span {
  opacity: 0.1;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li:nth-child(1)
    span {
    opacity: 0.4;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul
  li:nth-child(2)
  span {
  opacity: 0.06;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li:nth-child(2)
    span {
    opacity: 0.3;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul
  li:nth-child(3)
  span {
  opacity: 0.03;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li:nth-child(3)
    span {
    opacity: 0.2;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul
  li
  span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer
  .stu-parent-title
  ul
  li
  + li {
  margin-top: -60px;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li
    + li {
    display: none;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li
    + li {
    margin-top: -25px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer
    .stu-parent-title
    ul
    li
    + li {
    margin-top: -15px;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 80px;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two {
    display: block;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two {
    margin-top: 25px;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .image.multiple {
  width: 1000px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .image.multiple {
    width: 843px;
    height: auto;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .image.multiple {
    width: 885px;
    height: auto;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .image.multiple {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .image.multiple {
    margin-top: 20px;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .image.multiple
  .slide-two {
  /* width: 1000px; */
  background-position: center;
  background-size: cover;
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .image.multiple
    .slide-two {
    width: 100% !important;
    height: auto !important;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .image.multiple
  .slide-two
  img {
  /* width: 1000px; */
  aspect-ratio: auto 1.4534883721;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .image.multiple
  .slick-prev {
  display: none !important;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .image.multiple
  .slick-next {
  display: none !important;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title {
  max-width: 455px;
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title {
    max-width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title {
    margin: 0px 0 0 0;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul {
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul
  li:nth-child(1)
  span {
  opacity: 0.1;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li:nth-child(1)
    span {
    opacity: 0.4;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul
  li:nth-child(2)
  span {
  opacity: 0.06;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li:nth-child(2)
    span {
    opacity: 0.3;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul
  li:nth-child(3)
  span {
  opacity: 0.03;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li:nth-child(3)
    span {
    opacity: 0.2;
  }
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul
  li
  span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.schoolportfolio-outer
  .school-stu-parent-sections
  .stu-parent-wrapper
  .stu-parent-outer-two
  .stu-parent-title
  ul
  li
  + li {
  margin-top: -60px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li
    + li {
    margin-top: -25px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li
    + li {
    margin-top: -15px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-stu-parent-sections
    .stu-parent-wrapper
    .stu-parent-outer-two
    .stu-parent-title
    ul
    li
    + li {
    display: none;
  }
}

/*school management system stu-parent-sections section css ends here*/

/*school management system dashboard detail section css starts here*/

.schoolportfolio-outer .school-dashboard-details-section {
  margin: 120px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-dashboard-details-section {
    margin: 80px 0;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-dashboard-details-section {
    margin: 70px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-dashboard-details-section {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-dashboard-details-section {
    margin: 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-dashboard-details-section {
    margin: 40px 0;
  }
}

.schoolportfolio-outer .school-dashboard-details-section .admin-dash-details {
  background: #f7b696;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-dashboard-details-section .admin-dash-details {
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .admin-dash-details
  .admin-dash-description {
  padding: 40px 40px 0 40px;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description {
    padding: 30px 15px 0 15px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .admin-dash-details
  .admin-dash-description
  p {
  padding-top: 23px;
  max-width: 586px;
  margin: 0;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    p {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    p {
    padding-top: 10px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .admin-dash-details
  .admin-dash-description
  .dashboard-admin-img {
  padding-top: 100px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    .dashboard-admin-img {
    padding-top: 34px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    .dashboard-admin-img {
    padding-top: 33px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    .dashboard-admin-img {
    padding-top: 40px;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    .dashboard-admin-img {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .admin-dash-details
    .admin-dash-description
    .dashboard-admin-img {
    padding-top: 20px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .admin-dash-details
  .admin-dash-description
  .dashboard-admin-img
  img {
  width: 648px;
  aspect-ratio: auto 1.6831168831;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard {
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-student-details {
  background: #576086;
  padding: 40px 0 52px 40px;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-student-details {
    padding: 30px 15px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-student-details
  h3 {
  color: #fff;
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-student-details
  .dashboard-student-img {
  padding-top: 50px;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-student-details
    .dashboard-student-img {
    padding-top: 40px;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-student-details
    .dashboard-student-img {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-student-details
    .dashboard-student-img {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-student-details
    .dashboard-student-img {
    padding-top: 10px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-student-details
  .dashboard-student-img
  img {
  width: 480px;
  aspect-ratio: auto 1.4545454545;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-parent-details {
  background: #1b1b1b;
  padding: 40px 0 0 40px;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-parent-details {
    padding: 30px 15px 0 15px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-parent-details
  h3 {
  color: #fff;
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-parent-details
  .dashboard-parent-img {
  padding-top: 23px;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-parent-details
    .dashboard-parent-img {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-parent-details
    .dashboard-parent-img {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-dashboard-details-section
    .student-parent-dashboard
    .dashboard-parent-details
    .dashboard-parent-img {
    padding-top: 10px;
  }
}

.schoolportfolio-outer
  .school-dashboard-details-section
  .student-parent-dashboard
  .dashboard-parent-details
  .dashboard-parent-img
  img {
  width: 637px;
  aspect-ratio: auto 1.6208651399;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
/*school management system dashboard detail section css ends here*/

/*school management system school-section-slider-main-new section css starts here*/
.schoolportfolio-outer .school-section-slider-main-new {
  width: 100%;
  padding: 90px 0 80px 0;
  overflow: hidden;
  z-index: 1;
  background: #1b1b1b;
}
@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-section-slider-main-new {
    padding: 70px 0 40px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-section-slider-main-new {
    padding: 50px 0 25px 0;
  }
}
@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-section-slider-main-new {
    padding: 40px 0 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-section-slider-main-new {
    padding: 50px 15px 50px 15px;
  }
}
@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-section-slider-main-new {
    padding: 40px 15px 40px 15px;
  }
}
.schoolportfolio-outer .school-section-slider-main-new .slick-prev {
  display: none !important;
}
.schoolportfolio-outer .school-section-slider-main-new .slick-next {
  display: none !important;
}
.schoolportfolio-outer .school-section-slider-main-new .ipad-frame-box {
  width: 63.75vw;
  height: 43.052vw;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-section-slider-main-new .ipad-frame-box {
    display: none !important;
  }
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box
  .ipad-frame-main {
  position: relative;
  background-color: #fff;
  border-radius: 48px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box
  .ipad-frame-main
  img {
  position: relative;
  z-index: 2;
  width: 63.75vw;
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box
  .video-frame {
  width: 64vw;
  position: absolute;
  top: 0;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .schoolportfolio-outer .school-section-slider-main-new .ipad-frame-box-mob {
    display: none;
  }
}
.schoolportfolio-outer .school-section-slider-main-new .ipad-frame-box-mob ul {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  list-style-type: none;
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box-mob
  ul
  li:nth-child(6) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-section-slider-main-new
    .ipad-frame-box-mob
    ul
    li {
    width: 100%;
    min-width: 80%;
    margin-right: 25px;
    margin-bottom: 25px;
  }
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box-mob
  ul
  li
  .slide-one-item {
  text-align: center;
}
.schoolportfolio-outer
  .school-section-slider-main-new
  .ipad-frame-box-mob
  ul
  li
  .slide-one-item
  img {
  width: 1200px;
  aspect-ratio: auto 1.4527845036;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-section-slider-main-new
    .ipad-frame-box-mob
    ul
    li
    .slide-one-item
    img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.schoolportfolio-outer .school-section-slider-main-new .slide-one {
  text-align: center;
  position: relative;
  transform: scale(0.9);
  transition: all 0.6s ease;
  margin-top: 15px;
  transform-origin: bottom;
}
.schoolportfolio-outer .school-section-slider-main-new .slide-one img {
  width: 1200px;
  aspect-ratio: auto 1.4527845036;
  max-width: 100%;
  height: auto;
}
.schoolportfolio-outer .school-section-slider-main-new .slick-list {
  overflow: inherit;
}

.schoolportfolio-outer
  .school-section-slider-main-new
  .slick-list
  .slick-slide.slick-current {
  transform: scale(1);
  transition: all 0.6s ease;
}

.schoolportfolio-outer .school-section-slider-main-new .slick-next,
.schoolportfolio-outer .school-section-slider-main-new .slick-prev {
  z-index: 5;
  display: none !important;
}
.schoolportfolio-outer .school-section-slider-main-new .slick-next:before,
.schoolportfolio-outer .school-section-slider-main-new .slick-prev:before {
  color: #000;
  font-size: 0;
  background: transparent;
}

/*school management system school-section-slider-main-new section css ends here*/

/* ---------------school management cta one css start -----------*/

.section-management-cta-bg {
  background: #fff;
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .section-management-cta-bg {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .section-management-cta-bg {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .section-management-cta-bg {
    padding: 35px 0;
  }
}
.section-management-cta-bg .cta-dark-g-bg {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: rgba(55, 65, 99, 1);
}
.management-cta-cta-container {
  max-width: 1440px !important;
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-dark-g-bg {
    padding: 30px 15px;
  }
}
.section-management-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 36%;
  grid-column-gap: 15px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .section-management-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-management-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-management-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.section-management-cta-bg .cta-title-left-dis {
  padding: 25px 0px 35px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-management-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 25px 0px 35px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-management-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.section-management-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .section-management-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.section-management-cta-bg .cta-btn-box {
  padding-top: 24px;
}
.section-management-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .section-management-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .section-management-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.section-management-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.section-management-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  margin-right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-management-cta-bg .cta-img-right-img-box {
    position: static;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-management-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------school management cta one css end -----------*/

/* ---------------school management cta two css start -----------*/

.section-school-cta-bg {
  background: #fff;
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .section-school-cta-bg {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .section-school-cta-bg {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .section-school-cta-bg {
    padding: 35px 0;
  }
}
.section-school-cta-bg .cta-orange-bg {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: rgba(247, 182, 150, 1);
}
.school-cta-cta-container {
  max-width: 1440px !important;
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-orange-bg {
    padding: 30px 15px;
  }
}
.section-school-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 15px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .section-school-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-school-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-school-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.section-school-cta-bg .cta-title-left-dis {
  padding: 0px 0px 0px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-school-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-school-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.section-school-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .section-school-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.section-school-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.section-school-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .section-school-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .section-school-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.section-school-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.section-school-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-school-cta-bg .cta-img-right-img-box {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .section-school-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------school management cta two css end -----------*/

/*school management system school-community-section section css starts here*/

.schoolportfolio-outer .school-community-section {
  background: #f2f2f2;
  padding: 120px 0 0 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-community-section {
    padding: 60px 0 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-community-section {
    padding: 50px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-community-section {
    padding: 40px 0 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer .school-community-section {
    padding: 40px 0 0 0;
  }
}

@media only screen and (max-width: 340px) {
  .schoolportfolio-outer .school-community-section {
    padding: 30px 0 0 0;
  }
}

.schoolportfolio-outer .school-community-section::before {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-one.svg")
    no-repeat;
  background-size: cover;
  width: 143px;
  height: 155px;
  left: 12vw;
  opacity: 0.5;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-community-section::before {
    left: 5vw;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-community-section::before {
    left: 11vw;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-community-section::before {
    left: 9vw;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-community-section::before {
    left: 3vw;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-community-section::before {
    display: none;
  }
}

.schoolportfolio-outer .school-community-section::after {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-two.svg")
    no-repeat;
  background-size: cover;
  width: 130px;
  height: 256px;
  right: 12vw;
  top: 12vw;
  opacity: 0.5;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-community-section::after {
    right: 5vw;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-community-section::after {
    right: 11vw;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer .school-community-section::after {
    right: 8vw;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-community-section::after {
    right: 3vw;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-community-section::after {
    display: none;
  }
}

.schoolportfolio-outer .school-community-section .scommunity-main {
  background: #374163;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-one {
  display: flex;
  gap: 55px;
  padding: 130px 0;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one {
    padding: 90px 0;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one {
    gap: 15px;
    padding: 50px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one {
    gap: 10px;
    padding: 40px 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one {
    display: block;
    padding: 30px 0;
  }
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-one
  .com-part-one
  img {
  width: 582px;
  aspect-ratio: auto 0.7071688943;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-one
  .com-part-two
  img {
  width: 582px;
  aspect-ratio: auto 0.7071688943;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main
    .community-one
    .com-part-two {
    padding-top: 20px;
  }
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg {
  position: relative;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  img {
  width: 1290px;
  aspect-ratio: auto 2;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  .com-expert-inner {
  position: absolute;
  top: 166px;
  left: 100px;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  .com-expert-inner
  .expert-details {
  max-width: 553px;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  .com-expert-inner
  .expert-details
  p {
  padding: 22px 0 38px 0;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  .com-expert-inner
  .expert-details
  .slearnmore-btn {
  background-color: #fff;
  border-radius: 13.6186px;
  color: #222;
  text-align: center;
  padding: 22.18px 32.82px;
  cursor: pointer;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main
  .community-two
  .com-expertimg
  .com-expert-inner-two {
  position: absolute;
  top: -25px;
  right: 50px;
  max-width: 456px;
}

.schoolportfolio-outer .school-community-section .com-expert-main {
  background: #374163;
}

.schoolportfolio-outer .school-community-section .com-expert-main::before {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-four.svg")
    no-repeat;
  background-size: cover;
  width: 200px;
  height: 256px;
  top: 76vw;
  opacity: 0.5;
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-community-section .com-expert-main::before {
    display: none;
  }
}

.schoolportfolio-outer .school-community-section .com-expert-main .com-expert {
  display: flex;
  background: #f7b696;
  border-radius: 63px;
  padding: 51px 50px 70px 90px;
  position: relative;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert {
    padding: 40px 40px 60px 40px;
    border-radius: 35px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert {
    padding: 40px 20px 60px 20px;
    border-radius: 20px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert {
    display: block;
    padding: 30px 10px;
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert::before {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-three.svg")
    no-repeat;
  background-size: cover;
  width: 265px;
  height: 216px;
  top: -5vw;
  opacity: 0.5;
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert::before {
    display: none;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert::after {
  content: "";
  position: absolute;
  background: url("../svg/comm-vectthree.svg")
    no-repeat;
  background-size: cover;
  width: 574px;
  height: 190px;
  top: 0;
  left: 10vw;
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert::after {
    display: none;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-detail
  img {
  width: 147px;
  aspect-ratio: auto 3.1956521739;
  max-width: 100%;
  height: auto;
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-detail
  .expert-desc {
  max-width: 553px;
  padding-top: 52px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .expert-desc {
    padding-top: 10px;
    max-width: 100%;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-detail
  .expert-desc
  p {
  padding-top: 20px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .expert-desc
    p {
    padding-top: 5px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .expert-desc
    p {
    padding-top: 10px;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-detail
  .slearn-more {
  margin-top: 50px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more {
    margin-top: 25px;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-detail
  .slearn-more
  span {
  background: #fff;
  border-radius: 13.6186px;
  padding: 22px 32px;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more
    span {
    padding: 10px 20px 12px 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more
    span {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-detail
    .slearn-more
    span {
    padding: 10px 20px;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-img {
  margin-top: -90px;
  position: relative;
  margin-left: 25px;
  z-index: 1;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-img {
    margin: -60px 0 0 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-img {
    margin: 0 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-img {
    margin: 30px 0 0 0;
    text-align: center;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .com-expert-img
  .expert-clientimg
  img {
  width: 458px;
  aspect-ratio: auto 0.8893203883;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-img
    .expert-clientimg
    img {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .com-expert-img
    .expert-clientimg
    img {
    max-width: 75%;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .expert-backg
  .com-expert-backgro {
  position: absolute;
  bottom: 4vw;
  right: 0.7vw;
  text-align: center;
  transform: rotate(3deg);
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgro {
    bottom: 8vw;
    right: 0.4vw;
    text-align: center;
    transform: rotate(25deg);
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgro {
    right: -3.5vw;
    top: 0;
    transform: rotate(7deg);
    bottom: 4vw;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgro {
    display: none;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .expert-backg
  .com-expert-backgro
  img {
  width: 288px;
  aspect-ratio: auto 0.6088794926;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgro
    img {
    max-width: 70%;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgro
    img {
    max-width: 60%;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .expert-backg
  .com-expert-backgrot {
  position: absolute;
  bottom: 0;
  right: 9.5vw;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgrot {
    right: -4.5vw;
    transform: rotate(317deg);
    bottom: 5.4vw;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgrot {
    right: -6.5vw;
    transform: rotate(339deg);
    bottom: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgrot {
    display: none;
  }
}

.schoolportfolio-outer
  .school-community-section
  .com-expert-main
  .com-expert
  .expert-backg
  .com-expert-backgrot
  img {
  width: 529px;
  aspect-ratio: auto 1.3126550868;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgrot
    img {
    max-width: 70%;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .com-expert-main
    .com-expert
    .expert-backg
    .com-expert-backgrot
    img {
    max-width: 60%;
  }
}

.schoolportfolio-outer .school-community-section .scommunity-main-two {
  background: #374163;
  padding-top: 47px;
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer .school-community-section .scommunity-main-two {
    padding-top: 20px;
  }
}

.schoolportfolio-outer .school-community-section .scommunity-main-two::before {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-five.svg")
    no-repeat;
  background-size: cover;
  width: 228px;
  height: 185px;
  opacity: 0.5;
  left: 28vw;
  bottom: 23vw;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two::before {
    bottom: 30vw;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two::before {
    bottom: 20vw;
  }
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two::before {
    bottom: 22vw;
  }
}

.schoolportfolio-outer .school-community-section .scommunity-main-two::after {
  content: "";
  position: absolute;
  background: url("../svg/ellipse-six.svg")
    no-repeat;
  background-size: cover;
  width: 149px;
  height: 185px;
  right: 0;
  opacity: 0.5;
}

@media only screen and (max-width: 1799px) {
  .schoolportfolio-outer .school-community-section .scommunity-main-two::after {
    right: 5vw;
  }
}

@media only screen and (max-width: 1599px) {
  .schoolportfolio-outer .school-community-section .scommunity-main-two::after {
    right: 9vw;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer .school-community-section .scommunity-main-two::after {
    right: 0;
    width: 100px;
    bottom: 35vw;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer .school-community-section .scommunity-main-two::after {
    display: none;
  }
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main-two
  .committed-part
  .commit-title {
  max-width: 805px;
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .commit-title {
    max-width: 580px;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .commit-title {
    max-width: 400px;
  }
}

@media only screen and (max-width: 575px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .commit-title {
    max-width: 330px;
  }
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main-two
  .committed-part
  .commit-title
  span {
  color: #f5f4f2;
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main-two
  .committed-part
  .committed-img {
  padding: 60px 57px 0 57px;
}

@media only screen and (max-width: 1366px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .committed-img {
    padding: 40px 30px 0 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .committed-img {
    padding: 30px 15px 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .committed-img {
    padding: 30px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .schoolportfolio-outer
    .school-community-section
    .scommunity-main-two
    .committed-part
    .committed-img {
    padding: 10px 0 0 0;
  }
}

.schoolportfolio-outer
  .school-community-section
  .scommunity-main-two
  .committed-part
  .committed-img
  img {
  width: 3888px;
  aspect-ratio: auto 2.4529968454;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

/*school management system school-community-section section css ends here*/

/*school management system css ends here*/

/*ai based matrimony css starts here*/

@font-face {
  font-family: "TT Norms Pro";
  src: url("../woff2/ttnormspro-regular.woff2")
      format("woff2"),
    url("../woff/ttnormspro-regular.woff")
      format("woff"),
    url("../ttf/ttnormspro-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Pro";
  src: url("../woff2/ttnormspro-bold.woff2")
      format("woff2"),
    url("../woff/ttnormspro-bold.woff")
      format("woff"),
    url("../ttf/ttnormspro-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../woff2/ubuntu-regular.woff2")
      format("woff2"),
    url("../woff/ubuntu-regular.woff")
      format("woff"),
    url("../ttf/ubuntu-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../woff2/ubuntu-medium.woff2")
      format("woff2"),
    url("../woff/ubuntu-medium.woff")
      format("woff"),
    url("../ttf/ubuntu-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ubunturegular";
  src: url("../woff2/ubuntu.regular-webfont.woff2")
      format("woff2"),
    url("../woff/ubuntu.regular-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../woff2/ubuntu-bolditalic.woff2")
      format("woff2"),
    url("../woff/ubuntu-bolditalic.woff")
      format("woff"),
    url("../ttf/ubuntu-bolditalic.ttf")
      format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

.wrapper-better-half {
  width: 100%;
  font-family: "ubunturegular";
  background-color: #fff;
}

.wrapper-better-half .contemporary {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-size: 60px;
  line-height: 69px;
  text-transform: uppercase;
  color: #000;
}

@media only screen and (min-width: 1367px) and (max-width: 1599px) {
  .wrapper-better-half .contemporary {
    font-size: 46px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-better-half .contemporary {
    font-size: 36px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .contemporary {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .contemporary {
    font-size: 36px;
    line-height: 46px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-better-half .contemporary {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .contemporary {
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .contemporary {
    font-size: 24px;
    line-height: 32px;
  }
}

.wrapper-better-half .contemporary span {
  color: #8567ff;
  position: relative;
  text-shadow: -4px 0px 0px #ff5b91;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .contemporary span {
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .contemporary span {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 2px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 575px) {
  .wrapper-better-half .contemporary span {
    letter-spacing: 2px;
    text-shadow: -2px 0px 0px #ff5b91;
  }
}

.wrapper-better-half .contemporary .when-color {
  color: #ff5b91;
  text-shadow: -4px 0px 0px #8567ff;
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .contemporary .when-color {
    text-shadow: -2px 0px 0px #8567ff;
  }
}

.wrapper-better-half .contemporary .when-color-two {
  color: #ff5b91;
  text-shadow: -4px 0px 0px #8567ff;
  display: block;
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .contemporary .when-color-two {
    text-shadow: -2px 0px 0px #8567ff;
  }
}

.wrapper-better-half .contemporary .dispay-block {
  display: block;
  color: #000;
  text-shadow: none;
}

.wrapper-better-half .contemporary .better {
  display: block;
}

@media only screen and (min-width: 1366px) {
  .wrapper-better-half .better-half-container {
    max-width: 1250px;
    padding: 0;
  }
}

.wrapper-better-half p {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 38px;
  color: #333;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half p {
    font-size: 16px;
    line-height: 24px;
  }
}

.wrapper-better-half .p-two {
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 47px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-better-half .p-two {
    font-size: 30px;
    line-height: 42px;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .p-two {
    font-size: 22px;
    line-height: 30px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .p-two {
    font-size: 18px;
    line-height: 24px;
  }
}

.wrapper-better-half .banner-bg {
  width: 100%;
  background: #ffffff
    url("../webp/banner-bg-4.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 120px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .banner-bg {
    padding-top: 90px;
    background: #ffffff
      url("../webp/banner-bg-5.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .banner-bg {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .banner-bg {
    padding: 50px 0;
    position: static;
    background: #ffffff
      url("../webp/banner-bg-6.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .banner-bg {
    padding: 35px 0;
  }
}

.wrapper-better-half .banner-bg:after {
  width: 100%;
  content: "";
  position: absolute;
  background: #fff;
  bottom: 0;
  height: 170px;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .banner-bg:after {
    display: none;
  }
}

.wrapper-better-half .banner-bg .banner-title {
  font-family: "TT Norms Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 116px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
  display: inline-flex;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-better-half .banner-bg .banner-title {
    font-size: 56px;
    line-height: 66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .banner-bg .banner-title {
    font-size: 46px;
    line-height: 42px;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .banner-bg .banner-title {
    font-size: 36px;
    line-height: 42px;
    display: inline-block;
  }
}

.wrapper-better-half .banner-bg .banner-title span {
  color: #ff5b91;
  position: relative;
  background-image: url("../svg/heartvectorsingle.svg");
  background-repeat: no-repeat;
  display: block;
  background-position: top center;
  margin-top: 22px;
  padding-top: 12px;
  padding-left: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-better-half .banner-bg .banner-title span {
    margin-top: 2px;
    padding-top: 30px;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .banner-bg .banner-title span {
    background-image: none;
    color: #ff5b91;
    padding-left: 5px;
    padding-right: 2px;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
  }
}

.wrapper-better-half .banner-bg .banner-title .match-color {
  color: #8467f9;
  background: url("../svg/heart.svg");
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
  margin-top: 18px;
  padding-top: 17px;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-better-half .banner-bg .banner-title .match-color {
    margin-top: 0;
    padding-top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .banner-bg .banner-title .match-color {
    background-image: none;
    color: #ff5b91;
    padding-left: 5px;
    padding-right: 2px;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
  }
}

.wrapper-better-half .banner-bg .banner-main {
  width: 100%;
  z-index: 1;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .banner-bg .banner-main {
    margin: 50px 0 0;
  }
}

.wrapper-better-half .banner-bg .banner-main img {
  width: 1498px;
  aspect-ratio: auto 1.4557823129;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.wrapper-better-half .section-better-half-bg {
  width: 100%;
  background: #fff;
  padding-bottom: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg {
    padding: 35px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-better-half-bg {
    padding: 35px 0;
  }
}

.wrapper-better-half .section-better-half-bg .half-logo {
  margin-top: 1px;
  margin-bottom: 20px;
}

.wrapper-better-half .section-better-half-bg .half-logo img {
  width: 384px;
  aspect-ratio: auto 6.6206896552;
  height: auto;
  max-width: 80%;
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-better-half-bg .half-logo img {
    width: 220px !important;
  }
}

.wrapper-better-half .section-better-half-bg .half-border-left img {
  width: 459px;
  aspect-ratio: auto 229.5;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-better-half-bg .half-border-right img {
  width: 467px;
  aspect-ratio: auto 233.5;
  height: auto;
  max-width: 100%;
}

@media only screen and (min-width: 860px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .matrimony-space {
    padding-right: 0;
  }
}

@media only screen and (min-width: 860px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .matrimony-space-right {
    padding-left: 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .border-left-right {
    display: none;
  }
}

.wrapper-better-half .section-better-half-bg .matrimony-text {
  font-style: italic;
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  color: #ff4a86;
  font-family: "TT Norms Pro";
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .matrimony-text {
    font-size: 21px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .matrimony-text {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .wrapper-better-half .section-better-half-bg .matrimony-text {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .matrimony-text {
    border-bottom: solid 1px #dddadb;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-better-half-bg .matrimony-text {
    font-size: 23px;
  }
}

.wrapper-better-half .section-better-half-bg .india-now-text {
  font-style: italic;
  font-weight: 400;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  color: #000;
  opacity: 0.6;
  margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half .section-better-half-bg .india-now-text {
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .india-now-text {
    font-size: 22px;
    line-height: 36px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .india-now-text {
    font-size: 21px;
    line-height: 36px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .india-now-text {
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-better-half-bg .india-now-text {
    margin-top: 25px;
  }
}

.wrapper-better-half
  .section-better-half-bg
  .portfolio-screens-big
  .video-container
  video {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

.wrapper-better-half .section-better-half-bg .overview {
  margin-top: 120px;
  margin-bottom: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-better-half .section-better-half-bg .overview {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .overview {
    margin: 50px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .overview {
    margin: 30px 0;
  }
}

.wrapper-better-half .section-better-half-bg .overview img {
  width: 1289px;
  aspect-ratio: auto 1.9068047337;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-better-half-bg .overview-content {
  gap: 50px;
  margin-top: 50px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-better-half .section-better-half-bg .overview-content {
    margin-top: 20px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .overview-content {
    padding-bottom: 0;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .overview-content {
    margin-top: 15px;
    padding-bottom: 0;
    gap: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .overview-content img {
    display: none;
  }
}
.wrapper-better-half .section-better-half-bg .overview-content .span-text-red {
  color: #ff5b91;
  font-weight: 600;
  margin-left: 4px;
}

.wrapper-better-half .section-better-half-bg .overview-content .pt-desctop {
  margin-top: 18px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .overview-content .pt-desctop {
    margin-top: 0px;
  }
}

.wrapper-better-half .section-better-half-bg .arrow-view {
  margin-right: 70px;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .arrow-view {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .arrow-view {
    margin-right: 30px;
  }
}
.wrapper-better-half .section-better-half-bg .arrow-view img {
  width: 190px;
  aspect-ratio: auto 7.9166666667;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-better-half-bg .cta-green-bg {
  width: 100%;
  background: #e3e6fd;
  margin-top: 50px;
  padding: 0px 60px 0 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half .section-better-half-bg .cta-green-bg {
    margin-top: 30px;
    padding: 0px 30px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .cta-green-bg {
    margin-top: 30px;
    padding: 0px 20px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .cta-green-bg {
    margin-top: 25px;
    padding: 30px 15px;
  }
}
.wrapper-better-half .section-better-half-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 39%;
  grid-column-gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-better-half .section-better-half-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .cta-green-grid-main {
    grid-template-columns: 1fr 33%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .cta-green-grid-main {
    grid-template-columns: 1fr 36%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.wrapper-better-half .section-better-half-bg .cta-title-left-dis {
  margin: 0;
}
.wrapper-better-half .section-better-half-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #000000;
  line-height: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-better-half-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.wrapper-better-half .section-better-half-bg .cta-btn-box {
  margin-top: 24px;
}
.wrapper-better-half .section-better-half-bg .cta-btn-box a {
  background: #000000;
  color: #ffffff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 10px;
  padding: 11px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half .section-better-half-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-better-half-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .cta-btn-box a {
    padding: 10px 16px;
    font-size: 15px;
  }
}
.wrapper-better-half .section-better-half-bg .cta-btn-box a:hover {
  background: #ff5b91;
}
.wrapper-better-half .section-better-half-bg .cta-img-right-img-box {
  margin-top: 25px;
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-better-half-bg .cta-img-right-img-box {
    display: none;
  }
}

.wrapper-better-half .section-touch-bg {
  width: 100%;
  background: url("../webp/chat-section.webp")
    repeat no-repeat;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 150px;
  padding-bottom: 400px;
}
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  .wrapper-better-half .section-touch-bg {
    padding-top: 130px;
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 1799px) {
  .wrapper-better-half .section-touch-bg {
    padding-top: 110px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half .section-touch-bg {
    background-size: 110%;
    padding: 110px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg {
    padding: 90px 0 115px;
    background-image: none;
    background-color: #fec9db;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-touch-bg {
    padding: 70px 0 95px;
    background-image: none;
    background-color: #fec9db;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg {
    padding: 50px 0 55px;
    background-image: none;
    background-color: #fec9db;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-touch-bg {
    padding: 35px 0 40px;
  }
}
.wrapper-better-half .section-touch-bg .bottom-space {
  margin-top: 20px;
  margin-bottom: 90px;
}
@media only screen and (min-width: 1600px) and (max-width: 2500px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1599px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0;
    margin-bottom: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .bottom-space {
    margin-top: 0px;
    margin-bottom: 25px;
  }
}
.wrapper-better-half .section-touch-bg .contemporary-box {
  max-width: 1150px;
  margin: 0 auto;
}

.wrapper-better-half .section-touch-bg .contemporary-box .essence {
  display: block;
}

.wrapper-better-half .section-touch-bg .main-box-bg-left-new-box {
  max-width: 1120px;
  margin: 0 auto;
}

.wrapper-better-half .section-touch-bg .main-box-bg-left {
  max-width: 865px;
  margin-top: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left {
    max-width: 870px;
    margin: 0 auto;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top {
  background: linear-gradient(180deg, #7d5cff 0%, #aa95ff 106%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 9px 0 #000;
  border-radius: 80px;
  padding: 32px 60px 32px 70px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 5px 0 #000;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 3px 0 #000;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top:after {
  content: "";
  position: absolute;
  left: -12px;
  bottom: -21px;
  background: url("../svg/blue-left-design.svg");
  background-repeat: no-repeat;
  width: 74px;
  height: 51px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top:after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top:after {
    left: -7px;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top:before {
  content: "";
  position: absolute;
  right: 70px;
  bottom: -30px;
  background: url("../svg/oh.svg");
  background-repeat: no-repeat;
  width: 63px;
  height: 57px;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top:before {
    display: none;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left .chat-left-top span {
  width: 98px;
  height: 95px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left
  .chat-left-top
  .chat-left-top-text {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 31px;
  align-items: center;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1660px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top
    .chat-left-top-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top
    .chat-left-top-text {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left
    .chat-left-top
    .chat-left-top-text {
    font-size: 16px;
    line-height: 28px;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left-space {
  padding-left: 0px;
}

@media only screen and (max-width: 1365px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left-space {
    padding-left: 15px;
  }
}
.wrapper-better-half .section-touch-bg .main-challenges-ai {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 60px;
  line-height: normal;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  top: 58px;
  opacity: 0.1;
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 44px;
    padding-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 32px;
    text-align: center;
    top: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 32px;
    text-align: center;
    top: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 28px;
    text-align: center;
    top: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-touch-bg .main-challenges-ai {
    font-size: 24px;
    text-align: center;
    top: 0;
    margin-bottom: 15px;
    opacity: 0.2;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-right {
  max-width: 610px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right {
    max-width: 100%;
    margin-top: 0px;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-right:before {
  content: "";
  position: absolute;
  left: 80px;
  bottom: -30px;
  background: url("../svg/oh.svg");
  background-repeat: no-repeat;
  width: 63px;
  height: 57px;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right:before {
    display: none;
    width: 0;
    height: 0;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-right:after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: -22px;
  background: url("../svg/red-right-design.svg");
  background-repeat: no-repeat;
  width: 77px;
  height: 59px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right:after {
    right: 70px;
    bottom: -25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1660px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right:after {
    right: 0px;
    bottom: -26px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right:after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right:after {
    right: 7px;
    bottom: -26px;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-right .chat-right-top {
  box-shadow: 0 9px 0 #000;
  background: linear-gradient(180deg, #fe73a0 0%, #fe73a0 100%);
  border-radius: 80px;
  padding: 32px 40px 32px 40px;
  display: flex;
  align-items: center;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .span-img-blue-line {
  width: 98px;
  height: 95px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-180deg);
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right .chat-right-top {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 5px 0 #000;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right .chat-right-top {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 3px 0 #000;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-right .chat-right-top {
    border-radius: 20px;
    padding: 25px 15px 25px 15px;
    box-shadow: 0 3px 0 #000;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .chat-right-new-box {
  width: 100%;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .chat-right-new-box
  .span-new-right {
  width: 131px;
  height: 133px;
  position: absolute;
  right: 0;
  top: 0;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .chat-right-new-box
  .chat-right-top-text
  ul {
  margin: 0;
  padding: 0;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .chat-right-new-box
  .chat-right-top-text
  ul
  li {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: inline-block;
  list-style: none;
  color: #fff;
  margin: 20px 0;
  letter-spacing: 0.2px;
  position: relative;
  padding-left: 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li {
    font-size: 20px;
    line-height: 26px;
    margin: 18px 0;
    padding-left: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li {
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0;
    padding-left: 46px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li {
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li {
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0;
    padding-left: 42px;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-right
  .chat-right-top
  .chat-right-new-box
  .chat-right-top-text
  ul
  li
  .number-one-bg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background: #fe7fa9;
  border: solid 1px #fe98ba;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li
    .number-one-bg {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li
    .number-one-bg {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li
    .number-one-bg {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-right
    .chat-right-top
    .chat-right-new-box
    .chat-right-top-text
    ul
    li
    .number-one-bg {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}
.wrapper-better-half .section-touch-bg .main-box-bg-left-two {
  max-width: 835px;
  padding-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left-two {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left-two {
    max-width: 870px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left-two {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-touch-bg .main-box-bg-left-two {
    padding-top: 25px;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two {
  background: linear-gradient(180deg, #7d5cff 0%, #aa95ff 106%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 9px 0 #000;
  border-radius: 80px;
  padding: 32px 40px 32px 40px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 5px 0 #000;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two {
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    box-shadow: 0 3px 0 #000;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two:after {
  content: "";
  position: absolute;
  left: -14px;
  bottom: -21px;
  background: url("../svg/blue-left-design.svg");
  background-repeat: no-repeat;
  width: 74px;
  height: 51px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two:after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two:after {
    left: -7px;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two:before {
  content: "";
  position: absolute;
  right: 80px;
  bottom: -32px;
  background-image: url("../svg/star-smily.svg");
  background-repeat: no-repeat;
  width: 113px;
  height: 57px;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two:before {
    display: none;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .span-img-line {
  width: 98px;
  height: 95px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-90deg);
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box {
  width: 100%;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box
  .chat-left-top-text-two {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 31px;
  align-items: center;
  color: #fff;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box
  .chat-left-top-text-two {
  width: 100%;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box
  .chat-left-top-text-two
  ul {
  margin: 0;
  padding: 0;
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box
  .chat-left-top-text-two
  ul
  li {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: inline-block;
  list-style: none;
  color: #fff;
  margin: 20px 0;
  letter-spacing: 0.2px;
  position: relative;
  padding-left: 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li {
    font-size: 20px;
    line-height: 26px;
    margin: 18px 0;
    padding-left: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li {
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0;
    padding-left: 46px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li {
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li {
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0;
    padding-left: 42px;
  }
}
.wrapper-better-half
  .section-touch-bg
  .main-box-bg-left-two
  .chat-left-top-two
  .chat-left-new-box
  .chat-left-top-text-two
  ul
  li
  .number-one-bg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background: #8d79f9;
  border: solid 1px #a694fb;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li
    .number-one-bg {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li
    .number-one-bg {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li
    .number-one-bg {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-touch-bg
    .main-box-bg-left-two
    .chat-left-top-two
    .chat-left-new-box
    .chat-left-top-text-two
    ul
    li
    .number-one-bg {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}

.wrapper-better-half .section-emergence-bg {
  width: 100%;
  background: #fff;
  padding: 100px 0 80px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-emergence-bg {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-emergence-bg {
    padding-top: 70px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-emergence-bg {
    padding: 50px 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-emergence-bg {
    padding: 35px 0 15px;
  }
}

.wrapper-better-half .section-emergence-bg .infinite {
  margin-top: 60px;
}

@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-emergence-bg .infinite {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-emergence-bg .infinite {
    margin-top: 30px;
  }
}

.wrapper-better-half .section-emergence-bg .infinite img {
  width: 481px;
  aspect-ratio: auto 2.4416243655;
  height: auto;
  max-width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-better-half .section-emergence-bg .infinite img {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-emergence-bg .infinite img {
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-emergence-bg .infinite img {
    width: 224px;
  }
}

.wrapper-better-half .section-emergence-bg .emergence-text {
  max-width: 1074px;
  margin: 50px auto 0;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-emergence-bg .emergence-text {
    margin-top: 30px;
  }
}

/* ------------start---new------ */

.wrapper-better-half .matchmaking-services-new {
  max-width: 1000px;
  padding-top: 60px;
  margin: 0 auto;
}
@media only screen and (max-width: 1599px) {
  .wrapper-better-half .matchmaking-services-new {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .matchmaking-services-new {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .matchmaking-services-new {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .matchmaking-services-new {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .matchmaking-services-new {
    padding-top: 25px;
  }
}
.wrapper-better-half .matchmaking-services-new .services-border-red-bg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 38px;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .matchmaking-services-new .services-border-red-bg {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .matchmaking-services-new .services-border-red-bg {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    grid-gap: 15px;
  }
}
.wrapper-better-half .matchmaking-services-new .ai-services-border {
  width: 100%;
  border: solid 1px #ff5b91;
  border-radius: 26px;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #333;
  padding: 8px 9px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 360px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border {
    font-size: 15px;
    line-height: 20px;
    padding: 4px 6px;
  }
}

.wrapper-better-half .matchmaking-services-new .ai-services-border span {
  margin-right: auto;
}
.wrapper-better-half .matchmaking-services-new .ai-services-border span img {
  margin-right: 8px;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border span img {
    margin-right: 4px;
    width: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border span img {
    margin-right: 4px;
    width: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border span img {
    margin-right: 4px;
    width: 38px;
  }
}
@media only screen and (max-width: 360px) {
  .wrapper-better-half .matchmaking-services-new .ai-services-border span img {
    margin-right: 4px;
    width: 36px;
  }
}

.wrapper-better-half .matchmaking-services-new .services-border-blue {
  width: 100%;
  border: solid 1px #8567ff;
  border-radius: 26px;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #333;
  padding: 8px 9px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .matchmaking-services-new .services-border-blue {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .matchmaking-services-new .services-border-blue {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .matchmaking-services-new .services-border-blue {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .matchmaking-services-new .services-border-blue {
    font-size: 16px;
    line-height: 22px;
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 360px) {
  .wrapper-better-half .matchmaking-services-new .services-border-blue {
    font-size: 15px;
    line-height: 20px;
    padding: 4px 6px;
  }
}
.wrapper-better-half .matchmaking-services-new .services-border-blue span {
  margin-right: auto;
}
.wrapper-better-half .matchmaking-services-new .services-border-blue span img {
  margin-right: 8px;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half
    .matchmaking-services-new
    .services-border-blue
    span
    img {
    margin-right: 4px;
    width: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .matchmaking-services-new
    .services-border-blue
    span
    img {
    margin-right: 4px;
    width: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half
    .matchmaking-services-new
    .services-border-blue
    span
    img {
    margin-right: 4px;
    width: 38px;
  }
}
@media only screen and (max-width: 360px) {
  .wrapper-better-half
    .matchmaking-services-new
    .services-border-blue
    span
    img {
    margin-right: 4px;
    width: 36px;
  }
}

/* ------------end---new------ */

.wrapper-better-half .two-section {
  width: 100%;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 7000px) {
  .wrapper-better-half .two-section::after {
    content: "";
    position: absolute;
    background: url("../webp/infinite-border.webp");
    background-repeat: no-repeat;
    background-position: top center;
    top: 250px;
    height: 100vw;
    left: 0;
    right: 0;
  }
}

.wrapper-better-half .section-couple-bg {
  width: 100%;
  background: url("../webp/couple-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-couple-bg {
    background: url("../webp/couple-bg-2.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-couple-bg {
    background: url("../webp/couple-bg-3.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-couple-bg {
    padding-top: 80px;
  }
}

.wrapper-better-half .section-couple-bg .couple {
  padding-top: 20px;
  position: relative;
  right: -165px;
}

@media only screen and (max-width: 1365px) {
  .wrapper-better-half .section-couple-bg .couple {
    right: 0px;
  }
}

.wrapper-better-half .section-couple-bg .couple img {
  width: 1005px;
  aspect-ratio: auto 1.1809635723;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-responsibility {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #1b0916 0%, #15012f 100%);
  height: 100%;
  position: relative;
  color: #fff;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility {
    padding: 90px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-responsibility {
    padding: 70px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-responsibility {
    padding: 35px 0;
  }
}
.wrapper-better-half .section-responsibility:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../webp/doted.webp");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.wrapper-better-half .section-responsibility .container {
  position: relative;
  z-index: 9;
}

.wrapper-better-half .section-responsibility .wedding-process-top {
  margin-top: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-responsibility .wedding-process-top {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .wedding-process-top {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .wedding-process-top {
    max-width: 540px;
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-responsibility .wedding-process-top {
    margin-top: 15px;
  }
}

.wrapper-better-half .section-responsibility .when-title {
  color: #fff;
  padding-top: 80px;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
  .wrapper-better-half .section-responsibility .when-title {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half .section-responsibility .when-title {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .when-title {
    padding-top: 0;
  }
}

.wrapper-better-half .section-responsibility .when {
  display: block;
  text-shadow: none;
  color: #fff;
}

.wrapper-better-half .section-responsibility .infinite-half {
  margin-top: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-better-half .section-responsibility .infinite-half {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .infinite-half {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .infinite-half {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}

.wrapper-better-half .section-responsibility .infinite-half img {
  width: 329px;
  aspect-ratio: auto 2.4552238806;
  height: auto;
  max-width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 7000px) {
  .wrapper-better-half .section-responsibility .infinite-half img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .infinite-half img {
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .infinite-half img {
    width: 224px;
    text-align: center;
    display: inline-block;
    margin-top: 30px;
  }
}

.wrapper-better-half .section-responsibility .development {
  max-width: 1185px;
  color: #fff;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  margin-top: 80px;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1366px) and (max-width: 7000px) {
  .wrapper-better-half .section-responsibility .development {
    margin-top: 230px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1800px) {
  .wrapper-better-half .section-responsibility .development {
    margin-top: 200px;
  }
}

@media only screen and (min-width: 1801px) {
  .wrapper-better-half .section-responsibility .development {
    margin-top: 230px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-better-half .section-responsibility .development {
    font-size: 26px;
    line-height: 36px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .development {
    font-size: 20px;
    line-height: 30px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .development {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 15px;
  }
}
.wrapper-better-half .section-responsibility .development-gray {
  color: #b6b6b6;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .development-gray {
    text-align: center;
  }
}

.wrapper-better-half .section-responsibility .implementation {
  padding-bottom: 28px;
  position: relative;
  z-index: 1;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .implementation {
    margin: 0 0 15px;
    padding: 0;
  }
}

.wrapper-better-half .section-responsibility .arrow-view {
  margin-right: 50px;
  margin-top: 5px;
  flex: 0 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .arrow-view {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .arrow-view {
    display: none;
  }
}

.wrapper-better-half .section-responsibility .arrow-view img {
  width: 190px;
  aspect-ratio: auto 7.9166666667;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-responsibility .wedding-process {
  padding-left: 0;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .wedding-process {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .wedding-process {
    padding-left: 15px;
    margin-top: 0px;
  }
}

.wrapper-better-half .section-responsibility .wedding-process .round-shadow {
  width: 477px;
  height: 477px;
  position: absolute;
  right: -100px;
  top: -100px;
  border-radius: 99em;
  background-color: #ff00b8;
  filter: blur(800px);
}

@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .wedding-process .round-shadow {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.wrapper-better-half .section-responsibility .the-process {
  width: 100%;
  position: relative;
  max-height: 1000px;
}

.wrapper-better-half .section-responsibility .the-process .bedding-set {
  margin-top: 1px;
  position: relative;
  z-index: 99;
}

.wrapper-better-half .section-responsibility .the-process .bedding-set img {
  width: 726px;
  aspect-ratio: auto 0.7231075697;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-responsibility .bgwite {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .bgwite {
    display: none;
  }
}

.wrapper-better-half .section-responsibility .design-bottom {
  padding-top: 0px;
  margin-top: 0px;
  background: #fff;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-responsibility .design-bottom {
    background: none;
  }
}

@media only screen and (min-width: 300px) and (max-width: 1365px) {
  .wrapper-better-half .section-responsibility .design-bottom {
    margin-top: 0px;
  }
}

.wrapper-better-half .section-responsibility .design-bottom:before {
  content: "";
  position: absolute;
  background: url("../webp/design-new.webp")
    no-repeat;
  width: 1920px;
  height: 92px;
  right: 0;
  top: 10px;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .design-bottom:before {
    display: none;
  }
}
.wrapper-better-half .section-responsibility .design-bottom img {
  width: 1920px;
  aspect-ratio: auto 13.42;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .section-responsibility .the-process-seck {
  max-width: 740px;
  margin-left: 40px;
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .the-process-seck {
    margin: 0 auto;
    margin-left: 7px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .the-process-seck {
    margin-left: 15px;
    margin-top: 35px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .the-process-seck {
    margin-top: 0;
    margin-left: 0;
    padding: 35px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-responsibility .the-process-seck {
    padding: 35px 0 0;
  }
}

.wrapper-better-half
  .section-responsibility
  .the-process-seck
  .the-process-text {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 37px;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (min-width: 1600px) and (max-width: 1840px) {
  .wrapper-better-half
    .section-responsibility
    .the-process-seck
    .the-process-text {
    padding-left: 0;
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half
    .section-responsibility
    .the-process-seck
    .the-process-text {
    font-size: 26px;
    line-height: 36px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-responsibility
    .the-process-seck
    .the-process-text {
    font-size: 20px;
    line-height: 30px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-responsibility
    .the-process-seck
    .the-process-text {
    font-size: 17px;
    line-height: 32px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-responsibility
    .the-process-seck
    .the-process-text {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }
}

.wrapper-better-half
  .section-responsibility
  .the-process-seck
  .the-process-text
  span {
  color: #ff5b91;
  font-style: italic;
}

.wrapper-better-half .section-responsibility .partners-secvice {
  width: 100%;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .partners-secvice {
    width: 100%;
    margin-top: 8px;
  }
}
.wrapper-better-half .section-responsibility .partners-secvice-inn {
  width: 100%;
  position: relative;
}

.wrapper-better-half .section-responsibility .partners-secvice-inn ul {
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul {
    text-align: start;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li {
    margin: 0 0 5px;
  }
}

.wrapper-better-half .section-responsibility .partners-secvice-inn ul li.big {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li.big {
    width: 50%;
    max-width: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li.big {
    width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .partners-secvice-inn ul li.big {
    width: auto;
  }
}
.wrapper-better-half
  .section-responsibility
  .partners-secvice-inn
  ul
  li
  .main-wrap {
  position: relative;
  min-width: 346px;
  list-style: none;
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  text-align: start;
  border-radius: 50px;
  background-color: rgb(232 77 121 / 19%);
  padding: 18px 25px 18px 66px;
  display: inline-block;
  margin-top: 30px;
  margin-right: 0;
  box-shadow: inset 2px 2px 0px 0px #b1265d;
}
@media only screen and (min-width: 1200px) and (max-width: 1330px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .main-wrap {
    min-width: 300px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .main-wrap {
    min-width: auto;
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
    padding: 18px 25px 18px 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .main-wrap {
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    padding: 18px 25px 18px 52px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .main-wrap {
    margin: 0;
    max-width: none;
    padding: 18px 25px 18px 54px;
    margin-bottom: 15px !important;
  }
}

.wrapper-better-half
  .section-responsibility
  .partners-secvice-inn
  ul
  li:nth-child(even)
  .main-wrap {
}

.wrapper-better-half
  .section-responsibility
  .partners-secvice-inn
  ul
  li
  .register-icon {
  width: 62px;
  height: 60px;
  position: absolute;
  left: -6px;
  top: -2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .register-icon {
    width: 50px;
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .register-icon {
    width: 46px;
    height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-responsibility
    .partners-secvice-inn
    ul
    li
    .register-icon {
    max-width: 46px;
    top: 10px;
  }
}

.wrapper-better-half .section-responsibility .custom-div {
  width: calc((100vw + 1140px) / 2);
  margin-right: auto;
}

@media only screen and (min-width: 1600px) {
  .wrapper-better-half .section-responsibility .custom-div {
    width: calc((100vw + 1240px) / 2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-better-half .section-responsibility .custom-div {
    width: calc((100vw + 1250px) / 2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 960px) {
  .wrapper-better-half .section-responsibility .custom-div {
    width: calc((100vw + 100%) / 2);
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper-better-half .section-responsibility .custom-div {
    width: calc((100vw + 100%) / 2);
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-responsibility .custom-div {
    width: initial;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.wrapper-better-half .section-after-getting {
  width: 100%;
  background: #fff;
  margin-top: -90px;
  padding-top: 100px;
  padding-bottom: 20px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-after-getting {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-after-getting {
    padding: 90px 0 70px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-after-getting {
    padding: 70px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting {
    padding: 50px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-after-getting {
    padding: 35px 0;
  }
}

.wrapper-better-half .section-after-getting .text-images {
  align-items: center;
}

@media only screen and (min-width: 1366px) and (max-width: 6000px) {
  .wrapper-better-half .section-after-getting .text-images {
    align-items: normal;
  }
}

.wrapper-better-half .section-after-getting .mockup-mobile {
  margin-top: 10px;
  position: relative;
  z-index: 999;
}

@media only screen and (min-width: 1366px) and (max-width: 6000px) {
  .wrapper-better-half .section-after-getting .mockup-mobile {
    position: absolute;
    top: -35%;
    left: 26%;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .wrapper-better-half .section-after-getting .mockup-mobile {
    top: -32%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-better-half .section-after-getting .mockup-mobile {
    top: -32%;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .mockup-mobile {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.wrapper-better-half .section-after-getting .mockup-mobile img {
  width: 400px;
  aspect-ratio: auto 0.5813953488;
  height: auto;
  max-width: 100%;
}
@media only screen and (min-width: 1500px) and (max-width: 1799px) {
  .wrapper-better-half .section-after-getting .mockup-mobile img {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-better-half .section-after-getting .mockup-mobile img {
    max-width: 80%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .mockup-mobile img {
    max-width: 40%;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-after-getting .mockup-mobile img {
    max-width: 60%;
  }
}

.wrapper-better-half .section-after-getting .mockup-mobile:after {
  width: 440px;
  height: 220px;
  position: absolute;
  content: "";
  background-image: url("../svg/mobile-shadow.svg");
  background-repeat: no-repeat;
  z-index: 1;
  left: -271px;
  bottom: 0;
}

@media only screen and (max-width: 1599px) {
  .wrapper-better-half .section-after-getting .mockup-mobile:after {
    display: none;
  }
}

.wrapper-better-half .section-after-getting .after-getting-text {
  max-width: 600px;
  text-align: right;
  padding-right: 33px;
  position: relative;
  letter-spacing: -0.4px;
  height: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .after-getting-text {
    max-width: 100%;
    text-align: center;
    padding: 0;
  }
}

.wrapper-better-half .section-after-getting .after-getting-text:after {
  content: "";
  background: linear-gradient(180deg, #ff5b91 50%, #8467f9 50%);
  right: 0;
  top: 0;
  height: 100%;
  width: 7px;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .after-getting-text:after {
    display: none;
  }
}

.wrapper-better-half .section-after-getting .top-space {
  padding-top: 210px;
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-better-half .section-after-getting .top-space {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1365px) {
  .wrapper-better-half .section-after-getting .top-space {
    padding-top: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wrapper-better-half .section-after-getting .top-space {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-after-getting .top-space {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .top-space {
    padding-top: 0;
  }
}

.wrapper-better-half .section-after-getting .personal-loan-text-box {
  width: 100%;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .personal-loan-text-box {
    margin-top: 21px;
  }
}

.wrapper-better-half
  .section-after-getting
  .personal-loan-text-box
  .personal-loan-text {
  max-width: 490px;
  position: relative;
  height: 100%;
  line-height: 36px;
  margin-bottom: 25px;
  padding: 10px 0px 10px 34px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    line-height: 32px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1599px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    line-height: 32px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    line-height: 32px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    line-height: 28px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    line-height: 26px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 34px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 25px;
    padding: 0;
  }
}

.wrapper-better-half
  .section-after-getting
  .personal-loan-text-box
  .personal-loan-text:after {
  content: "";
  background: linear-gradient(180deg, #ff5b91 50%, #8467f9 50%);
  left: 0;
  top: 0;
  height: 100%;
  width: 7px;
  position: absolute;
}

@media only screen and (min-width: 1600px) and (max-width: 6000px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text:after {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-after-getting
    .personal-loan-text-box
    .personal-loan-text:after {
    display: none;
    padding-right: 0;
  }
}

.wrapper-better-half .section-after-getting .personal-loan-images {
  margin-top: 48px;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .personal-loan-images {
    text-align: center;
    margin-top: 20px;
  }
}

.wrapper-better-half .section-after-getting .personal-loan-images img {
  width: 529px;
  aspect-ratio: auto 0.834384858;
  height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .personal-loan-images img {
    width: 100%;
  }
}

.wrapper-better-half .section-after-getting .personal-loan-chat {
  margin-top: 20px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-after-getting .personal-loan-chat {
    text-align: center;
    border-bottom: solid 1px #ddd;
    padding-bottom: 30px;
    margin-top: 30px;
  }
}

.wrapper-better-half .section-after-getting .personal-loan-chat img {
  width: 671px;
  aspect-ratio: auto 0.8113663845;
  height: auto;
  max-width: 100%;
}

.section-problem-solutions {
  width: 100%;
  padding-top: 150px;
}
@media only screen and (max-width: 1599px) {
  .section-problem-solutions {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1499px) {
  .section-problem-solutions {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-problem-solutions {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-problem-solutions {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .section-problem-solutions {
    padding-top: 35px;
  }
}

.section-problem-solutions .problem-solutions-main {
  border: 2px solid #000;
  padding: 40px 30px 40px 30px;
  position: relative;
  border-radius: 40px;
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .problem-solutions-main {
    padding: 10px;
    border-radius: 10px;
  }
}
.section-problem-solutions .problem-solutions-main .bh-mi-logo {
  position: absolute;
  top: -72px;
  left: calc(50% - 164px);
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .problem-solutions-main .bh-mi-logo {
    display: none;
  }
}
.section-problem-solutions .problem-solutions-main .r-prob-sol-main span {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #000;
  display: block;
  padding-bottom: 15px;
}
.section-problem-solutions .problem-solutions-main .prob-sol-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 50px;
  line-height: 60px;
  color: #000;
  opacity: 0.1;
  font-weight: 500;
  margin-bottom: 30px;
}
.section-problem-solutions .accordion {
  max-width: 1170px;
}
.section-problem-solutions .accordion-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  border: none;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .accordion-item {
    display: block;
    margin-bottom: 15px;
  }
}
.section-problem-solutions .accordion-item:before {
  content: "";
  background: url("../svg/b-w-arrow.svg")
    no-repeat center;
  position: absolute;
  width: 150px;
  height: 22px;
  background-size: cover;
  left: calc(50% - 70px);
  z-index: 1;
  top: calc(50% - 11px);
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .accordion-item:before {
    content: none;
  }
}
.section-problem-solutions .accordion-item:last-child {
  margin-bottom: 0;
}
.section-problem-solutions .accordion-item .accordion-button {
  border: 0;
  box-shadow: none;
  height: 100px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  padding: 0 50px 0 50px;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  background-color: transparent;
  background: linear-gradient(to bottom, #7d5cff, #aa95ff);
}
@media only screen and (min-width: 992px) {
  .section-problem-solutions .accordion-item .accordion-button {
    pointer-events: none;
  }
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .accordion-item .accordion-button {
    padding: 15px 15px;
    border-radius: 5px;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions
    .accordion-item
    .accordion-button[aria-expanded="true"] {
    border-radius: 5px 5px 0 0;
  }
}
.section-problem-solutions .accordion-item .accordion-button:after {
  filter: invert(1);
  background-image: url("../svg/d-arrow.svg")
    no-repeat center;
  width: 1.35rem;
  height: 1.35rem;
  background-size: cover;
}
@media only screen and (min-width: 992px) {
  .section-problem-solutions .accordion-item .accordion-button:after {
    content: none;
  }
}
.section-problem-solutions .accordion-collapse .accordion-body {
  border: 0;
  box-shadow: none;
  height: 100px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  padding: 0 50px 0 80px;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  background-color: transparent;
  background: linear-gradient(to bottom, #ff548d, #ff7aa6);
}
@media only screen and (max-width: 991px) {
  .section-problem-solutions .accordion-collapse .accordion-body {
    padding: 15px 15px;
    border-radius: 0 0 5px 5px;
    height: auto;
  }
}
.section-problem-solutions .accordion-collapse .accordion-body strong {
  display: contents;
  font-weight: 500;
}

.wrapper-better-half .section-when-better-gb {
  width: 100%;
  margin-top: 120px;
  height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-when-better-gb {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-when-better-gb {
    margin-top: 70px;
  }
}

.wrapper-better-half .section-when-better-gb .when-better-in {
  width: 100%;
  background: url("../webp/imagwbg.webp")
    no-repeat;
  background-size: cover;
  padding-top: 50px;
  height: 112%;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-when-better-gb .when-better-in {
    background: url("../webp/imagwbg-2.webp")
      no-repeat;
    background-size: cover;
    background-position: top center;
    height: 619px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-when-better-gb .when-better-in {
    height: 430px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-when-better-gb .when-better-in {
    background: url("../webp/imagwbg-3.webp")
      no-repeat;
    background-size: cover;
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-when-better-gb .when-better-in {
    height: 330px;
    padding-top: 22px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 480px) {
  .wrapper-better-half .section-when-better-gb .when-better-in {
    background-position: center center;
  }
}

.wrapper-better-half .section-when-better-gb .when-better-in::after {
  width: 87px;
  content: "";
  position: absolute;
  background: url("../webp/arrowwithcurve.webp")
    no-repeat;
  background-repeat: no-repeat;
  left: 30px;
  top: 218px;
  height: 451px;
  max-height: 100%;
  z-index: 4;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-when-better-gb .when-better-in::after {
    display: none;
  }
}

.wrapper-better-half .section-when-better-gb .when-better-in .content-box {
  margin-top: 65px;
  margin-left: 60px;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-when-better-gb .when-better-in .content-box {
    margin-top: 0px;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-when-better-gb
    .when-better-in
    .content-box
    .contemporary {
    text-align: left;
  }
}

.wrapper-better-half .section-when-better-gb .white-bg-box {
  max-width: 1045px;
  background: #fff;
  border-radius: 0 30px 30px 0;
  padding: 40px 40px 30px 153px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 6000px) {
  .wrapper-better-half .section-when-better-gb .white-bg-box {
    padding: 40px 20px 30px 153px;
    border-radius: 0 50px 30px 0;
    margin-top: -140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-better-half .section-when-better-gb .white-bg-box {
    padding: 40px 1px 15px 1px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-when-better-gb .white-bg-box {
    padding: 35px 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-when-better-gb .white-bg-box {
    padding: 25px 0 0 0;
    border-radius: 0;
    text-align: center;
  }
}

.wrapper-better-half .section-when-better-gb .first-things {
  margin: 30px 0;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-when-better-gb .first-things {
    margin: 15px 0;
  }
}

.wrapper-better-half .mobile-screen-outer {
  position: relative;
}

.wrapper-better-half .section-female-users {
  width: 100%;
  margin-top: 380px;
  background: #fff;
  overflow: hidden;
  padding: 50px 0 250px;
  position: relative;
  z-index: 999;
}
@media only screen and (min-width: 2501px) {
  .wrapper-better-half .section-female-users {
    padding: 50px 0 630px;
  }
}
@media only screen and (min-width: 2301px) and (max-width: 2500px) {
  .wrapper-better-half .section-female-users {
    padding: 50px 0 450px;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2300px) {
  .wrapper-better-half .section-female-users {
    padding: 50px 0 350px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .wrapper-better-half .section-female-users {
    padding: 50px 0 150px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
  .wrapper-better-half .section-female-users {
    margin-top: 365px;
    padding: 50px 0 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half .section-female-users {
    margin-top: 360px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users {
    margin-top: 0;
    padding: 90px 0;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-female-users {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-female-users {
    padding: 35px 0;
  }
}

.wrapper-better-half .section-female-users .desktop-big {
  padding-right: 0px;
}

@media only screen and (min-width: 300px) and (max-width: 1365px) {
  .wrapper-better-half .section-female-users .desktop-big {
    padding-right: 15px;
  }
}

.wrapper-better-half .section-female-users .custom-div {
  width: calc((100vw + 1140px) / 2);
  margin-right: auto;
  padding-bottom: 0;
}

@media only screen and (min-width: 1600px) {
  .wrapper-better-half .section-female-users .custom-div {
    width: calc((100vw + 1240px) / 2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper-better-half .section-female-users .custom-div {
    width: calc((100vw + 1250px) / 2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 960px) {
  .wrapper-better-half .section-female-users .custom-div {
    width: calc((100vw + 100%) / 2);
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper-better-half .section-female-users .custom-div {
    width: calc((100vw + 100%) / 2);
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users .custom-div {
    width: initial;
    margin-left: 0;
    margin-right: 0;
  }
}
.wrapper-better-half .section-female-users .desktop-view {
  margin-top: 40px;
  position: relative;
  margin-right: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-better-half .section-female-users .desktop-view {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .desktop-view {
    margin-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-female-users .desktop-view {
    margin: 0;
  }
}

.wrapper-better-half .section-female-users .desktop-view img {
  width: 919px;
  aspect-ratio: auto 1.1152912621;
  height: auto;
  max-width: 100%;
  margin-left: -60px;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .desktop-view img {
    margin-left: 0;
    position: relative;
  }
}

.wrapper-better-half .section-female-users .another-text {
  padding: 0 0 85px;
  margin-left: -70px;
}

@media only screen and (min-width: 1800px) and (max-width: 7000px) {
  .wrapper-better-half .section-female-users .another-text {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half .section-female-users .another-text {
    margin-left: -15px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .another-text {
    margin-left: 0;
    padding: 0 0 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-female-users .another-text {
    padding-left: 0;
  }
}
.wrapper-better-half .section-female-users .milestone-text-box-top {
  max-width: 700px;
  padding-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-female-users .milestone-text-box-top {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users .milestone-text-box-top {
    max-width: 100%;
    padding-top: 15px;
    text-align: center;
  }
}

.wrapper-better-half .section-female-users .milestone-text-box {
  max-width: 700px;
  padding-top: 30px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .section-female-users .milestone-text-box {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users .milestone-text-box {
    padding: 0;
    margin: 15px 0;
    max-width: none;
    text-align: center;
  }
}
.wrapper-better-half .section-female-users .botton-main-bottom-bg {
  width: 100%;
  background: rgba(132, 103, 249, 0.3);
  padding: 48px 0 !important;
  position: relative;
  top: 0;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half .section-female-users .botton-main-bottom-bg {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .botton-main-bottom-bg {
    background: none;
    display: none;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-box-new {
  max-width: 680px;
  margin-top: 8px;
  margin-left: -70px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new {
    display: none;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-box-new
  .four-am-btn-new-big {
  background: #ff5b91;
  border-radius: 90px;
  box-shadow: 0px -7px 0px 0px #000;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  text-transform: capitalize;
  color: #fff;
  text-decoration: none;
  border-bottom: solid 7px #000;
  padding: 30px 2px 33px 40px;
  display: flex;
  align-items: center;
  margin-right: 7px;
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big {
    font-size: 23px;
    line-height: 35px;
    padding: 14px 55px 20px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big {
    font-size: 22px;
    line-height: 35px;
    padding: 14px 30px 20px 30px;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-box-new
  .four-am-btn-new-big
  span {
  font-family: "TT Norms Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 99px;
  line-height: 70px;
  color: #fff;
  margin-right: 32px;
  text-shadow: 4px 5px 0px #000;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big
    span {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1599px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big
    span {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big
    span {
    font-size: 80px;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-box-new
  .four-am-btn-new-big
  .btn-hart {
  font-size: 0;
  position: relative;
  top: 25px;
  right: 35px;
}

@media only screen and (min-width: 576px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big
    .btn-hart {
    margin-right: 10px;
    font-size: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 576px) {
  .wrapper-better-half
    .section-female-users
    .botton-main-bottom-bg
    .four-am-btn-box-new
    .four-am-btn-new-big
    .btn-hart {
    top: 20px;
    right: 25px;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-box-new
  .four-am-btn-new-big
  .btn-hart
  img {
  width: 54px;
  aspect-ratio: auto 1;
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .botton-main-bottom-bg {
    display: none;
  }
}

.wrapper-better-half
  .section-female-users
  .botton-main-bottom-bg
  .four-am-btn-new {
  display: none;
  font-size: 0;
}

.wrapper-better-half .section-female-users .four-am-btn-box {
  max-width: 678px;
  margin-top: 8px;
  display: none;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .four-am-btn-box {
    margin-top: 60px;
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .four-am-btn-box {
    margin-top: 30px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users .four-am-btn-box {
    margin-top: 25px;
    margin-bottom: 0;
    max-width: none;
  }
}

.wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
  background: #ff5b91;
  border-radius: 90px;
  box-shadow: 0px -7px 0px 0px #000;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 36px;
  text-transform: capitalize;
  color: #fff;
  text-decoration: none;
  border-bottom: solid 7px #000;
  padding: 25px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    font-size: 22px;
    line-height: 32px;
    padding: 18px 18px;
    box-shadow: 0px -4px 0px 0px #000;
    border-bottom: solid 4px #000;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    font-size: 18px;
    line-height: 32px;
    padding: 16px 18px;
    box-shadow: 0px -4px 0px 0px #000;
    border-bottom: solid 4px #000;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    font-size: 18px;
    line-height: 26px;
    padding: 16px 25px;
    box-shadow: 0px -4px 0px 0px #000;
    border-bottom: solid 4px #000;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    font-size: 17px;
    line-height: 24px;
    padding: 10px 15px 10px 15px;
    box-shadow: 0px -2px 0px 0px #000;
    border-bottom: solid 2px #000;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    margin: 35px auto 0;
    font-size: 18px;
    line-height: 26px;
    padding: 6px 15px;
    max-width: 80%;
    box-shadow: 0px -2px 0px 0px #000;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn {
    font-size: 16px;
    line-height: 22px;
    padding: 14px;
    box-shadow: 0px -2px 0px 0px #000;
    border-bottom: solid 2px #000;
    max-width: 100%;
  }
}
.wrapper-better-half
  .section-female-users
  .four-am-btn-box
  .four-am-btn
  .btn-hart {
  font-size: 0;
  position: relative;
  top: 25px;
  right: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 1800px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .btn-hart {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 1499px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .btn-hart {
    margin-right: 10px;
    font-size: 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .btn-hart {
    display: none;
  }
}

.wrapper-better-half
  .section-female-users
  .four-am-btn-box
  .four-am-btn
  .btn-hart
  img {
  width: 54px;
  aspect-ratio: auto 1;
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .btn-hart
    img {
    display: none;
  }
}

.wrapper-better-half .section-female-users .four-am-btn-box .four-am-btn .numb {
  font-family: "TT Norms Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 70px;
  color: #fff;
  margin-right: 10px;
  text-shadow: 3px 4px 0px #000;
}

@media only screen and (min-width: 1801px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    text-shadow: 3px 5px 0 #000;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    font-size: 64px;
    line-height: 64px;
    margin-right: 20px;
    text-shadow: 3px 5px 0 #000;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    font-size: 44px;
    line-height: 44px;
    margin-right: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    font-size: 37px;
    line-height: 60px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    font-size: 32px;
    line-height: 68px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 424px) {
  .wrapper-better-half
    .section-female-users
    .four-am-btn-box
    .four-am-btn
    .numb {
    font-size: 28px;
    line-height: 36px;
    margin-right: 9px;
  }
}

.wrapper-better-half .section-technology-stack {
  width: 100%;
  background: #fff;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .section-technology-stack {
    padding-top: 50px;
    border-top: solid 1px #ddd;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .section-technology-stack {
    padding-top: 35px;
  }
}

.wrapper-better-half .section-technology-stack .technology-tile {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-better-half .section-technology-stack .technology-tile {
    margin-bottom: 40px;
  }
}

.wrapper-better-half .section-technology-stack .profile-space {
  padding-left: 0;
  padding-right: 0;
}

.wrapper-better-half .section-technology-stack .profile-content {
  padding-top: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-better-half .section-technology-stack .profile-content {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-better-half .section-technology-stack .profile-content {
    padding-top: 0;
  }
}
.wrapper-better-half .section-technology-stack .profile-content img {
  width: 1920px;
  aspect-ratio: auto 1.7582417582;
  height: auto;
  max-width: 100%;
}

.wrapper-better-half .testimonial-outer {
  padding: 150px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .testimonial-outer {
    padding: 130px 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .testimonial-outer {
    padding: 0;
  }
}

.wrapper-better-half .testimonial-outer .testimonial-inner {
  background-color: rgba(132, 103, 249, 0.3);
}
.wrapper-better-half .testimonial-outer .testimonial-inner .content-wrap {
  max-width: 1034px;
  margin: 0 auto;
  text-align: center;
  padding: 52px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .wrapper-better-half .testimonial-outer .testimonial-inner .content-wrap {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .testimonial-outer .testimonial-inner .content-wrap {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .testimonial-outer .testimonial-inner .content-wrap {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-better-half .testimonial-outer .testimonial-inner .content-wrap {
    padding: 35px 0;
  }
}

.wrapper-better-half
  .testimonial-outer
  .testimonial-inner
  .content-wrap:before {
  content: "";
  position: absolute;
  background: url("../svg/testimonial-border.svg")
    no-repeat center;
  background-size: 100% 100%;
  width: auto;
  height: 613px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half
    .testimonial-outer
    .testimonial-inner
    .content-wrap:before {
    display: none;
  }
}
.wrapper-better-half
  .testimonial-outer
  .testimonial-inner
  .content-wrap
  .info-text {
  font-family: "Ubuntu";
  font-size: 22px;
  line-height: 38px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .testimonial-outer
    .testimonial-inner
    .content-wrap
    .info-text {
    font-size: 18px;
    line-height: 28px;
  }
}
.wrapper-better-half
  .testimonial-outer
  .testimonial-inner
  .content-wrap
  .logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: left;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}

.wrapper-better-half
  .testimonial-outer
  .testimonial-inner
  .content-wrap
  .logo-wrap
  .desg-wrap
  .des {
  font-size: 22px;
  line-height: 38px;
  font-family: "Ubuntu";
  font-weight: 700;
}

@media only screen and (max-width: 575px) {
  .wrapper-better-half
    .testimonial-outer
    .testimonial-inner
    .content-wrap
    .logo-wrap
    .desg-wrap
    .des {
    font-size: 20px;
    line-height: 32px;
  }
}

.wrapper-better-half
  .testimonial-outer
  .testimonial-inner
  .content-wrap
  .logo-wrap
  .desg-wrap
  p {
  font-size: 22px;
  line-height: 38px;
  font-family: "Ubuntu";
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half
    .testimonial-outer
    .testimonial-inner
    .content-wrap
    .logo-wrap
    .desg-wrap
    p {
    font-size: 18px;
    line-height: 28px;
  }
}

.wrapper-better-half .bottom-color-red {
  height: 90px;
  background: #ff5b91;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .wrapper-better-half .bottom-color-red {
    height: 56px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-better-half .bottom-color-red {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-better-half .bottom-color-red {
    height: 35px;
  }
}

/*ai based matrimony css ends here*/

/*smashers collectors app css starts here*/
@font-face {
  font-family: "Rowdies";
  src: url("../woff2/rowdies-light.woff2")
      format("woff2"),
    url("../woff/rowdies-light.woff")
      format("woff"),
    url("../ttf/rowdies-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("../woff2/raleway-semibold.woff2")
      format("woff2"),
    url("../woff/raleway-semibold.woff")
      format("woff"),
    url("../ttf/raleway-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*@font-face {*/
/*    font-family: "Poppins";*/
/*    src: url("../portfolio-fonts/smashers-collectors-app/Poppins-Regular.woff2") format("woff2"),*/
/*        url("../portfolio-fonts/smashers-collectors-app/Poppins-Regular.woff") format("woff"),*/
/*        url("../portfolio-fonts/smashers-collectors-app/Poppins-Regular.ttf") format("truetype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

@font-face {
  font-family: "TT Norms Pro";
  src: url("../woff2/ttnormspro-regular-2.woff2")
      format("woff2"),
    url("../woff/ttnormspro-regular-2.woff")
      format("woff"),
    url("../ttf/ttnormspro-regular-2.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url("../woff2/ttnormspro-medium.woff2")
      format("woff2"),
    url("../woff/ttnormspro-medium.woff")
      format("woff"),
    url("../ttf/tt-norms-pro-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url("../woff2/ttnormspro-bold-2.woff2")
      format("woff2"),
    url("../woff/ttnormspro-bold-2.woff")
      format("woff"),
    url("../ttf/ttnormspro-bold-2.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.smashers-wrapper {
  background-color: #ffffff;
  font-family: "TT Norms Pro";
}

.smashers-wrapper .smashptb-120 {
  padding: 120px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .smashers-wrapper .smashptb-120 {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .smashptb-120 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .smashptb-120 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .smashptb-120 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .smashptb-120 {
    padding: 35px 0;
  }
}

.smashers-wrapper .smashpt-120 {
  padding-top: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .smashers-wrapper .smashpt-120 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .smashpt-120 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .smashpt-120 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .smashpt-120 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .smashpt-120 {
    padding-top: 35px;
  }
}

.smashers-wrapper .smashpb-120 {
  padding-bottom: 120px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .smashers-wrapper .smashpb-120 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .smashpb-120 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .smashpb-120 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .smashpb-120 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .smashpb-120 {
    padding-bottom: 35px;
  }
}

.smashers-wrapper .smashhead-title {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .smashhead-title {
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    margin: 0 0 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .smashhead-title {
    font-size: 34px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .smashhead-title {
    margin: 0 0 10px !important;
  }
}

@media only screen and (max-width: 375px) {
  .smashers-wrapper .smashhead-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 1699px) {
  .smashers-wrapper .smash-container {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .smashers-wrapper .smash-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .smash-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .smashers-wrapper .smash-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.smashers-wrapper .smash-container-one {
  background: #ed739a;
  border-radius: 40px;
}

@media only screen and (min-width: 1699px) {
  .smashers-wrapper .smash-container-one {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .smashers-wrapper .smash-container-one {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .smash-container-one {
    width: calc(100% - 60px);
    max-width: none;
    border-radius: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .smashers-wrapper .smash-container-one {
    width: calc(100% - 40px);
    max-width: none;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .smash-container-one {
    border-radius: 0;
  }
}

.smashers-wrapper .smash-container-two {
  background: #60c3d9;
  border-radius: 40px;
}

@media only screen and (min-width: 1699px) {
  .smashers-wrapper .smash-container-two {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .smashers-wrapper .smash-container-two {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .smash-container-two {
    width: calc(100% - 60px);
    max-width: none;
    border-radius: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .smashers-wrapper .smash-container-two {
    width: calc(100% - 40px);
    max-width: none;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .smash-container-two {
    border-radius: 0;
  }
}

.smashers-wrapper .smash-container-three {
  background: #84ca95;
  border-radius: 40px;
}

@media only screen and (min-width: 1699px) {
  .smashers-wrapper .smash-container-three {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .smashers-wrapper .smash-container-three {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .smash-container-three {
    width: calc(100% - 60px);
    max-width: none;
    border-radius: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .smashers-wrapper .smash-container-three {
    width: calc(100% - 40px);
    max-width: none;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .smash-container-three {
    border-radius: 0;
  }
}

.smashers-wrapper .section-smash-the-ball {
  background-color: #5f44a3;
  overflow: hidden;
  position: relative;
}
.smashers-wrapper .section-smash-the-ball .banner-bg {
  position: absolute;
  right: -175px;
  bottom: -20px;
  transform: rotate(174deg);
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-smash-the-ball .banner-bg {
    display: none;
  }
}
.smashers-wrapper .section-smash-the-ball .banner-smash-title {
  font-style: normal;
  font-weight: 900;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title {
    text-align: center;
  }
}
.smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
  font-size: 100px;
  font-weight: 900;
  line-height: 134px;
}
@media only screen and (max-width: 1499px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
    font-size: 85px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 1365px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
    font-size: 68px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
    font-size: 48px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
    font-size: 40px;
    line-height: 44px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title h1 {
    font-size: 34px;
    line-height: 38px;
  }
}
.smashers-wrapper .section-smash-the-ball .banner-smash-title .collect-text {
  border: 3px solid #ebc12b;
  transform: rotate(-3deg);
  padding-left: 14px;
  padding-right: 14px;
  display: inline-block;
  position: relative;
  line-height: 110px;
}
@media only screen and (max-width: 1499px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title .collect-text {
    line-height: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title .collect-text {
    line-height: 74px;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title .collect-text {
    border: none;
    padding: 0;
    transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-the-ball .banner-smash-title .collect-text {
    line-height: normal;
  }
}

.smashers-wrapper
  .section-smash-the-ball
  .banner-smash-title
  .collect-text
  .one {
  position: absolute;
  left: -12px;
  top: -12px;
  width: 12px;
  height: 12px;
  border: 3px solid #ebc12b;
}

.smashers-wrapper
  .section-smash-the-ball
  .banner-smash-title
  .collect-text
  .two {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 12px;
  height: 12px;
  border: 3px solid #ebc12b;
}
.smashers-wrapper
  .section-smash-the-ball
  .banner-smash-title
  .collect-text
  .three {
  position: absolute;
  left: -12px;
  bottom: -12px;
  width: 12px;
  height: 12px;
  border: 3px solid #ebc12b;
}
.smashers-wrapper
  .section-smash-the-ball
  .banner-smash-title
  .collect-text
  .four {
  position: absolute;
  right: -12px;
  bottom: -12px;
  width: 12px;
  height: 12px;
  border: 3px solid #ebc12b;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper
    .section-smash-the-ball
    .banner-smash-title
    .collect-text
    .one,
  .smashers-wrapper
    .section-smash-the-ball
    .banner-smash-title
    .collect-text
    .two,
  .smashers-wrapper
    .section-smash-the-ball
    .banner-smash-title
    .collect-text
    .three,
  .smashers-wrapper
    .section-smash-the-ball
    .banner-smash-title
    .collect-text
    .four {
    display: none;
  }
}

.smashers-wrapper .section-smash-the-ball .blue-army-img {
  margin-top: 10px;
}
.smashers-wrapper .section-smash-the-ball .blue-army-img img {
  width: 3200px;
  aspect-ratio: auto 2.380952381;
  height: auto;
}
.smashers-wrapper .section-about-smasher {
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher {
    text-align: center;
  }
}

.smashers-wrapper .section-about-smasher .about-title {
  color: #160b29;
}

.smashers-wrapper .section-about-smasher .about-text-wrap {
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .about-text-wrap {
    margin-top: 0;
  }
}

.smashers-wrapper .section-about-smasher .about-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: rgba(22, 11, 41, 0.8);
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .about-text {
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-about-smasher .about-text {
    font-size: 16px;
    line-height: 26px;
  }
}

.smashers-wrapper .section-about-smasher .about-text:first-child {
  margin: 0 0 20px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .about-text:first-child {
    margin: 0 0 10px;
  }
}

/* ---------------smashers cta css start -----------*/

.smashers-wrapper .section-about-smasher .cta-green-bg {
  width: 100%;
  background: rgba(132, 202, 149, 1);
  position: relative;
  overflow: hidden;
  margin-top: 50px;
  border-radius: 30px;
  padding: 40px 60px 50px 60px;
}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .smashers-wrapper .section-about-smasher .cta-green-bg {
    margin-top: 30px;
    padding: 40px 40px 50px 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .smashers-wrapper .section-about-smasher .cta-green-bg {
    margin-top: 30px;
    border-radius: 20px;
    padding: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-about-smasher .cta-green-bg {
    margin-top: 30px;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .cta-green-bg {
    margin-top: 30px;
    border-radius: 20px;
    padding: 0px 0px 0px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-about-smasher .cta-green-bg {
    margin-top: 25px;
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.smashers-wrapper .section-about-smasher .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 27%;
  grid-column-gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .smashers-wrapper .section-about-smasher .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-about-smasher .cta-green-grid-main {
    grid-template-columns: 1fr 33%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .cta-green-grid-main {
    grid-template-columns: 1fr 36%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-about-smasher .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.smashers-wrapper .section-about-smasher .cta-title-left-dis {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis {
    text-align: left;
  }
}
.smashers-wrapper .section-about-smasher .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
  font-weight: 500;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 24px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-about-smasher .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-about-smasher .cta-btn-box {
  margin-top: 24px;
}
.smashers-wrapper .section-about-smasher .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .smashers-wrapper .section-about-smasher .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-about-smasher .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-about-smasher .cta-btn-box a {
    padding: 10px 16px;
    font-size: 15px;
  }
}
.smashers-wrapper .section-about-smasher .cta-btn-box a:hover {
  background: #000000;
  color: #ffffff;
}
.smashers-wrapper .section-about-smasher .cta-img-right-img-box {
  position: absolute;
  right: 60px;
  bottom: 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    right: 40px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    right: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    right: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    right: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-about-smasher .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------smashers cta css end -----------*/

.smashers-wrapper .section-play-the-bg {
  width: 100%;
  background-color: #fd6755;
  overflow: hidden;
}

.smashers-wrapper .section-play-the-bg .play-the-smasher-text {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 80px;
  color: #fff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1365px) {
  .smashers-wrapper .section-play-the-bg .play-the-smasher-text {
    font-size: 48px;
    line-height: 68px;
  }
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-play-the-bg .play-the-smasher-text {
    font-size: 36px;
    line-height: 52px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-play-the-bg .play-the-smasher-text {
    font-size: 30px;
    line-height: 44px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .smashers-wrapper .section-play-the-bg .play-the-smasher-text {
    font-size: 25px;
    line-height: 36px;
  }
}
.smashers-wrapper .section-play-the-bg .play-the-smasher-text span {
  color: #1c1c1c;
  border-bottom: solid #000 4px;
}
.smashers-wrapper .section-play-the-bg .play-the-smasher-text .span-two {
  color: #5f44a3;
  border: none;
}

.smashers-wrapper .section-play-the-bg .four-screens {
  margin-top: 10px;
  margin-right: -50px;
  text-align: right;
}

@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-play-the-bg .four-screens {
    margin: 0 auto;
    max-width: 80%;
  }
}

.smashers-wrapper .section-play-the-bg .four-screens img {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

.smashers-wrapper .section-work-process-bg {
  width: 100%;
  background-color: #fff;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-work-process-bg {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .smashers-wrapper .section-work-process-bg {
    padding-bottom: 35px;
  }
}

.smashers-wrapper .section-work-process-bg .work-progress-type .progress-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer {
    gap: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    justify-content: start !important;
    gap: 10px;
  }
}
.smashers-wrapper
  .section-work-process-bg
  .work-progress-type
  .progress-outer
  .item {
  min-width: 330px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer
    .item {
    min-width: 210px;
  }
}
@media only screen and (max-width: 480px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer
    .item {
    min-width: max-content;
    margin: 0 0 10px;
  }
}

.smashers-wrapper
  .section-work-process-bg
  .work-progress-type
  .progress-outer
  .item
  span {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  display: block;
  letter-spacing: -0.01em;
  color: #160b29;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer
    .item
    span {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 480px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer
    .item
    span {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper
    .section-work-process-bg
    .work-progress-type
    .progress-outer
    .item
    img {
    width: 35px;
    height: 35px;
  }
}

.smashers-wrapper .section-work-process-bg .work-process-title {
  color: #160b29;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-work-process-bg .work-process-title {
    margin-bottom: 30px !important;
  }
}

.smashers-wrapper .section-work-process-bg .empathize-bg {
  background: #d6f8ff;
  border-radius: 70px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-work-process-bg .empathize-bg {
    font-size: 16px;
    padding: 8px 10px;
    line-height: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg .empathize-bg {
    gap: 10px;
  }
}

.smashers-wrapper .section-work-process-bg .edit-bg {
  background: #e6dbfc;
  border-radius: 70px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-work-process-bg .edit-bg {
    font-size: 18px;
    padding: 8px 10px;
    line-height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg .edit-bg {
    gap: 10px;
  }
}

.smashers-wrapper .section-work-process-bg .ideate-bg {
  background: #ffe9ec;
  border-radius: 70px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-work-process-bg .ideate-bg {
    font-size: 18px;
    padding: 8px 10px;
    line-height: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg .ideate-bg {
    gap: 10px;
  }
}

.smashers-wrapper .section-work-process-bg .prototype-bg {
  background: #ffedd1;
  border-radius: 70px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-work-process-bg .prototype-bg {
    font-size: 18px;
    padding: 8px 10px;
    line-height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg .prototype-bg {
    gap: 10px;
  }
}

.smashers-wrapper .section-work-process-bg .test-bg {
  background: #cff3d7;
  border-radius: 70px;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-work-process-bg .test-bg {
    font-size: 18px;
    padding: 8px 10px;
    line-height: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-work-process-bg .test-bg {
    gap: 10px;
  }
}

.smashers-wrapper .section-typography-bg {
  width: 100%;
  background-color: #fff;
}
.smashers-wrapper .section-typography-bg .typography-title {
  color: #160b29;
}

.smashers-wrapper .section-typography-bg .typo-outer {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-typography-bg .typo-outer {
    margin-top: 20px;
  }
}

.smashers-wrapper .section-typography-bg .typo-outer .text-wrap {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-typography-bg .typo-outer .text-wrap {
    margin-bottom: 15px;
  }
}

.smashers-wrapper .section-typography-bg .typo-title {
  font-style: normal;
  font-size: 30px;
  line-height: 37px;
  color: #000;
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-typography-bg .typo-title {
    font-size: 25px;
    line-height: 32px;
  }
}

.smashers-wrapper .section-typography-bg .rowdie-text {
  font-family: "Rowdies";
  font-weight: 300;
}
.smashers-wrapper .section-typography-bg .raleway-text {
  font-family: "Raleway";
  font-weight: 600;
}
.smashers-wrapper .section-typography-bg .word-text {
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.08em;
  color: #000;
  text-transform: uppercase;
}

.smashers-wrapper .section-typography-bg .word-text span {
  text-transform: lowercase;
  display: block;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-typography-bg .word-text {
    font-size: 14px;
    padding-bottom: 0;
  }
}
.smashers-wrapper .section-typography-bg .colors-img {
  margin: 50px 0;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-typography-bg .colors-img {
    margin: 30px 0;
  }
}
.smashers-wrapper .section-typography-bg .colors-img img {
  width: 2056px;
  aspect-ratio: auto 2.0725806452;
  height: auto;
}

.smashers-wrapper .section-smasher-packs-bg {
  width: 100%;
  padding-bottom: 30px;
  background-color: #fff;
}
.smashers-wrapper .section-smasher-packs-bg .smasher-packs-title {
  color: #160b29;
}

.smashers-wrapper .section-smasher-packs-bg .smasher-packs-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: rgba(22, 11, 41, 0.8);
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smasher-packs-bg .smasher-packs-text {
    line-height: 26px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-smasher-packs-bg .smasher-packs-text {
    font-size: 16px;
  }
}

.smashers-wrapper .section-pink-gang-bg {
  width: 100%;
  border-radius: 40px;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-pink-gang-bg {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-pink-gang-bg {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-pink-gang-bg {
    border-radius: 0;
  }
}

.smashers-wrapper .section-pink-gang-bg .inner-outer {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-pink-gang-bg .inner-outer {
    padding-top: 35px;
  }
}

.smashers-wrapper .section-pink-gang-bg .pink-gang-title {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-pink-gang-bg .pink-gang-title {
    margin: 0 0 10px !important;
  }
}
.smashers-wrapper .section-pink-gang-bg .pink-gang-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  color: #fff;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-pink-gang-bg .pink-gang-text {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-pink-gang-bg .pink-gang-text {
    font-size: 16px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-pink-gang-bg .pink-gang {
  margin-top: 10px;
}
.smashers-wrapper .section-pink-gang-bg .pink-gang img {
  width: 3200px;
  aspect-ratio: auto 2.3916292975;
  height: auto;
}
.smashers-wrapper .section-blue-army-bg {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 40px;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-blue-army-bg {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-blue-army-bg {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-blue-army-bg {
    border-radius: 0;
  }
}

.smashers-wrapper .section-blue-army-bg .inner-outer {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-blue-army-bg .inner-outer {
    padding-top: 35px;
  }
}

.smashers-wrapper .section-blue-army-bg .blue-army-title {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-blue-army-bg .blue-army-title {
    margin: 0 0 10px !important;
  }
}

.smashers-wrapper .section-blue-army-bg .blue-army-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  color: #fff;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-blue-army-bg .blue-army-text {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-blue-army-bg .blue-army-text {
    font-size: 16px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-blue-army-bg .blue-army {
  margin-top: 10px;
}
.smashers-wrapper .section-blue-army-bg .blue-army img {
  width: 3200px;
  aspect-ratio: auto 2.380952381;
  height: auto;
}
.smashers-wrapper .section-grass-players-bg {
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-grass-players-bg {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-grass-players-bg {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-grass-players-bg {
    border-radius: 0;
  }
}

.smashers-wrapper .section-grass-players-bg .inner-outer {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-grass-players-bg .inner-outer {
    padding-top: 35px;
  }
}
.smashers-wrapper .section-grass-players-bg .grass-players-title {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-grass-players-bg .grass-players-title {
    margin: 0 0 10px !important;
  }
}

.smashers-wrapper .section-grass-players-bg .grass-players-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  color: #fff;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-grass-players-bg .grass-players-text {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-blue-army-bg .grass-players-text {
    font-size: 16px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-grass-players-bg .grass-players {
  margin-top: 10px;
}
.smashers-wrapper .section-grass-players-bg .grass-players img {
  width: 3200px;
  aspect-ratio: auto 2.4242424242;
  height: auto;
}
.smashers-wrapper .section-characters-bg {
  width: 100%;
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
}
.smashers-wrapper .section-characters-bg .characters-title {
  color: #160b29;
}

.smashers-wrapper .section-characters-bg .characters-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  align-items: center;
  text-align: center;
  color: rgba(22, 11, 41, 0.8);
  padding-bottom: 25px;
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-characters-bg .characters-text {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 15px;
  }
}
.smashers-wrapper .section-characters-bg .characters {
  margin: 30px -180px 0;
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .smashers-wrapper .section-characters-bg .characters {
    margin: 30px -30px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .smashers-wrapper .section-characters-bg .characters {
    margin: 30px -50px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-characters-bg .characters {
    margin: 30px -70px 0;
  }
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-characters-bg .characters {
    margin: 10px -30px 0;
  }
}

.smashers-wrapper .section-just-them-bg {
  width: 100%;
  background: #1f1f1f;
}
.smashers-wrapper .section-just-them-bg .just-them-title {
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 90px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-just-them-bg .just-them-title {
    font-size: 48px;
    line-height: 66px;
  }
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-just-them-bg .just-them-title {
    font-size: 42px;
    line-height: 62px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-just-them-bg .just-them-title {
    font-size: 34px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 375px) {
  .smashers-wrapper .section-just-them-bg .just-them-title {
    font-size: 30px;
    line-height: 36px;
  }
}

.smashers-wrapper .section-just-them-bg .just-them-title span {
  display: block;
}
.smashers-wrapper .section-just-them-bg .just-them-title .span-border-text {
  border: solid #fd6755 2px;
  display: inline;
  padding-left: 12px;
  padding-right: 12px;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-just-them-bg .just-them-title .span-border-text {
    border: none;
    padding: 0;
  }
}

.smashers-wrapper .section-just-them-bg .just-them-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  align-items: center;
  text-align: center;
  color: #ddd;
  padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-just-them-bg .just-them-text {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-just-them-bg .just-them-text {
    font-size: 16px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-just-them-bg .just-them {
  margin-top: 70px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-just-them-bg .just-them {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-just-them-bg .just-them {
    margin-top: 0;
  }
}

.smashers-wrapper .section-just-them-bg .just-them img {
  width: 1920px;
  aspect-ratio: auto 1.3842826244;
  height: auto;
  margin-bottom: -1px;
}

.smashers-wrapper .section-technology-stack-bg {
  width: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg {
    border-radius: 10px;
  }
}

.smashers-wrapper .section-technology-stack-bg .technology-stack-title {
  color: #160b29;
  margin: 0 0 50px;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .technology-stack-title {
    margin: 0 0 30px !important;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-technology-stack-bg .technology-stack-title {
    margin: 0 0 25px !important;
  }
}
.smashers-wrapper .section-technology-stack-bg .technology-list {
  gap: 25px;
}
.smashers-wrapper .section-technology-stack-bg .swift-img .img-outer {
  background-color: #eff7fe;
  padding: 20px;
  border-radius: 99em;
  margin: 0 0 15px;
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-technology-stack-bg .swift-img .img-outer {
    padding: 10px;
  }
}
.smashers-wrapper .section-technology-stack-bg .swift-img .img-outer .img-wrap {
  background-color: #ffffff;
  width: 120px;
  height: 120px;
  padding: 20px;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.01));
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper
    .section-technology-stack-bg
    .swift-img
    .img-outer
    .img-wrap {
    padding: 10px;
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper
    .section-technology-stack-bg
    .swift-img
    .img-outer
    .img-wrap
    img {
    max-width: 60%;
  }
}

.smashers-wrapper .section-technology-stack-bg .swift-img .swift-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: rgba(22, 11, 41, 0.8);
  margin-top: -30px;
}

/* ---------------smashers cta to css start -----------*/

.smashers-wrapper .section-technology-stack-bg .cta-green-bg {
  width: 100%;
  background: #5f44a3;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  margin-bottom: 70px;
}
.smashers-wrapper .section-technology-stack-bg .cta-container {
  max-width: 1600px;
}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-bg {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-bg {
    margin-bottom: 50px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-bg {
    margin-bottom: 40px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-bg {
    margin-bottom: 30px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-bg {
    margin-bottom: 25px;
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.smashers-wrapper .section-technology-stack-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 37%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.smashers-wrapper .section-technology-stack-bg .cta-title-left-dis {
  margin: 0;
  padding: 0px 0px 90px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis {
    text-align: left;
    padding: 30px 0px 30px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis {
    text-align: left;
    padding: 30px 0px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
  font-weight: 500;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-technology-stack-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.smashers-wrapper .section-technology-stack-bg .cta-btn-box {
  margin-top: 24px;
}
.smashers-wrapper .section-technology-stack-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .smashers-wrapper .section-technology-stack-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smashers-wrapper .section-technology-stack-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-btn-box a {
    padding: 10px 16px;
    font-size: 15px;
  }
}
.smashers-wrapper .section-technology-stack-bg .cta-btn-box a:hover {
  background: #77be89;
  color: #ffffff;
}
.smashers-wrapper .section-technology-stack-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smashers-wrapper .section-technology-stack-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-technology-stack-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------smashers cta to css end -----------*/

.smashers-wrapper .section-collect-track-bg {
  width: 100%;
  background-color: #fff;
}

.smashers-wrapper .section-collect-track-bg .middle-div {
  margin: 100px 0;
}

@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-collect-track-bg .middle-div {
    margin: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-collect-track-bg .middle-div {
    margin: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-collect-track-bg .middle-div {
    margin: 50px 0;
  }
}

.smashers-wrapper .section-collect-track-bg .collect-track-title {
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 54px;
  letter-spacing: -0.01em;
  color: #160b29;
  max-width: 467px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-collect-track-bg .collect-track-title {
    max-width: none;
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-collect-track-bg .collect-track-title {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin: 0 0 30px;
  }
}

.smashers-wrapper .section-collect-track-bg .collect-track-title.top-text {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-collect-track-bg .collect-track-title.top-text {
    text-align: center;
  }
}

.smashers-wrapper .section-collect-track-bg .three-screens-img img {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

.smashers-wrapper .section-smash-impact .text-wrap .characters-text {
  font-size: 18px;
  line-height: 32px;
  color: rgba(22, 11, 41, 0.8);
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-smash-impact .text-wrap .characters-text {
    font-size: 16px;
    line-height: 26px;
  }
}

.smashers-wrapper .section-smash-impact .img-outers {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .smashers-wrapper .section-smash-impact .img-outers {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-impact .img-outers {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-impact .img-outers {
    margin-top: 50px;
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-smash-impact .img-outers {
    margin-top: 35px;
  }
}

.smashers-wrapper .section-smash-impact .img-outers .item.item-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-impact .img-outers .item.item-top {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .smashers-wrapper .section-smash-impact .img-outers .item.item-top {
    grid-template-columns: 1fr;
  }
}

.smashers-wrapper .section-smash-impact .img-outers .item .img-wrap {
  border-radius: 40px;
}
@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap {
    border-radius: 10px;
  }
}

.smashers-wrapper .section-smash-impact .img-outers .item .img-wrap img {
  border-radius: 40px;
}

@media only screen and (max-width: 991px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap img {
    border-radius: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .smashers-wrapper .section-smash-impact .img-outers .item .img-wrap img {
    border-radius: 10px;
  }
}
/*smashers collectors app css ends here*/

/*bus ticket booking app css starts here*/
@font-face {
  font-family: "Sen";
  src: url("../woff2/sen-bold.woff2")
      format("woff2"),
    url("../woff/sen-bold.woff")
      format("woff"),
    url("../ttf/sen-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gentium Basic";
  src: url("../woff2/gentiumbasic-bold.woff2")
      format("woff2"),
    url("../woff/gentiumbasic-bold.woff")
      format("woff"),
    url("../ttf/gentiumbasic-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../woff2/opensans-regular.woff2")
      format("woff2"),
    url("../woff/opensans-regular.woff")
      format("woff"),
    url("../ttf/opensans-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../woff2/opensans-semibold.woff2")
      format("woff2"),
    url("../woff/opensans-semibold.woff")
      format("woff"),
    url("../ttf/opensans-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../woff2/opensans-bold.woff2")
      format("woff2"),
    url("../woff/opensans-bold.woff")
      format("woff"),
    url("../ttf/opensans-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.mybus-wrapper {
  font-family: "Open Sans";
  font-weight: 400;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 34px;
  color: #5c5468;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper {
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper {
    line-height: 24px;
  }
}

@media only screen and (min-width: 1366px) {
  .mybus-wrapper .mybus-container {
    max-width: 1140px;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .mybus-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .mybus-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mybus-wrapper .mybus-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.mybus-wrapper .mybus-sen {
  font-family: "Sen";
  font-weight: bold;
}

.mybus-wrapper .mybus-headtitle {
  font-family: "Gentium Basic";
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin: 0 0 25px;
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-headtitle {
    margin: 0 0 20px;
  }
}

.mybus-wrapper .mybus-headtitle:after {
  content: "";
  position: absolute;
  right: -100px;
  width: 80px;
  height: 4px;
  background-color: #fb8585;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-headtitle:after {
    width: 40px;
    height: 3px;
    right: -50px;
  }
}

@media only screen and (max-width: 480px) {
  .mybus-wrapper .mybus-headtitle:after {
    display: none;
  }
}

.mybus-wrapper .mybus-bold {
  font-weight: 700;
}
.mybus-wrapper .mybus-semibold {
  font-weight: 600;
}
.mybus-wrapper .mybus-regular {
  font-weight: 400;
}
.mybus-wrapper .mybus-60 {
  font-size: 60px;
  line-height: 66px;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-60 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-60 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-60 {
    font-size: 36px;
    line-height: 42px;
  }
}

.mybus-wrapper .mybus-40 {
  font-size: 40px;
  line-height: 46px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-40 {
    font-size: 34px;
    line-height: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-40 {
    font-size: 32px;
    line-height: 42px;
  }
}
.mybus-wrapper .mybus-22 {
  font-size: 22px;
  line-height: 30px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-22 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-22 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-22 {
    font-size: 16px;
    line-height: 24px;
  }
}
.mybus-wrapper .mybus-20 {
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-20 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-20 {
    font-size: 16px;
    line-height: 24px;
  }
}

.mybus-wrapper .mybus-18 {
  font-size: 18px;
  line-height: 34px;
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-18 {
    font-size: 16px;
    line-height: 24px;
  }
}
.mybus-wrapper .mybus-16s {
  line-height: 28px;
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-16s {
    line-height: 24px;
  }
}

.mybus-wrapper .mybus-light-orenge {
  background-color: #feeded;
}
.mybus-wrapper .mybus-darkorenge {
  background-color: #fb8585;
}
.mybus-wrapper .mybus-orenge {
  background-color: #fa8886;
}
.mybus-wrapper .mybus-green {
  background-color: #3bd580;
}
.mybus-wrapper .mybus-lightgreen {
  background-color: #aad05a;
}
.mybus-wrapper .mybus-black {
  background-color: #000000;
}
.mybus-wrapper .mybus-red {
  background-color: #dd0031;
}
.mybus-wrapper .mybus-darkgreen {
  background-color: #539e43;
}
.mybus-wrapper .mybus-blue {
  background-color: #00618a;
}
.mybus-wrapper .mybus-lightsky {
  background-color: #5db6dc;
}
.mybus-wrapper .mybus-purple {
  background-color: #ba93ec;
}

.mybus-wrapper .mybus-br30 {
  border-radius: 30px;
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-br30 {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-br30 {
    border-radius: 15px;
  }
}

.mybus-wrapper .mybus-mt15 {
  margin-top: 15px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-mt15 {
    margin-top: 0;
  }
}

.mybus-wrapper .mybus-mt30 {
  margin-top: 30px;
}
.mybus-wrapper .mybus-mb30 {
  margin-bottom: 30px;
}
.mybus-wrapper .mybus-mt50 {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-mt50 {
    margin-top: 30px;
  }
}
.mybus-wrapper .mybus-mt70 {
  margin-top: 70px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-mt70 {
    margin-top: 30px;
  }
}

.mybus-wrapper .mybus-ptb150 {
  padding: 150px 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-ptb150 {
    padding: 35px 0;
  }
}

.mybus-wrapper .mybus-pb150 {
  padding-bottom: 150px;
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-pb150 {
    padding-bottom: 35px;
  }
}
.mybus-wrapper .mybus-ptb100 {
  padding: 100px 0;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-ptb100 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-ptb100 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-ptb100 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-ptb100 {
    padding: 35px 0;
  }
}

.mybus-wrapper .mybus-banner {
  position: relative;
  background-color: rgba(251, 133, 133, 0.3);
}
.mybus-wrapper .mybus-banner:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url("../svg/banner-bg.svg")
    no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.mybus-wrapper .mybus-banner .mybus-container {
  position: relative;
  z-index: 2;
}

.mybus-wrapper .mybus-banner .inner-wrapper {
  display: flex;
  gap: 100px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .mybus-banner .inner-wrapper {
    gap: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-banner .inner-wrapper {
    justify-content: center;
  }
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-banner .leftside-wrap {
    max-width: none !important;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-banner .leftside-wrap .logo-wrap img {
    max-width: 40%;
  }
}

.mybus-wrapper .mybus-banner .img-wrap {
  max-width: 590px;
  margin-left: auto;
  flex: 0 0 auto;
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-banner .img-wrap {
    max-width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-banner .img-wrap {
    max-width: none;
    margin: 35px 0 30px;
  }
}

.mybus-wrapper .mybus-banner .img-wrap img {
  position: relative;
}

.mybus-wrapper .mybus-banner .img-wrap .one {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 200px;
  height: 100px;
  border-radius: 35px 0 35px 0;
  background-color: #fcb9b9;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-banner .img-wrap .one {
    display: none;
  }
}

.mybus-wrapper .mybus-banner .img-wrap .two {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 200px;
  height: 100px;
  border-radius: 35px 0 35px 0;
  background-color: #fcb9b9;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-banner .img-wrap .two {
    display: none;
  }
}

.mybus-wrapper .mybus-about-section {
  margin-top: -90px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-about-section {
    margin-top: 0;
    padding-top: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-about-section {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-about-section {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-about-section {
    padding-top: 35px;
  }
}

.mybus-wrapper .mybus-about-section .about-wrap {
  display: flex;
  gap: 100px;
  align-items: end;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-about-section .about-wrap {
    gap: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-about-section .about-wrap {
    flex-direction: column;
    gap: 15px;
  }
}

.mybus-wrapper .mybus-about-section .about-wrap .img-wrap {
  flex: 0 0 auto;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-about-section .about-wrap .img-wrap {
    margin: 0 0 30px;
  }
}

.mybus-wrapper .mybus-about-section .about-wrap .about-text {
  padding: 55px 0;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-about-section .about-wrap .about-text {
    padding: 0;
  }
}

.mybus-wrapper .mybus-full-banner {
  overflow: hidden;
}

.mybus-wrapper .mybus-features .features-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
  margin-top: 20px;
}

@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-features .features-wrapper {
    grid-gap: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-features .features-wrapper {
    margin-top: 0;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}

.mybus-wrapper .mybus-features .features-wrapper .wrap-item {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item {
    gap: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item:last-child {
  margin-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item:last-child {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item:last-child {
    margin-top: 0;
  }
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
  padding: 35px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
    min-width: 70%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
    padding: 25px 24px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
    min-width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
    padding: 20px 22px;
  }
}
@media only screen and (max-width: 375px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item {
    min-width: 90%;
  }
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(100% - 166px);
  width: 100%;
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-features .features-wrapper .wrap-item .item:after {
    height: 100%;
  }
}

.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item.one:after {
  background-color: #fb8585;
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item.two:after {
  background-color: #5db6dc;
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item.three:after {
  background-color: #aad05a;
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item.four:after {
  background-color: #ba93ec;
}
.mybus-wrapper .mybus-features .features-wrapper .wrap-item .item .inner-wrap {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item
    .item
    .inner-wrap {
    white-space: normal;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
}

.mybus-wrapper
  .mybus-features
  .features-wrapper
  .wrap-item
  .item
  .inner-wrap
  span {
  color: #ffffff;
  margin: 0 0 15px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item
    .item
    .inner-wrap
    span {
    margin: 0 0 8px;
  }
}

.mybus-wrapper
  .mybus-features
  .features-wrapper
  .wrap-item
  .item
  .inner-wrap
  ul
  li {
  color: #ffffff;
}

.mybus-wrapper
  .mybus-features
  .features-wrapper
  .wrap-item
  .item
  .inner-wrap
  ul
  li:before {
  filter: brightness(0) invert(1);
  top: 7px;
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item
    .item
    .inner-wrap
    ul
    li:before {
    top: 5px;
  }
}

.mybus-wrapper
  .mybus-features
  .features-wrapper
  .wrap-item
  .item
  .inner-wrap
  .img-wrap {
  margin-top: 30px;
}

.mybus-wrapper
  .mybus-features
  .features-wrapper
  .wrap-item
  .item
  .inner-wrap
  .img-wrap
  img {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper
    .mybus-features
    .features-wrapper
    .wrap-item
    .item
    .inner-wrap
    .img-wrap
    img {
    max-width: 55%;
  }
}

.mybus-wrapper .mybus-feature-screen {
  background-color: rgba(251, 133, 133, 0.3);
  padding: 70px 0;
  position: relative;
}

.mybus-wrapper .mybus-feature-screen:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url(../svg/banner-bg.svg)
    no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.mybus-wrapper .mybus-feature-screen .inner-wrap {
  position: relative;
  z-index: 2;
}

.mybus-wrapper .mybus-techno-stack {
  overflow: hidden;
}

.mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 95px;
  margin-top: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
    gap: 91px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
    gap: 25px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap {
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}

.mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap .item {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap .item {
    width: auto;
    margin: 0 0 5px;
  }
}
.mybus-wrapper .mybus-techno-stack .inner-content .logo-wrap .item .icon-outer {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 5px;
  padding: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap
    .item
    .icon-outer {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap
    .item
    .icon-outer {
    width: 110px;
    height: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper
    .mybus-techno-stack
    .inner-content
    .logo-wrap
    .item
    .icon-outer
    .icon-wrap
    img {
    max-width: 80%;
  }
}

.mybus-wrapper
  .mybus-techno-stack
  .inner-content
  .logo-wrap
  .item
  .text-wrap
  a:hover {
  color: #fa8886;
}

.mybus-wrapper .mybus-super-admin .img-outer {
  padding: 100px 30px 70px;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .mybus-wrapper .mybus-super-admin .img-outer {
    padding: 90px 30px 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-super-admin .img-outer {
    padding: 70px 25px 50px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-super-admin .img-outer {
    padding: 50px 25px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-super-admin .img-outer {
    padding: 35px 25px;
  }
}

.mybus-wrapper .mybus-super-admin .admin-content-wrap .item {
  margin: 0 0 40px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-super-admin .admin-content-wrap .item {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-super-admin .admin-content-wrap .item {
    margin: 0 0 15px;
  }
}

.mybus-wrapper .mybus-super-admin .admin-content-wrap .item:last-child {
  margin: 0;
}

.mybus-wrapper .mybus-super-admin .admin-content-wrap .item span {
  margin: 0 0 15px;
}

@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-super-admin .admin-content-wrap .item span {
    margin: 0 0 8px;
  }
}

.mybus-wrapper ul.lists li {
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 8px;
}
.mybus-wrapper ul.lists li:last-child {
  margin-bottom: 0;
}
.mybus-wrapper ul.lists li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background: url("../svg/command.svg")
    no-repeat;
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper ul.lists li:before {
    top: 5px;
  }
}

.mybus-wrapper .mybus-full-banner-two {
  overflow: hidden;
}

.mybus-wrapper .mybus-impact .inner-content .impact-numbers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers {
    grid-gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
}

.mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 45px;
  gap: 5px;
}
@media only screen and (max-width: 991px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
    padding: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
    width: calc(48% - 5px);
  }
}

@media only screen and (max-width: 575px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
    padding: 20px 22px;
  }
}
@media only screen and (max-width: 375px) {
  .mybus-wrapper .mybus-impact .inner-content .impact-numbers .item {
    width: 100%;
  }
}

.mybus-wrapper .mybus-impact .inner-content .img-wrap img {
  border: 2px solid #000000;
}

/* ---------------mybus-wrapper cta one css start -----------*/

.mybus-wrapper .section-mybus-cta-bg {
  font-family: "Gentium Basic";
}
.mybus-wrapper .section-mybus-cta-bg .cta-green-bg {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: rgba(250, 136, 134, 1);
}
.mybus-cta-cta-container {
  max-width: 1440px !important;
}
.mybus-wrapper .section-mybus-cta-bg .cta-container {
  max-width: 1600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.mybus-wrapper .section-mybus-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 80px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.mybus-wrapper .section-mybus-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.mybus-wrapper .section-mybus-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
  font-family: "Gentium Basic";
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.mybus-wrapper .section-mybus-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.mybus-wrapper .section-mybus-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------mybus-wrapper cta one css end -----------*/

/* ---------------mybus-wrapper cta two css start -----------*/

.mybus-wrapper .section-mybus-cta-blue-bg {
  font-family: "Gentium Basic";
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-blue-bg {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: rgba(93, 182, 220, 1);
}
.mybus-cta-cta-container {
  max-width: 1440px !important;
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-container {
  max-width: 1600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 42%;
  grid-column-gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis {
  padding: 0px 0px 0px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box {
  margin-top: 24px;
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
  font-family: "Gentium Basic";
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.mybus-wrapper .section-mybus-cta-blue-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.mybus-wrapper .section-mybus-cta-blue-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-img-right-img-box {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .mybus-wrapper .section-mybus-cta-blue-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------mybus-wrapper cta two css end -----------*/

/*bus ticket booking app css ends here*/

/*transport management system css starts here*/

@font-face {
  font-family: "Schoolbell";
  src: url("../woff/schoolbell-regular.woff")
      format("woff"),
    url("../woff2/schoolbell-regular.woff2")
      format("woff2"),
    url("../ttf/schoolbell-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be Vietnam Pro";
  src: url("../woff/bevietnampro-bold.woff")
      format("woff"),
    url("../woff2/bevietnampro-bold.woff2")
      format("woff2"),
    url("../ttf/bevietnampro-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be Vietnam Pro";
  src: url("../woff/bevietnampro-medium.woff")
      format("woff"),
    url("../woff2/bevietnampro-medium.woff2")
      format("woff2"),
    url("../ttf/bevietnampro-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Be Vietnam Pro";
  src: url("../woff/bevietnampro-light.woff")
      format("woff"),
    url("../woff2/bevietnampro-light.woff2")
      format("woff2"),
    url("../ttf/bevietnampro-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  src: url("../woff/epilogue-black.woff")
      format("woff"),
    url("../woff2/epilogue-black.woff2")
      format("woff2"),
    url("../ttf/epilogue-black.ttf")
      format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  src: url("../woff/epilogue-regular.woff")
      format("woff"),
    url("../woff2/epilogue-regular.woff2")
      format("woff2"),
    url("../ttf/epilogue-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  src: url("../woff/epilogue-bold.woff")
      format("woff"),
    url("../woff2/epilogue-bold.woff2")
      format("woff2"),
    url("../ttf/epilogue-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.wrapper-my-saas-admin {
  background-color: #111;
}

.wrapper-my-saas-admin .zoop-head-text {
  margin: 0 0 25px;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-head-text {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-head-text {
    margin: 0 0 10px;
  }
}

.wrapper-my-saas-admin .zoop-font-18 {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-font-18 {
    font-size: 16px;
    line-height: 26px;
  }
}
.wrapper-my-saas-admin .zoop-font-22 {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-font-22 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-font-22 {
    font-size: 16px;
    line-height: 26px;
  }
}

.wrapper-my-saas-admin .zoop-font-black {
  color: #181818;
}
.wrapper-my-saas-admin .zoop-font-gray {
  color: #ebebeb;
}
.wrapper-my-saas-admin .zoop-font-white {
  color: #ffffff;
}
.wrapper-my-saas-admin .zoop-font-44 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 900;
  font-size: 44px;
  line-height: 64px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-my-saas-admin .zoop-font-44 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .zoop-font-44 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-font-44 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .zoop-font-44 {
    font-size: 24px;
    line-height: 34px;
  }
}

.wrapper-my-saas-admin .zoop-blue-light {
  color: #eaddff;
}
.wrapper-my-saas-admin .zoop-blue-dark {
  color: #21005d;
}
.wrapper-my-saas-admin .zoop-black {
  color: #181818;
}

.wrapper-my-saas-admin .zoopptb-120 {
  padding: 120px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .zoopptb-120 {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zoopptb-120 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoopptb-120 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoopptb-120 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoopptb-120 {
    padding: 35px 0;
  }
}
.wrapper-my-saas-admin .zooppt-120 {
  padding-top: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .zooppt-120 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zooppt-120 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zooppt-120 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zooppt-120 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zooppt-120 {
    padding-top: 35px;
  }
}

.wrapper-my-saas-admin .zooppb-120 {
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .zooppb-120 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zooppb-120 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zooppb-120 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zooppb-120 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zooppb-120 {
    padding-bottom: 35px;
  }
}

.wrapper-my-saas-admin .zoopptb-100 {
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zoopptb-100 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoopptb-100 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoopptb-100 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoopptb-100 {
    padding: 35px 0;
  }
}

.wrapper-my-saas-admin .zooppb-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zooppb-100 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zooppb-100 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zooppb-100 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zooppb-100 {
    padding-bottom: 35px;
  }
}

.wrapper-my-saas-admin .zoop-br30 {
  border-radius: 30px;
}

@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zoop-br30 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-br30 {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoop-br30 {
    border-radius: 10px;
  }
}

.wrapper-my-saas-admin .zoop-br24 {
  border-radius: 24px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .zoop-br24 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-br24 {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoop-br24 {
    border-radius: 10px;
  }
}
.wrapper-my-saas-admin .zoop-br20 {
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-br20 {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoop-br20 {
    border-radius: 10px;
  }
}
.wrapper-my-saas-admin .zoop-br16 {
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-br16 {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .zoop-br16 {
    border-radius: 10px;
  }
}
.wrapper-my-saas-admin .zoop-br10 {
  border-radius: 10px;
}

.wrapper-my-saas-admin .zoop-mt30 {
  margin-top: 30px;
}
.wrapper-my-saas-admin .zoop-mt40 {
  margin-top: 40px;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-mt40 {
    margin-top: 30px;
  }
}

.wrapper-my-saas-admin .zoop-mt50 {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-mt50 {
    margin-top: 30px;
  }
}
.wrapper-my-saas-admin .zoop-mb50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-mb50 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1366px) {
  .wrapper-my-saas-admin .my-saas-admin-container {
    max-width: 1280px !important;
    padding: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .my-saas-admin-container {
    width: calc(100% - 80px);
    max-width: none;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .my-saas-admin-container {
    width: calc(100% - 60px);
    max-width: none;
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-my-saas-admin .my-saas-admin-container {
    width: calc(100% - 40px);
    max-width: none;
    padding: 0;
  }
}

@media only screen and (min-width: 1700px) {
  .wrapper-my-saas-admin .visual-design-container {
    max-width: 1600px !important;
    padding: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1699px) {
  .wrapper-my-saas-admin .visual-design-container {
    width: calc(100% - 15px);
    max-width: none;
    padding: 0;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .visual-design-container {
    width: calc(100% - 30px);
    max-width: none;
    padding: 0;
  }
}

.wrapper-my-saas-admin .banner-bg-section {
  width: 100%;
  background: url("../webp/header-bg.webp")
    no-repeat;
  background-position: left top;
  background-size: cover;
}

.wrapper-my-saas-admin .banner-bg-section .title-h1 {
  margin-bottom: 0;
  text-align: center;
  font-size: 108px;
  line-height: 134px;
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 900;
  color: #eaddff;
}
@media only screen and (max-width: 1699px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 72px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 32px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.wrapper-my-saas-admin .banner-bg-section .title-h1 span {
  display: block;
}
.wrapper-my-saas-admin .banner-bg-section .title-h1 .header-right-icon {
  margin-left: -10px;
  margin-top: -9px;
}
@media only screen and (min-width: 1200px) {
  .wrapper-my-saas-admin .banner-bg-section .title-h1 .header-right-icon {
    margin-left: -12px;
    margin-top: -11px;
  }
}
.wrapper-my-saas-admin .banner-bg-section .title-h1 sup img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .banner-bg-section .title-h1 sub img {
  width: 36px;
  aspect-ratio: auto 1.5;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .banner-bg-section .title-h1 .header-left-icon {
  margin-bottom: -22px;
  margin-right: -18px;
}
.wrapper-my-saas-admin .banner-bg-section .free-version {
  margin-top: -73px;
}
@media only screen and (max-width: 1699px) {
  .wrapper-my-saas-admin .banner-bg-section .free-version {
    margin-top: -65px;
  }
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .banner-bg-section .free-version {
    margin-top: -1px;
    padding-top: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .free-version {
    margin-top: -1px;
    padding-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .banner-bg-section .free-version {
    margin-top: -1px;
    padding-top: 12px;
  }
}
.wrapper-my-saas-admin .banner-bg-section .free-version img {
  width: 946px;
  aspect-ratio: auto 1.8695652174;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .free-version img {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin .banner-bg-section .saas-adin-header {
  font-family: "Schoolbell";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 1500px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-header {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1499px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-header {
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-header {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-header {
    padding-bottom: 20px;
  }
}
.wrapper-my-saas-admin .banner-bg-section .arrow-right-icon {
  margin-bottom: 20px;
  text-align: right;
  margin-right: -13px;
}
.wrapper-my-saas-admin .banner-bg-section .arrow-right-icon img {
  width: 50px;
  aspect-ratio: auto 1.0204081633;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .banner-bg-section .arrow-right-icon {
    display: none;
  }
}
.wrapper-my-saas-admin .banner-bg-section .arrow-left-icon {
  margin-bottom: 20px;
  margin-left: -13px;
}
.wrapper-my-saas-admin .banner-bg-section .arrow-left-icon img {
  width: 64px;
  aspect-ratio: auto 1.0666666667;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .banner-bg-section .arrow-left-icon {
    display: none;
  }
}
.wrapper-my-saas-admin .banner-bg-section .saas-adin-left {
  font-family: "Schoolbell";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: right;
  color: #eaddff;
  transform: rotate(-4deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-left {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-left {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-left {
    display: none;
  }
}
.wrapper-my-saas-admin .banner-bg-section .saas-adin-right {
  font-family: "Schoolbell";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #fff;
  transform: rotate(4deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-right {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-right {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .banner-bg-section .saas-adin-right {
    display: none;
  }
}

.wrapper-my-saas-admin .bg-outer {
  background: #f5f8ff
    url("../webp/map.webp")
    no-repeat right;
  background-size: cover;
}
.wrapper-my-saas-admin .about-section-bg .zooop-saas-based {
  max-width: 955px;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .about-section-bg .zooop-saas-based {
    margin-bottom: 30px;
  }
}

.wrapper-my-saas-admin .about-section-bg .platforms-based-main {
  max-width: 66%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main {
    max-width: 83%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.wrapper-my-saas-admin .about-section-bg .platforms-based-main ul {
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 10px;
  }
}
.wrapper-my-saas-admin .about-section-bg .platforms-based-main ul li {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #181818;
  margin-left: 16px;
  margin-top: 7px;
  list-style: disc;
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main ul li {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-based-main ul li {
    font-size: 15px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .about-section-bg .platform-outer {
    margin-bottom: 20px;
  }
}

.wrapper-my-saas-admin .about-section-bg .platforms-title {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #000;
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .about-section-bg .platforms-title {
    text-align: center;
  }
}

.wrapper-my-saas-admin .about-section-bg .about-the-video {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.wrapper-my-saas-admin .tms-modules-section-bg {
  background: #f5f8ff;
}
.wrapper-my-saas-admin .tms-modules-section-bg .cost-management-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-wrapper {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-wrapper {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}

.wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box {
  width: 100%;
  background: #fff;
  border: 1px solid #eaddff;
  padding: 40px 22px;
  text-align: center;
}
.wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box:hover {
  background-color: #f9f9f9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box {
    padding: 40px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box {
    padding: 25px 22px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box {
    white-space: normal;
    width: 100%;
    min-width: 80%;
    margin: 0 0 8px;
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box {
    padding: 15px;
    min-width: 90%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .integrated {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .integrated {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .integrated {
    font-size: 16px;
    line-height: 26px;
  }
}
.wrapper-my-saas-admin
  .tms-modules-section-bg
  .cost-management-box
  .cost-img-box {
  margin-bottom: 25px;
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .cost-img-box {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .cost-img-box
    img {
    max-height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .tms-modules-section-bg
    .cost-management-box
    .cost-img-box
    img {
    max-height: 100px;
  }
}
.wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box h3 {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  text-align: center;
  color: #21005d;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box h3 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .tms-modules-section-bg .cost-management-box h3 {
    margin-bottom: 8px;
  }
}

.wrapper-my-saas-admin .tms-modules-section-bg .header-right-icon-in {
  margin-left: -13px;
  margin-top: -5px;
}
.wrapper-my-saas-admin .tms-modules-section-bg sup img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .visual-design-section {
  position: relative;
}

.wrapper-my-saas-admin .visual-design-section:after {
  content: "";
  position: absolute;
  width: 580px;
  height: 800px;
  background: url("../webp/gradient-right.webp")
    no-repeat;
  background-size: 100% 100%;
  right: 0;
  top: -300px;
  z-index: 0;
  opacity: 0.8;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .visual-design-section:after {
    display: none;
  }
}
.wrapper-my-saas-admin .visual-design-section .visual-design-bg {
  background: #f5f8ff;
  position: relative;
  z-index: 1;
}

.wrapper-my-saas-admin
  .visual-design-section
  .visual-design-bg
  .visual-design-vide-box {
  width: 100%;
  background: #eaddff;
  overflow: hidden;
  line-height: 0;
}
.wrapper-my-saas-admin .visual-design-section .visual-design-bg sup img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  margin-top: -10px;
  margin-left: -16px;
}
.wrapper-my-saas-admin .visual-design-section .visual-right-icon {
  margin-left: -11px;
  margin-top: -14px;
}
.wrapper-my-saas-admin .key-features-section {
  background-color: #111;
  position: relative;
}

.wrapper-my-saas-admin .key-features-section:after {
  content: "";
  position: absolute;
  width: 580px;
  height: 1100px;
  background: url("../webp/gradient-left.webp")
    no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: -250px;
  z-index: 0;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .key-features-section:after {
    display: none;
  }
}
.wrapper-my-saas-admin .key-features-section:before {
  content: "";
  position: absolute;
  width: 580px;
  height: 800px;
  background: url("../webp/gradient-right.webp")
    no-repeat;
  background-size: 100% 100%;
  right: 0;
  bottom: -300px;
  z-index: 0;
  opacity: 0.8;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .key-features-section:before {
    display: none;
  }
}
.wrapper-my-saas-admin .key-features-section .key-features-bg {
  background: #000;
  position: relative;
  z-index: 1;
}
.wrapper-my-saas-admin
  .key-features-section
  .key-features-bg
  .key-features-vide-box {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  max-width: 664px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .key-features-vide-box {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .key-features-section
  .key-features-bg
  .key-features-vide-middle {
  max-width: 664px;
  overflow: hidden;
  margin-left: 0;
  line-height: 0;
}
@media only screen and (min-width: 1366px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .key-features-vide-middle {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .key-features-vide-middle {
    max-width: 100%;
  }
}

.wrapper-my-saas-admin
  .key-features-section
  .key-features-bg
  .features-right-icon {
  margin-left: -24px;
  margin-bottom: -15px;
}
.wrapper-my-saas-admin .key-features-section .key-features-bg .all-users-right {
  max-width: 525px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .all-users-right {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .all-users-right {
    max-width: 100%;
    margin-left: 0;
  }
}
.wrapper-my-saas-admin .key-features-section .key-features-bg .all-users-left {
  max-width: 530px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .key-features-section
    .key-features-bg
    .all-users-left {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin .key-features-section .key-features-bg sub img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .notifications-section-bg {
  width: 100%;
  background: #f5f8ff
    url("../webp/notification-map.webp")
    no-repeat;
  background-size: cover;
  overflow: hidden;
}

.wrapper-my-saas-admin .notifications-section-bg .get-instant-box h2 {
  position: relative;
}

.wrapper-my-saas-admin .notifications-section-bg .get-instant-box {
  max-width: 540px;
  margin-left: 70px;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .notifications-section-bg .get-instant-box {
    margin-left: 20px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .notifications-section-bg .get-instant-box {
    max-width: 100%;
    margin-left: 15px;
  }
}
.wrapper-my-saas-admin .notifications-section-bg .real-time-mi {
  position: absolute;
  left: -12px;
  top: -2px;
}
.wrapper-my-saas-admin .notifications-section-bg .real-time-mi img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .notifications-section-bg .real-time-mi img {
    display: none;
  }
}
.wrapper-my-saas-admin .notifications-section-bg .notifications-im {
  margin-top: 7px;
  position: relative;
}
.wrapper-my-saas-admin .notifications-section-bg .notifications-im img {
  width: 985px;
  aspect-ratio: auto 1.3548830812;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im {
    display: none;
  }
}
.wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
  margin-left: -50px;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-left: -24px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-left: -20px;
    margin-top: 18px;
  }
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 850px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .notifications-section-bg .notifications-im-right {
    margin-left: -1px;
  }
}
.wrapper-my-saas-admin .notifications-section-bg .notifications-im-right img {
  width: 978px;
  aspect-ratio: auto 1.9138943249;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .manage-delivery-section {
  position: relative;
  overflow: hidden;
}

.wrapper-my-saas-admin .manage-delivery-section:after {
  content: "";
  position: absolute;
  width: 580px;
  height: 1111px;
  background: url("../webp/gradient-left.webp")
    no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 250px;
  z-index: 0;
  opacity: 0.7;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .manage-delivery-section:after {
    display: none;
  }
}
.wrapper-my-saas-admin .manage-delivery-section:before {
  content: "";
  position: absolute;
  width: 580px;
  height: 800px;
  background: url("../webp/gradient-right.webp")
    no-repeat;
  background-size: 100% 100%;
  right: 0;
  bottom: -500px;
  z-index: 0;
  opacity: 0.6;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .manage-delivery-section:before {
    display: none;
  }
}
.wrapper-my-saas-admin .manage-delivery-section .delivery-features-bg {
  background: #000;
  position: relative;
  z-index: 1;
}

.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-features-vide-box {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  max-width: 664px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-features-vide-box {
    max-width: 100%;
  }
}

.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-features-vide-middle {
  max-width: 664px;
  overflow: hidden;
  margin-left: 0;
  line-height: 0;
}
@media only screen and (min-width: 1366px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-features-vide-middle {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-features-vide-middle {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-solution {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-solution {
    padding-bottom: 36px;
  }
}
.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-right-icon {
  margin-left: -15px;
  margin-bottom: -15px;
}
.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-users-right {
  max-width: 525px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-users-right {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .manage-delivery-section
  .delivery-features-bg
  .delivery-users-left {
  max-width: 530px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .manage-delivery-section
    .delivery-features-bg
    .delivery-users-left {
    max-width: 100%;
  }
}

.wrapper-my-saas-admin .services-img-section {
  background-color: #111;
}
.wrapper-my-saas-admin .services-img-section .services-imgs img {
  width: 1920px;
  aspect-ratio: auto 1.6871704745;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (min-width: 1921px) {
  .wrapper-my-saas-admin .services-img-section .services-imgs img {
    width: 100%;
  }
}
.wrapper-my-saas-admin .anytime-features-section {
  background-color: #111;
  position: relative;
  overflow: hidden;
}

.wrapper-my-saas-admin .anytime-features-section:after {
  content: "";
  position: absolute;
  width: 580px;
  height: 1100px;
  background: url("../webp/gradient-left.webp")
    no-repeat;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
  z-index: 0;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .anytime-features-section:after {
    display: none;
  }
}
.wrapper-my-saas-admin .anytime-features-section .anytime-features-bg {
  background: #000;
  position: relative;
  z-index: 1;
}

.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-features-vide-box {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  max-width: 664px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-features-vide-box {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-features-vide-middle {
  max-width: 664px;
  border-radius: 10px;
  overflow: hidden;
  margin-left: 0;
  line-height: 0;
}
@media only screen and (min-width: 1366px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-features-vide-middle {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-features-vide-middle {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-solution {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-solution {
    padding-bottom: 36px;
  }
}
.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-right-icon {
  margin-left: -15px;
  margin-bottom: -15px;
}
.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-users-right {
  max-width: 525px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-users-right {
    max-width: 100%;
  }
}
.wrapper-my-saas-admin
  .anytime-features-section
  .anytime-features-bg
  .anytime-users-left {
  max-width: 530px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .anytime-features-section
    .anytime-features-bg
    .anytime-users-left {
    max-width: 100%;
  }
}

.wrapper-my-saas-admin .typography-section-bg {
  background-color: #111;
}

.wrapper-my-saas-admin .typography-section-bg .content-wrap-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .content-wrap-outer {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}

.wrapper-my-saas-admin .typography-section-bg .content-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .typography-section-bg .content-wrap {
    gap: 20px;
  }
}

.wrapper-my-saas-admin .typography-section-bg .typography-title-font {
  min-height: 64px;
}

.wrapper-my-saas-admin
  .typography-section-bg
  .typography-title-font
  .o-icon-main
  img {
  width: 29px;
  aspect-ratio: auto 1.7058823529;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin
  .typography-section-bg
  .typography-title-font
  .o-icon-main
  .o-icon {
  margin-left: 81px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .o-icon-main
    .o-icon {
    margin-left: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .o-icon-main
    .o-icon {
    margin-left: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .o-icon-main
    .o-icon {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .o-icon-main
    .o-icon {
    margin-left: 58px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .o-icon-main
    .o-icon {
    margin-left: 45px;
  }
}
.wrapper-my-saas-admin
  .typography-section-bg
  .typography-title-font
  .o-icon-main
  .o-icon
  img {
  width: 29px;
  aspect-ratio: auto 1.7058823529;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin
  .typography-section-bg
  .typography-title-font
  .typography-text {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 900;
  font-size: 44px;
  line-height: 30px;
  margin-bottom: 0;
  color: #eaddff;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .typography-text {
    font-size: 38px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .typography-text {
    font-size: 32px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .typography-text {
    font-size: 26px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .typography-text {
    font-size: 34px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .typography-title-font
    .typography-text {
    font-size: 28px;
    line-height: 22px;
  }
}
.wrapper-my-saas-admin .typography-section-bg .aa-text-main {
  position: relative;
  text-align: center;
  background-color: #000;
  padding: 70px 35px;
  display: flex;
  align-items: center;
  min-height: 493px;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main {
    padding: 35px;
    min-height: 435px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main {
    padding: 35px;
    min-height: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main {
    min-height: auto;
    padding: 25px;
    justify-content: center;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main {
    padding: 20px 20px 25px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main {
    padding: 15px 15px 20px;
  }
}

.wrapper-my-saas-admin .typography-section-bg .aa-text-main .big-text {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 370.026px;
  line-height: 468px;
  color: #161616;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  opacity: 0.6;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .big-text {
    font-size: 280px;
    line-height: 380px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .big-text {
    font-size: 180px;
    line-height: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .big-text {
    font-size: 100px;
    line-height: 180px;
  }
}

.wrapper-my-saas-admin .typography-section-bg .aa-text-main .text-outer {
  position: relative;
}

.wrapper-my-saas-admin
  .typography-section-bg
  .aa-text-main
  .vietnam-pro-title-box {
  margin: 0 0 22px 0;
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box {
    margin: 0 0 11px 0;
  }
}

.wrapper-my-saas-admin
  .typography-section-bg
  .aa-text-main
  .vietnam-pro-title-box
  .vietnam-pro-title {
  font-family: "Be Vietnam Pro";
  font-style: normal;
  font-weight: 700;
  font-size: 86px;
  line-height: 110px;
  color: #eaddff;
  text-align: left;
}
@media only screen and (max-width: 1499px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box
    .vietnam-pro-title {
    font-size: 74px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box
    .vietnam-pro-title {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box
    .vietnam-pro-title {
    font-size: 34px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box
    .vietnam-pro-title {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .typography-section-bg
    .aa-text-main
    .vietnam-pro-title-box
    .vietnam-pro-title {
    font-size: 24px;
    line-height: 36px;
  }
}
.wrapper-my-saas-admin .typography-section-bg .aa-text-main .color-palette-w {
  padding-top: 12px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .color-palette-w {
    padding-top: 40px !important;
  }
}
.wrapper-my-saas-admin .typography-section-bg .aa-text-main .zoop-font-22 {
  line-height: 36px;
  color: #dedede;
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .zoop-font-22 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .zoop-font-22 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .zoop-font-22 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .aa-text-main .zoop-font-22 {
    font-size: 16px;
  }
}
.wrapper-my-saas-admin .typography-section-bg .style-right-icon {
  margin-left: -18px;
  margin-bottom: -16px;
}
.wrapper-my-saas-admin .typography-section-bg .font-color-ph {
  overflow: hidden;
  text-align: center;
  background-color: #000;
  padding: 35px;
  min-height: 493px;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph {
    min-height: 435px;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph {
    min-height: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph {
    min-height: auto;
    padding: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph {
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph {
    padding: 15px;
  }
}

.wrapper-my-saas-admin .typography-section-bg .font-color-ph img {
  width: 561px;
  aspect-ratio: auto 1.32;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .typography-section-bg .font-color-ph img {
    width: 100%;
  }
}
.wrapper-my-saas-admin .typography-section-bg sub img {
  width: 24px;
  aspect-ratio: auto 1;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .iconography-section-bg {
  background-color: #111;
}

.wrapper-my-saas-admin .iconography-section-bg .iconography-footer sup img {
  width: 29px;
  aspect-ratio: auto 1.7058823529;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-my-saas-admin .iconography-section-bg .iconography-design {
  margin-top: -22px;
  margin-left: -27px;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-design {
    margin-left: -24px;
  }
}
.wrapper-my-saas-admin .iconography-section-bg .iconography-design img {
  width: 29px;
  aspect-ratio: auto 1.7058823529;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon {
    max-width: 430px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon {
    width: 330px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon {
    margin: 0 0 30px;
  }
}
.wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon img {
  width: 473px;
  aspect-ratio: auto 3.1118421053;
  max-width: 473px;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon img {
    max-width: none;
  }
}
.wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon-right {
  padding-left: 75px;
  border-left: solid 1px #222;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon-right {
    padding-left: 0;
    border-left: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon-right {
    max-width: 430px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon-right {
    width: 330px;
  }
}
.wrapper-my-saas-admin .iconography-section-bg .iconography-all-icon-right img {
  width: 473px;
  aspect-ratio: auto 3.1118421053;
  max-width: 473px;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .iconography-section-bg
    .iconography-all-icon-right
    img {
    max-width: none;
  }
}
.wrapper-my-saas-admin .iconography-section-bg .block-bg {
  background-color: #000;
  padding: 60px 75px;
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .iconography-section-bg .block-bg {
    padding: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .iconography-section-bg .block-bg {
    padding: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .iconography-section-bg .block-bg {
    padding: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .iconography-section-bg .block-bg {
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .iconography-section-bg .block-bg {
    padding: 15px;
  }
}

.wrapper-my-saas-admin .saas-impact {
  background-color: #ffffff;
  padding-top: 230px;
  margin-top: -200px;
}

@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin .saas-impact {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .saas-impact {
    margin-top: 0;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .saas-impact {
    padding-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap {
    text-align: center;
  }
}

.wrapper-my-saas-admin .saas-impact h2 sup {
  right: 0.3em;
  top: -0.7em;
}

.wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  max-width: 920px;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer {
    gap: 20px;
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer {
    gap: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item {
  border: 1px solid #eaddff;
  background-color: #f5f8ff;
  padding: 35px 49px;
  border-radius: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item {
    padding: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item {
    width: calc(50% - 15px);
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item {
    padding: 15px;
  }
}

.wrapper-my-saas-admin .saas-impact .inner-wrap .impact-outer .item p {
  max-width: 180px;
}

.wrapper-my-saas-admin .zoop-testimonial {
  overflow: hidden;
}
.wrapper-my-saas-admin .zoop-testimonial h2 .design {
  transform: rotate(45deg);
  margin-top: -35px;
  margin-left: -12px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper {
    text-align: center;
  }
}

.wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .title-wrap p {
  font-family: "Be Vietnam Pro";
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .title-wrap p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .title-wrap p {
    text-align: center;
  }
}

.wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .content-wrap {
  position: relative;
}
.wrapper-my-saas-admin
  .zoop-testimonial
  .testimonial-wrapper
  .content-wrap:before {
  content: "";
  position: absolute;
  right: -40px;
  top: -80px;
  background: url("../svg/quote-2.svg")
    no-repeat;
  width: 127px;
  height: 114px;
  opacity: 0.2;
}

@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin
    .zoop-testimonial
    .testimonial-wrapper
    .content-wrap:before {
    background-size: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .zoop-testimonial
    .testimonial-wrapper
    .content-wrap:before {
    display: none;
  }
}

.wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .client-block {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .zoop-testimonial .testimonial-wrapper .client-block {
    justify-content: center;
    gap: 15px;
  }
}
.wrapper-my-saas-admin
  .zoop-testimonial
  .testimonial-wrapper
  .client-block
  .img-wrap {
  flex: 0 0 auto;
}

.wrapper-my-saas-admin
  .zoop-testimonial
  .testimonial-wrapper
  .client-block
  .short-text {
  font-weight: 400;
  opacity: 0.5;
}

.wrapper-my-saas-admin .watching-section-bg {
  background-color: #111;
}
.wrapper-my-saas-admin .watching-section-bg .watching-mi {
  margin-top: 0;
}
.wrapper-my-saas-admin .watching-section-bg .watching-mi img {
  width: 1920px;
  aspect-ratio: auto 3.2708688245;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (min-width: 1921px) {
  .wrapper-my-saas-admin .watching-section-bg .watching-mi img {
    width: 100%;
  }
}
.wrapper-my-saas-admin .thanks-for-section-bg {
  width: 100%;
}
.wrapper-my-saas-admin .thanks-for-section-bg .thanks-title-main {
  width: 100%;
  position: relative;
  border-top: solid 1px #ddd0f0;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .thanks-for-section-bg .thanks-title-main {
    border: none;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .thanks-for-section-bg .thanks-title-main {
    margin-top: 30px;
  }
}
.wrapper-my-saas-admin .thanks-for-section-bg .thanks-title-main .thanks-title {
  width: 100%;
}
.wrapper-my-saas-admin
  .thanks-for-section-bg
  .thanks-title-main
  .thanks-title
  .thanks-title-inn {
  max-width: 1150px;
  margin: 0 auto;
  font-family: "Epilogue";
  font-weight: 900;
  font-size: 100px;
  line-height: 120%;
  text-align: center;
  color: #eaddff;
  margin-top: -60px;
  background-color: #111;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin
    .thanks-for-section-bg
    .thanks-title-main
    .thanks-title
    .thanks-title-inn {
    font-size: 72px;
    max-width: 820px;
    margin-top: -35px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .thanks-for-section-bg
    .thanks-title-main
    .thanks-title
    .thanks-title-inn {
    font-size: 54px;
    max-width: 610px;
    margin-top: -35px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .thanks-for-section-bg
    .thanks-title-main
    .thanks-title
    .thanks-title-inn {
    font-size: 40px;
    max-width: 460px;
    margin-top: -25px;
  }
}

@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .thanks-for-section-bg
    .thanks-title-main
    .thanks-title
    .thanks-title-inn {
    font-size: 28px;
    line-height: 40px;
    max-width: none;
    margin-top: 0;
  }
}

@media only screen and (max-width: 375px) {
  .wrapper-my-saas-admin
    .thanks-for-section-bg
    .thanks-title-main
    .thanks-title
    .thanks-title-inn {
    font-size: 22px;
    line-height: 32px;
  }
}

.wrapper-my-saas-admin .available-section-bg .available-bg {
  background: #eaddff;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin .available-section-bg .available-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .available-section-bg .available-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .available-section-bg .available-bg {
    border-radius: 12px;
  }
}
.wrapper-my-saas-admin
  .available-section-bg
  .available-bg
  .available-text-main {
  padding: 80px 0 70px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main {
    padding: 70px 0 70px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main {
    padding: 50px 0 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main {
    padding: 40px 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main {
    padding: 30px 25px;
  }
}
.wrapper-my-saas-admin
  .available-section-bg
  .available-bg
  .available-text-main
  .available-text {
  font-family: "Epilogue";
  font-weight: 700;
  font-size: 44px;
  line-height: 140%;
  color: #21005d;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .available-text {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .available-text {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .available-text {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .available-text {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .available-text {
    font-size: 22px;
  }
}
.wrapper-my-saas-admin
  .available-section-bg
  .available-bg
  .available-text-main
  .available-text
  span {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 400;
}
.wrapper-my-saas-admin
  .available-section-bg
  .available-bg
  .available-text-main
  .sales-mi {
  font-family: "Epilogue";
  font-weight: 400;
  font-size: 44px;
  line-height: 140%;
  color: #21005d;
}
@media only screen and (max-width: 1365px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .sales-mi {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .sales-mi {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .sales-mi {
    font-size: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin
    .available-section-bg
    .available-bg
    .available-text-main
    .sales-mi {
    font-size: 19px;
  }
}
.wrapper-my-saas-admin .available-section-bg .available-bg .artwork {
  margin-top: 10px;
  text-align: right;
}
.wrapper-my-saas-admin .available-section-bg .available-bg .artwork img {
  width: 525px;
  aspect-ratio: auto 1.4872521246;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

/* ---------------wrapper-my-saas-admin transport cta one css start -----------*/

.wrapper-my-saas-admin .section-transport-cta-bg {
  background: #f5f8ff;
}
.wrapper-my-saas-admin .section-transport-cta-bg .practice-container {
  max-width: 1300px !important;
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-blue-bg {
  background: #000000;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 70px 30px;
  }
}
@media only screen and (min-width: 851px) and (max-width: 900px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.wrapper-my-saas-admin .section-transport-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.wrapper-my-saas-admin .section-transport-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg .cta-img-right-img-box {
    display: none;
  }
}
/* ---------------wrapper-my-saas-admin transport cta ena css end -----------*/

/* ---------------wrapper-my-saas-admin transport cta one css start -----------*/
.wrapper-my-saas-admin .section-transport-cta-bg-two {
  background: #000000;
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .practice-container {
  max-width: 1300px !important;
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-blue-bg {
  background: #eaddff;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 34%;
  grid-column-gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis {
  margin: 0;
  padding: 0px 0px 0px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 40px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #21005d;
  line-height: 42px;
  font-weight: 500;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box {
  margin-top: 24px;
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-btn-box a:hover {
  background: #21005d;
  color: #ffffff;
}
.wrapper-my-saas-admin .section-transport-cta-bg-two .cta-img-right-img-box {
  position: static;
  text-align: end;
  align-items: center;
}
.wrapper-my-saas-admin
  .section-transport-cta-bg-two
  .cta-img-right-img-box
  img {
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .wrapper-my-saas-admin
    .section-transport-cta-bg-two
    .cta-img-right-img-box
    img {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrapper-my-saas-admin
    .section-transport-cta-bg-two
    .cta-img-right-img-box
    img {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-img-right-img-box {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-my-saas-admin .section-transport-cta-bg-two .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------wrapper-my-saas-admin cta two css end -----------*/

/*transport management system css ends here*/

/*business learning app css starts here*/

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-light.woff2")
      format("woff2"),
    url("../woff/opensaucesans-light.woff")
      format("woff"),
    url("../ttf/opensaucesans-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-regular.woff2")
      format("woff2"),
    url("../woff/opensaucesans-regular.woff")
      format("woff"),
    url("../ttf/opensaucesans-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-medium.woff2")
      format("woff2"),
    url("../woff/opensaucesans-medium.woff")
      format("woff"),
    url("../ttf/opensaucesans-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-semibold.woff2")
      format("woff2"),
    url("../woff/opensaucesans-semibold.woff")
      format("woff"),
    url("../ttf/opensaucesans-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-bold.woff2")
      format("woff2"),
    url("../woff/opensaucesans-bold.woff")
      format("woff"),
    url("../ttf/opensaucesans-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-extrabold.woff2")
      format("woff2"),
    url("../woff/opensaucesans-extrabold.woff")
      format("woff"),
    url("../ttf/opensaucesans-extrabold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("../woff2/opensaucesans-black.woff2")
      format("woff2"),
    url("../woff/opensaucesans-black.woff")
      format("woff"),
    url("../ttf/opensaucesans-black.ttf")
      format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.jetson-wrapper {
  font-weight: 400;
  font-family: "Open Sauce Sans";
  overflow: hidden;
  color: #000;
  background-color: #000000;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper {
    font-size: 16px;
    line-height: 28px;
  }
}
.jetson-wrapper .jetson-bg-black {
  background-color: #000;
}
.jetson-wrapper .jetson-bg-white {
  background-color: #ffffff;
}
.jetson-wrapper .jest-bg-lightblack {
  background-color: #101010;
}
.jetson-wrapper .jest-color-white {
  color: #fff;
}
.jetson-wrapper .jest-color-black {
  color: #000;
}
.jetson-wrapper .jest-color-grey {
  color: #2d2d2d;
}
.jetson-wrapper .jest-color-darkgrey {
  color: #a9a9a9;
}
.jetson-wrapper .jest-text-center {
  text-align: center;
}
.jetson-wrapper .jest-text-right {
  text-align: right;
}
.jetson-wrapper h1,
.jetson-wrapper h2,
.jetson-wrapper h3,
.jetson-wrapper h4,
.jetson-wrapper h5,
.jetson-wrapper h6 {
  font-family: "Open Sauce Sans";
  margin: 0;
}
.jetson-wrapper .jetson-container {
  position: relative;
}
@media only screen and (min-width: 1700px) {
  .jetson-wrapper .jetson-container {
    margin: 0 auto !important;
    width: 100%;
    max-width: 1600px;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .jetson-wrapper .jetson-container {
    width: calc(100% - 10%);
    max-width: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .jetson-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .jetson-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .jetson-wrapper .jetson-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.jetson-wrapper .jetptb-120 {
  padding: 120px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .jetptb-120 {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetptb-120 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetptb-120 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetptb-120 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetptb-120 {
    padding: 35px 0;
  }
}
.jetson-wrapper .jetpt-120 {
  padding-top: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .jetpt-120 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetpt-120 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetpt-120 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetpt-120 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetpt-120 {
    padding-top: 35px;
  }
}
.jetson-wrapper .jetpb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetpb-120 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetpb-120 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetpb-120 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetpb-120 {
    padding-bottom: 35px;
  }
}
.jetson-wrapper .jetp-40 {
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetp-40 {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetp-40 {
    padding: 20px;
  }
}
.jetson-wrapper .gap-15 {
  gap: 15px;
}
.jetson-wrapper .jetmb-150 {
  margin-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .jetmb-150 {
    margin-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetmb-150 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmb-150 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .jetson-wrapper .jetmb-150 {
    margin-bottom: 20px;
  }
}
.jetson-wrapper .mt-130 {
  margin-top: -130px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .mt-130 {
    margin-top: 0;
  }
}
.jetson-wrapper .jetmb-90 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetmb-90 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmb-90 {
    margin-bottom: 30px;
  }
}
.jetson-wrapper .jetmt-90 {
  margin-top: 90px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetmt-90 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmt-90 {
    margin-top: 30px;
  }
}
.jetson-wrapper .jetmb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetmb-80 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmb-80 {
    margin-bottom: 30px;
  }
}
.jetson-wrapper .jetmt-40 {
  margin-top: 40px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmt-40 {
    margin-top: 30px;
  }
}
.jetson-wrapper .jetmb-40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetmb-40 {
    margin-bottom: 30px;
  }
}
.jetson-wrapper .jetson-80 {
  font-size: 80px;
  line-height: 108px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-80 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-80 {
    font-size: 40px;
    line-height: 50px;
  }
}
.jetson-wrapper .jetson-64 {
  font-size: 64px;
  line-height: 72px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-64 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-64 {
    font-size: 40px;
    line-height: 50px;
  }
}
.jetson-wrapper .jetson-64s {
  font-size: 64px;
  line-height: 58px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-64s {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-64s {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-64s {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 375px) {
  .jetson-wrapper .jetson-64s {
    font-size: 30px;
    line-height: 40px;
  }
}
.jetson-wrapper .jetson-44 {
  font-size: 44px;
  line-height: 58px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-44 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-44 {
    font-size: 30px;
    line-height: 40px;
  }
}
.jetson-wrapper .jetson-40 {
  font-size: 40px;
  line-height: 54px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-40 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-40 {
    font-size: 30px;
    line-height: 40px;
  }
}
.jetson-wrapper .jetson-32 {
  font-size: 32px;
  line-height: 44px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-32 {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-32 {
    font-size: 22px;
    line-height: 28px;
  }
}
.jetson-wrapper .jetson-24 {
  font-size: 24px;
  line-height: 39px;
}
@media only screen and (max-width: 1365px) {
  .jetson-wrapper .jetson-24 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-24 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-24 {
    font-size: 16px;
    line-height: 26px;
  }
}
.jetson-wrapper .jetson-22 {
  font-size: 22px;
  line-height: 39px;
  margin: 0;
}
@media only screen and (max-width: 1365px) {
  .jetson-wrapper .jetson-22 {
    font-size: 20px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-22 {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-22 {
    font-size: 16px;
    line-height: 26px;
  }
}
.jetson-wrapper .jetson-22s {
  font-size: 22px;
  line-height: 27px;
  margin: 0;
}
@media only screen and (max-width: 1365px) {
  .jetson-wrapper .jetson-22s {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-22s {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-22s {
    font-size: 16px;
    line-height: 26px;
  }
}
.jetson-wrapper .jetson-18 {
  font-size: 18px;
  line-height: 32px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-18 {
    font-size: 16px;
    line-height: 26px;
  }
}
.jetson-wrapper .jest-900 {
  font-weight: 900;
}
.jetson-wrapper .jest-800 {
  font-weight: 800;
}
.jetson-wrapper .jest-700 {
  font-weight: 700;
}
.jetson-wrapper .jest-600 {
  font-weight: 600;
}
.jetson-wrapper .jest-500 {
  font-weight: 500;
}
.jetson-wrapper .jest-400 {
  font-weight: 400;
}
.jetson-wrapper .jest-300 {
  font-weight: 300;
}
.jetson-wrapper .jetbr-100 {
  border-radius: 100px 100px 0 0;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetbr-100 {
    border-radius: 50px 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetbr-100 {
    border-radius: 30px 30px 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetbr-100 {
    border-radius: 20px 20px 0 0;
  }
}
.jetson-wrapper .jetbr-60 {
  border-radius: 60px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetbr-60 {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetbr-60 {
    border-radius: 20px;
  }
}
.jetson-wrapper .jetbr-50 {
  border-radius: 50px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetbr-50 {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetbr-50 {
    border-radius: 20px;
  }
}
.jetson-wrapper .jetbr-40 {
  border-radius: 40px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetbr-40 {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetbr-40 {
    border-radius: 20px;
  }
}
.jetson-wrapper h2.title {
  position: relative;
  padding-left: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper h2.title {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper h2.title {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper h2.title {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 480px) {
  .jetson-wrapper h2.title {
    padding-left: 12px;
  }
}
@media only screen and (max-width: 375px) {
  .jetson-wrapper h2.title {
    font-size: 26px;
    line-height: 32px;
  }
}
.jetson-wrapper h2.title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 100%;
  background-color: #ffab00;
}
.jetson-wrapper .jetson-banner-section {
  overflow: hidden;
  position: relative;
}
.jetson-wrapper .jetson-banner-section .banner-outer {
  position: relative;
  padding-top: 90px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper .jetson-banner-section .banner-outer {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-banner-section .banner-outer {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-banner-section .banner-outer .top-outer {
    margin-bottom: 30px;
    text-align: center;
    justify-content: center !important;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-banner-section .banner-outer .top-outer {
    margin-bottom: 25px;
  }
}
.jetson-wrapper .jetson-banner-section .banner-outer .top-outer .logo-wrap img {
  width: 161px;
  aspect-ratio: 3.3541666667;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .top-outer
    .logo-wrap
    img {
    max-width: 50%;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-banner-section .banner-outer .bottom-outer {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-banner-section .banner-outer .bottom-outer {
    margin-top: 70px;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text {
  padding-top: 150px;
  max-width: 1290px;
  margin: 0 auto;
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text {
    max-width: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text {
    padding-top: 0;
    max-width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text {
    max-width: none;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .div-outer {
  position: relative;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .div-outer:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -30px;
  background: url("../svg/underline.svg")
    no-repeat;
  width: 123px;
  height: 17px;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .div-outer:after {
  content: "";
  position: absolute;
  background: url("../webp/bg-pattern.webp")
    no-repeat center center;
  background-size: cover;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 596px;
  height: 596px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-outer:after {
    display: none;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text {
  position: relative;
  font-size: 96px;
  line-height: 118px;
  font-weight: 800;
  color: #fff;
  z-index: 2;
  display: inline;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text {
    font-size: 75px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text {
    font-size: 55px;
    line-height: 65px;
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text {
    font-size: 32px;
    line-height: 45px;
  }
}

.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em {
  font-style: normal;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.first {
  position: relative;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.first::after {
  content: attr(title);
  position: absolute;
  -webkit-text-stroke: 0.13em #000;
  left: 0;
  top: 0;
  z-index: -1;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.last {
  position: relative;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.last
  sub {
  position: absolute;
  bottom: -10px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text
    em.last
    sub {
    display: none;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.last
  sub
  img {
  width: 123px;
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.last
  sup {
  top: -0.8em;
  right: 0.4em;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .big-one-text
    em.last
    sup {
    display: none;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  em.last
  sup
  img {
  width: 25px;
}

.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .big-one-text
  .lighttext {
  font-weight: 300;
  position: relative;
}

.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .div-one {
  position: absolute;
  right: 130px;
  top: -35px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fefae0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.64px;
  transform: rotate(-3.24deg);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-one {
    right: 75px;
    top: -44px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-one {
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    right: 50px;
    top: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-one {
    right: 50px;
    top: -27px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-one {
    display: none;
  }
}
.jetson-wrapper
  .jetson-banner-section
  .banner-outer
  .bottom-outer
  .middle-text
  .div-two {
  position: absolute;
  left: 238px;
  bottom: 87px;
  padding: 20px;
  border-radius: 10px;
  background-color: #c7f9cc;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.64px;
  transform: rotate(10.7deg);
  text-transform: uppercase;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-two {
    bottom: 65px;
    left: 155px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-two {
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    left: 100px;
    bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-two {
    left: 98px;
    bottom: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-banner-section
    .banner-outer
    .bottom-outer
    .middle-text
    .div-two {
    display: none;
  }
}
.jetson-wrapper .jetson-banner-section .img-outer {
  position: relative;
  padding-top: 54px;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-banner-section .img-outer {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-banner-section .img-outer {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-banner-section .img-outer {
    padding-top: 10px;
  }
}
.jetson-wrapper .jetson-banner-section .img-outer:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  background: url("../svg/dots.svg")
    no-repeat;
  background-size: cover;
  width: 66px;
  height: 54px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-banner-section .img-outer:before {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-banner-section .img-outer:before {
    display: none;
  }
}
.jetson-wrapper .jetson-banner-section .main-outer {
  height: 100%;
  position: relative;
  display: flex;
  align-items: end;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-banner-section .main-outer {
    display: none;
  }
}
.jetson-wrapper .jetson-banner-section .main-outer img {
  width: 24px;
  aspect-ratio: 0.96;
}
.jetson-wrapper .jetson-banner-section .main-outer .main-one {
  width: 280px;
  height: 280px;
  border: 1px solid transparent;
  border-radius: 50%;
  transform: rotate(-80deg);
  margin-left: auto;
  margin-bottom: 50px;
}
.jetson-wrapper .jetson-banner-section .main-outer .main-one .circleone {
  width: 64px;
  height: 64px;
  background-color: #0e0e0e;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  animation: jetcircleone 6s linear infinite alternate;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes jetcircleone {
  0% {
    transform: rotate(0deg) translate(-140px);
  }
  100% {
    transform: rotate(140deg) translate(-140px);
  }
}
.jetson-wrapper .jetson-banner-section .main-outer .main-two {
  width: 280px;
  height: 280px;
  border: 1px solid transparent;
  border-radius: 50%;
  transform: rotate(90deg);
  margin-right: auto;
  margin-bottom: 50px;
}
.jetson-wrapper .jetson-banner-section .main-outer .main-two .circletwo {
  width: 64px;
  height: 64px;
  background-color: #0e0e0e;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  animation: jetcircletwo 6s linear infinite alternate;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jetson-wrapper .jetson-banner-section .main-outer .main-two .circletwo img {
  transform: rotate(180deg);
}
@keyframes jetcircletwo {
  100% {
    transform: rotate(140deg) translate(-140px);
  }
  0% {
    transform: rotate(0deg) translate(-140px);
  }
}
.jetson-wrapper .jetson-banner-section .img-wrap {
  margin-top: 30px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-banner-section .img-wrap {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .jetson-wrapper .jetson-banner-section .img-wrap {
    margin-top: 35px;
  }
}
.jetson-wrapper .jetson-banner-section .img-wrap img {
  width: 480px;
}
.jetson-wrapper .jetson-about {
  position: relative;
  background-color: #ffffff;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-about {
    text-align: center;
  }
}
.jetson-wrapper .jetson-about:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000;
  height: 150px;
  z-index: -1;
}
.jetson-wrapper .jetson-about .short-info {
  max-width: 1140px;
  margin-left: auto;
}

.jetson-wrapper .jetson-our-work {
  position: relative;
}
.jetson-wrapper .jetson-our-work .discovery-ideas .content-wrap {
  max-width: 512px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .content-wrap {
    max-width: none;
    text-align: center;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content {
    margin-top: 30px;
  }
}
.jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul {
  list-style-type: none;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
  font-size: 64px;
  line-height: 84px;
  font-weight: 700;
  display: flex;
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
  color: #000;
  letter-spacing: 1.28px;
  margin: 0 0 30px;
}
.jetson-wrapper .jetson-our-work .ideas-list li {
  transition: color 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 30px;
    flex-direction: column;
    text-align: center;
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 480px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li {
    width: 100%;
  }
}
.jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li span {
  margin-right: 30px;
  display: block;
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
  background: transparent;
  color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li span {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li span {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-our-work .discovery-ideas .right-content ul li span {
    font-size: 18px;
    line-height: 24px;
  }
}
.jetson-wrapper
  .jetson-our-work
  .discovery-ideas
  .right-content
  ul
  li.text-active {
  color: #fff;
}
.jetson-wrapper
  .jetson-our-work
  .discovery-ideas
  .right-content
  ul
  li.text-active
  span {
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .color-wrapper .color-typo {
    text-align: center;
  }
}
.jetson-wrapper .jetson-our-work .color-wrapper .color-typo .container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .color-wrapper .color-typo .title-wrap {
    margin: 0 0 10px;
  }
}
.jetson-wrapper .jetson-our-work .color-wrapper .colors-info .gradient-box {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
  max-width: 560px;
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-our-work .color-wrapper .colors-info .gradient-box {
    margin: 0 auto 50px;
    max-width: none;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-our-work .color-wrapper .colors-info .gradient-box {
    margin: 0 auto 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-our-work .color-wrapper .colors-info .gradient-box {
    display: block;
    height: auto;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .gradient-box
  .img-wrap {
  height: 100%;
  text-align: center;
  max-width: 500px;
}
@media only screen and (max-width: 1499px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .gradient-box
    .img-wrap {
    max-width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .gradient-box
    .img-wrap {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .gradient-box
    .img-wrap {
    margin: 0 auto;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .gradient-box
  .img-wrap
  img {
  width: 502px;
  aspect-ratio: 1;
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .gradient-box
  .colors-main {
  width: 32px;
  background: linear-gradient(to bottom, #ffab00, #ff00dc);
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .gradient-box
    .colors-main {
    margin-top: 30px;
    width: 100%;
    height: 32px;
    background: linear-gradient(to right, #ffab00, #ff00dc);
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .gradient-box
  .colors-main
  .color-pick {
  height: 20px;
  width: 44px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #fff;
  position: absolute;
  bottom: 0;
  left: -6px;
  filter: drop-shadow(10px 10px 25px rgba(0, 0, 0, 0.75));
  animation: jetMoveUpDown 8s linear infinite;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .gradient-box
    .colors-main
    .color-pick {
    right: 0;
    left: auto;
    animation: jetMoveLeftRight 8s linear infinite;
    height: 44px;
    width: 20px;
    top: -6px;
  }
}
@keyframes jetMoveUpDown {
  0%,
  100% {
    bottom: 0;
  }
  50% {
    bottom: 95%;
  }
}
@-webkit-keyframes jetMoveUpDown {
  0%,
  100% {
    bottom: 0;
  }
  50% {
    bottom: 95%;
  }
}
@-moz-keyframes jetMoveUpDown {
  0%,
  100% {
    bottom: 0;
  }
  50% {
    bottom: 95%;
  }
}
@keyframes jetMoveLeftRight {
  0%,
  100% {
    right: 0;
  }
  50% {
    right: 95%;
  }
}
@-webkit-keyframes jetMoveLeftRight {
  0%,
  100% {
    right: 0;
  }
  50% {
    right: 95%;
  }
}
@-moz-keyframes jetMoveLeftRight {
  0%,
  100% {
    right: 0;
  }
  50% {
    right: 95%;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-name {
    text-align: center;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .fonts-wrapper
  .font-lists {
  display: grid;
  padding: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  list-style-type: none;
}
@media only screen and (max-width: 1799px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1799px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1799px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1799px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists {
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists {
    justify-content: start;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .fonts-wrapper
  .font-lists
  li {
  color: #fff;
}
@media only screen and (max-width: 1799px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists
    li {
    margin: 0 0 10px;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .fonts-wrapper
  .font-lists
  li
  .big-text {
  position: relative;
  padding: 20px 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 25px;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists
    li
    .big-text {
    padding: 15px 20px;
  }
}
.jetson-wrapper
  .jetson-our-work
  .color-wrapper
  .colors-info
  .fonts-wrapper
  .font-lists
  li
  .small-text {
  padding-left: 25px;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-our-work
    .color-wrapper
    .colors-info
    .fonts-wrapper
    .font-lists
    li
    .small-text {
    padding-left: 20px;
  }
}

.jetson-wrapper .jetson-our-work:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  height: 150px;
  z-index: -1;
}
.jetson-wrapper .jetson-solution {
  border-radius: 100px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-solution {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-solution {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-solution {
    border-radius: 20px;
  }
}

.jetson-wrapper .jetson-solution .solution-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
  margin-top: 200px;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .jetson-wrapper .jetson-solution .solution-outer {
    margin-top: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .jetson-solution .solution-outer {
    margin-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-solution .solution-outer {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer {
    margin-top: 50px;
    grid-gap: 30px;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-solution .solution-outer {
    margin-top: 35px;
  }
}

.jetson-wrapper .jetson-solution .solution-outer .item {
  border: 1px solid #000000;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer .item {
    padding: 30px;
    width: 100%;
    min-width: 80%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-solution .solution-outer .item {
    padding: 20px 22px;
    gap: 10px;
  }
}
.jetson-wrapper .jetson-solution .solution-outer .item:before {
  content: "";
  position: absolute;
  background: url("../svg/new.svg")
    no-repeat center;
  background-size: cover;
  width: 408px;
  height: 189px;
  right: 10px;
  top: 10px;
}

@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer .item:before {
    display: none;
  }
}

.jetson-wrapper .jetson-solution .solution-outer .item .numb {
  width: 120px;
  height: 120px;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181818;
  position: relative;
  z-index: 8;
}

@media only screen and (max-width: 1365px) {
  .jetson-wrapper .jetson-solution .solution-outer .item .numb {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer .item .numb {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-solution .solution-outer .item .numb {
    margin: 0 0 10px;
    width: 55px;
    height: 55px;
  }
}

.jetson-wrapper .jetson-solution .solution-outer .item .info-text {
  color: #1e1e1e;
  position: relative;
  z-index: 8;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer .item .info-text {
    white-space: normal;
  }
}
.jetson-wrapper .jetson-solution .solution-outer .item p {
  position: relative;
  z-index: 8;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-solution .solution-outer .item p {
    white-space: normal;
  }
}

.jetson-wrapper .jetson-icon-assets .mob-grid-app .row {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-icon-assets .mob-grid-app .row {
    height: auto;
  }
}
.jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div {
  overflow: hidden;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div {
    text-align: center;
    margin: 0 0 30px;
    height: auto;
  }
}

.jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div .small-text {
  position: relative;
  z-index: 9;
  padding: 10px 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 60px;
}
.jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div.left {
  padding: 40px 40px 0 40px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div.left {
    padding: 20px 20px 0 20px;
  }
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.left
  .img-outer {
  margin-top: 110px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.left
    .img-outer {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.left
    .img-outer {
    margin-top: 30px;
  }
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.left
  .img-outer
  .img-wrapper {
  gap: 60px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.left
    .img-outer
    .img-wrapper {
    display: block !important;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.left
    .img-outer
    .img-wrap-left {
    margin: 0 0 30px;
  }
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.left
  .img-outer
  .img-wrap-left
  img {
  width: 128px;
  aspect-ratio: 1;
  filter: drop-shadow(27.84px 19.09px 42.95px rgba(0, 0, 0, 0.35));
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.left
  .img-outer
  .img-wrap-right
  img {
  width: 350px;
  filter: drop-shadow(27.84px 19.09px 42.95px rgba(0, 0, 0, 0.35));
}
.jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div.right {
  padding: 40px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div.right {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-icon-assets .mob-grid-app .row .common-div.right {
    padding: 20px;
  }
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.right
  .middle-img {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.right
    .middle-img {
    position: relative;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.right
    .middle-img {
    margin-top: 30px;
  }
}
.jetson-wrapper
  .jetson-icon-assets
  .mob-grid-app
  .row
  .common-div.right
  .middle-img
  img {
  width: 388px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper
    .jetson-icon-assets
    .mob-grid-app
    .row
    .common-div.right
    .middle-img
    img {
    max-width: 50%;
  }
}

@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap {
    overflow: hidden;
  }
}
.jetson-wrapper .jetson-icon-assets .assets-wrap .resp-icons-outer {
  margin: 30px 0 0;
}
.jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 210px;
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
    grid-column-gap: 100px;
  }
}
@media only screen and (max-width: 1499px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
    margin-top: 30px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    display: flex;
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width: 1365px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
    grid-column-gap: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .assets-icons {
    grid-column-gap: 20px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap {
    margin: 50px 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap {
    margin: 50px 0;
    width: 100%;
    min-width: 20%;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap {
    margin: 50px 0;
    width: 100%;
    min-width: 18%;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap img {
    max-width: 70%;
  }
}
.jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap.bottom {
  -webkit-animation: jetassetbounce 3s cubic-bezier(0.445, 0.05, 0.55, 0.95)
    infinite;
  animation: jetassetbounce 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
@keyframes jetassetbounce {
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@-webkit-keyframes jetassetbounce {
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@-moz-keyframes jetassetbounce {
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
.jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap.reverse {
  -webkit-animation: jetassetreverse 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.95)
    infinite;
  animation: jetassetreverse 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
@keyframes jetassetreverse {
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@-webkit-keyframes jetassetreverse {
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@-moz-keyframes jetassetreverse {
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
.jetson-wrapper .jetson-icon-assets .assets-wrap .img-wrap:nth-child(even) {
  text-align: center;
}

.jetson-wrapper .jetson-onboard-screens {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-onboard-screens {
    text-align: center;
  }
}
.jetson-wrapper .jetson-onboard-screens:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000;
  height: 150px;
  z-index: -1;
}

.jetson-wrapper .jetson-onboard-screens .video-wrap {
  line-height: 0;
}

.jetson-wrapper .jetson-onboard-screens .onboard-outer .mob-outer {
  width: 89.58%;
  margin: 0 auto;
  max-width: 1720px;
}
.jetson-wrapper
  .jetson-onboard-screens
  .onboard-outer
  .mob-outer
  .common-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper {
    grid-column-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    grid-column-gap: 20px;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.jetson-wrapper
  .jetson-onboard-screens
  .onboard-outer
  .mob-outer
  .common-wrapper
  .common-wrap {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper
    .common-wrap {
    width: 100%;
    margin: 30px 0;
    min-width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper
    .jetson-onboard-screens
    .onboard-outer
    .mob-outer
    .common-wrapper
    .common-wrap {
    min-width: 50%;
  }
}
.jetson-wrapper
  .jetson-onboard-screens
  .onboard-outer
  .mob-outer
  .common-wrapper
  .common-wrap
  img {
  width: 381px;
}
.jetson-wrapper
  .jetson-onboard-screens
  .onboard-outer
  .mob-outer
  .common-wrapper
  .common-wrap.bottom {
  -webkit-animation: jetanimebounce 2s cubic-bezier(0.445, 0.05, 0.55, 0.95)
    infinite;
  animation: jetanimebounce 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
@keyframes jetanimebounce {
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes jetanimebounce {
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes jetanimebounce {
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.jetson-wrapper
  .jetson-onboard-screens
  .onboard-outer
  .mob-outer
  .common-wrapper
  .common-wrap.reverse {
  -webkit-animation: jetanimebouncereverse 2s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation: jetanimebouncereverse 2s cubic-bezier(0.445, 0.05, 0.55, 0.95)
    infinite;
}
@keyframes jetanimebouncereverse {
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-webkit-keyframes jetanimebouncereverse {
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-moz-keyframes jetanimebouncereverse {
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}
.jetson-wrapper .jetson-screen-outer {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-screen-outer .common-div {
    margin: 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer {
    text-align: center;
  }
}
.jetson-wrapper .jetson-screen-outer .common-div .view-outer .title {
  display: none;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer .title {
    display: inline;
  }
}
.jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap {
  position: relative;
  text-align: center;
  z-index: 2;
  max-width: 556px;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap {
    margin: 30px auto 0;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap {
    margin-top: 20px;
  }
}
.jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap img {
  width: 381px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap img {
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap img {
    max-width: 60%;
  }
}
.jetson-wrapper .jetson-screen-outer .common-div .view-outer .img-wrap:before {
  content: "";
  position: absolute;
  background: url("../webp/screen-bg.webp")
    no-repeat center;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 100%;
  height: 556px;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-screen-outer
    .common-div
    .view-outer
    .img-wrap:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .short-info {
    text-align: center;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div .short-info .img-wrap {
    margin: 15px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-screen-outer .common-div:last-child {
    margin: 0;
  }
}
.jetson-wrapper .jetson-screen-outer .common-div:nth-child(even) .row {
  flex-direction: row-reverse;
}
.jetson-wrapper
  .jetson-screen-outer
  .common-div:nth-child(even)
  .row
  .img-wrap {
  margin-left: auto;
}
.jetson-wrapper .jetson-screen-outer:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  height: 150px;
  z-index: -1;
}
.jetson-wrapper .jetson-all-screens {
  position: relative;
}

.jetson-wrapper .jetson-all-screens .screen-wraps {
  position: relative;
  margin-top: 130px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-all-screens .screen-wraps {
    margin-top: 0;
  }
}
.jetson-wrapper .jetson-all-screens .screen-wraps .screen-outer {
  width: 89.58%;
  margin: 0 auto;
  max-width: 1720px;
}
.jetson-wrapper .jetson-all-screens .screen-wraps .screen-outer .img-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 70px;
}
@media only screen and (max-width: 1499px) {
  .jetson-wrapper .jetson-all-screens .screen-wraps .screen-outer .img-wrapper {
    grid-column-gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-all-screens .screen-wraps .screen-outer .img-wrapper {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.jetson-wrapper
  .jetson-all-screens
  .screen-wraps
  .screen-outer
  .img-wrapper
  .img-wrap {
  text-align: center;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper
    .img-wrap {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper
    .img-wrap {
    margin-bottom: 10px;
    width: 100%;
    min-width: 50%;
    margin-right: 20px;
  }
}
.jetson-wrapper
  .jetson-all-screens
  .screen-wraps
  .screen-outer
  .img-wrapper
  .img-wrap
  img {
  width: 381px;
}
.jetson-wrapper
  .jetson-all-screens
  .screen-wraps
  .screen-outer
  .img-wrapper
  .img-wrap:nth-child(even) {
  margin-top: -130px;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper
    .jetson-all-screens
    .screen-wraps
    .screen-outer
    .img-wrapper
    .img-wrap:nth-child(even) {
    margin-top: 0;
  }
}
.jetson-wrapper .jetson-all-screens:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000;
  height: 150px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .jetson-all-screens .web-screen-outer {
    padding-top: 70px;
  }
}

.jetson-all-screens .web-screen-outer .web-wraps {
  position: relative;
}
@media only screen and (max-width: 480px) {
  .jetson-all-screens .web-screen-outer .web-wraps {
    margin-top: 10px;
  }
}
.jetson-wrapper .jetson-all-screens .web-wraps .web-outer {
  width: 89.58%;
  margin: 0 auto;
  max-width: 1720px;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-one.common-img {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-two.common-img {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-two.common-img {
    margin-top: -125px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-three.common-img {
    max-width: 90%;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-three.common-img {
    margin-top: -125px;
  }
}

.jetson-wrapper
  .jetson-all-screens
  .web-wraps
  .web-outer
  .img-wrapper
  .common-img
  img {
  outline: 7px solid #000000;
  filter: drop-shadow(27.84px 19.09px 42.95px rgba(0, 0, 0, 0.35));
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .common-img
    img {
    filter: drop-shadow(10.84px 10.09px 10.95px rgba(0, 0, 0, 0.15));
  }
}

.jetson-wrapper
  .jetson-all-screens
  .web-wraps
  .web-outer
  .img-wrapper
  .img-two {
  margin-top: -225px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-two {
    margin: 70px auto;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-two {
    margin: 50px auto;
  }
}
.jetson-wrapper
  .jetson-all-screens
  .web-wraps
  .web-outer
  .img-wrapper
  .img-three {
  margin-top: -225px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper
    .jetson-all-screens
    .web-wraps
    .web-outer
    .img-wrapper
    .img-three {
    margin-top: 0;
  }
}

.jetson-wrapper .jetson-techno .row {
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .row {
    height: auto;
  }
}
.jetson-wrapper .jetson-techno .common-div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .common-div {
    text-align: center;
    height: auto;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-techno .common-div {
    padding: 35px 20px;
  }
}
.jetson-wrapper .jetson-techno .common-div .small-title-text {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 60px;
  padding: 10px 16px;
  display: inline-block;
  margin: 0 0 35px;
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-techno .common-div .small-title-text {
    margin: 0 0 20px;
  }
}
.jetson-wrapper .jetson-techno .common-div ul {
  list-style-type: none;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .common-div ul {
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-techno .common-div ul {
    gap: 20px;
  }
}
.jetson-wrapper .jetson-techno .common-div ul li img {
  width: 62px;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .common-div .img-box {
    justify-content: center;
  }
}
.jetson-wrapper .jetson-techno .common-div .img-box .img-wrap {
  flex: 0 0 auto;
}
.jetson-wrapper .jetson-techno .common-div .img-box .img-wrap img {
  width: 64px;
  aspect-ratio: 1;
}
.jetson-wrapper .jetson-techno .common-div .img-box .content-box {
  text-align: left;
}
.jetson-wrapper .jetson-techno .common-div .img-box .content-box .name-text {
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 5px;
}
.jetson-wrapper .jetson-techno .common-div .img-box .content-box .des-text {
  font-size: 14px;
  line-height: 17px;
}
.jetson-wrapper .jetson-techno .common-div.leftside {
  margin-right: 20px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .common-div.leftside {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.jetson-wrapper .jetson-techno .common-div.rightside {
  margin-left: -15px;
}
@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-techno .common-div.rightside {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-impact .inner-content {
    text-align: center;
  }
}

@media only screen and (max-width: 1199px) {
  .jetson-wrapper .jetson-impact .title-wrap {
    margin: 0;
  }
}

.jetson-wrapper .jetson-impact .impact-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1500px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-impact .impact-outer {
    grid-template-columns: 1fr;
  }
}

.jetson-wrapper .jetson-impact .impact-outer .item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .jetson-impact .impact-outer .item {
    padding: 20px 22px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .jetson-impact .impact-outer .item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  }
}

.jetson-wrapper .jetson-impact .impact-outer .item:first-child:after {
  content: "";
  position: absolute;
  background: url("../svg/impact-one-bg.svg")
    no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-impact .impact-outer .item:first-child:after {
    display: none;
  }
}

.jetson-wrapper .jetson-impact .impact-outer .item:last-child {
  border-right: 1px solid transparent;
}
.jetson-wrapper .jetson-impact .impact-outer .item:last-child:after {
  content: "";
  position: absolute;
  background: url("../svg/impact-two-bg.svg")
    no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .jetson-wrapper .jetson-impact .impact-outer .item:last-child:after {
    display: none;
  }
}
.jetson-wrapper .jetson-impact .impact-outer .item .inner-wrap {
  position: relative;
  z-index: 9;
}
.jetson-wrapper .jetson-impact .impact-outer .item .inner-wrap .numb {
  color: #fa9f18;
}
.jetson-wrapper .jetson-impact .impact-outer .item .inner-wrap p {
  color: #a9a9a9;
}

/* ---------------jetson-wrapper transport cta one css start -----------*/

.jetson-wrapper .section-jetson-cta-bg {
  margin-top: 40px;
}
.jetson-wrapper .section-jetson-cta-bg .practice-container {
  max-width: 1300px !important;
}
.jetson-wrapper .section-jetson-cta-bg .cta-blue-bg {
  background: #000000;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.jetson-wrapper .section-jetson-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 30%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 90px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 90px 0px 90px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 60px 0px 85px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.jetson-wrapper .section-jetson-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.jetson-wrapper .section-jetson-cta-bg .cta-btn-box a {
  background: linear-gradient(to right, #ffab00, #ff00dc);
  color: #ffffff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}
.jetson-wrapper .section-jetson-cta-bg .cta-btn-box a:hover {
  background: linear-gradient(to right, #ff00dc, #ffab00);
  color: #ffffff;
}
.jetson-wrapper .section-jetson-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 10px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------jetson-wrapper transport cta one css end -----------*/

/* ---------------jetson-wrapper transport cta -two css start -----------*/

.jetson-wrapper .section-jetson-cta-bg-two {
  background: #ffffff;
  margin-top: 40px;
}
.jetson-wrapper .section-jetson-cta-bg-two .practice-container {
  max-width: 1300px !important;
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-blue-bg {
  background: #fa9f18;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 26%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 36%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr 28%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis {
  margin: 0;
  padding: 80px 0px 90px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 90px 0px 90px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis {
    text-align: left;
    padding: 60px 0px 70px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box {
  margin-top: 24px;
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-btn-box a:hover {
  background: #000000;
  color: #ffffff;
}
.jetson-wrapper .section-jetson-cta-bg-two .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-img-right-img-box {
    position: static;
    margin-top: 10px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .jetson-wrapper .section-jetson-cta-bg-two .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------jetson-wrapper transport cta -two css end -----------*/

/*business learning app css ends here*/

/*corporate health insurance  css starts here*/
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-regular.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-regular.woff")
      format("woff"),
    url("../ttf/plusjakartasans-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-medium.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-medium.woff")
      format("woff"),
    url("../ttf/plusjakartasans-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-semibold.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-semibold.woff")
      format("woff"),
    url("../ttf/plusjakartasans-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-bold.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-bold.woff")
      format("woff"),
    url("../ttf/plusjakartasans-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-extrabold.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-extrabold.woff")
      format("woff"),
    url("../ttf/plusjakartasans-extrabold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.corporate-health-wrapper {
  font-weight: 400;
  font-family: "Plus Jakarta Sans";
  background-color: #ffffff;
  color: #180a2f;
  overflow: hidden;
}
.corporate-health-wrapper picture {
  display: block;
}
@media only screen and (min-width: 1500px) {
  .corporate-health-wrapper .health-container {
    max-width: 1440px;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .corporate-health-wrapper .health-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate-health-wrapper .health-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .corporate-health-wrapper .health-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.corporate-health-wrapper .corp-health-500 {
  font-weight: 500;
}
.corporate-health-wrapper .corp-health-600 {
  font-weight: 600;
}
.corporate-health-wrapper .corp-health-700 {
  font-weight: 700;
}
.corporate-health-wrapper .corp-healthbr-38 {
  border-radius: 38px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .corp-healthbr-38 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-healthbr-38 {
    border-radius: 15px;
  }
}
.corporate-health-wrapper .corp-healthbr-33 {
  border-radius: 33px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .corp-healthbr-33 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-healthbr-33 {
    border-radius: 15px;
  }
}
.corporate-health-wrapper .corp-healthbr-30 {
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .corp-healthbr-30 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-healthbr-30 {
    border-radius: 15px;
  }
}
.corporate-health-wrapper .corp-healthbr-18 {
  border-radius: 18px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .corp-healthbr-18 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-healthbr-18 {
    border-radius: 15px;
  }
}

.corporate-health-wrapper .corp-healthbr-15 {
  border-radius: 15px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .corp-healthbr-15 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-healthbr-15 {
    border-radius: 15px;
  }
}
.corporate-health-wrapper .health-clrlightblue {
  color: #0c0517;
}
.corporate-health-wrapper .health-clrdarkblue {
  color: #1241ab;
}
.corporate-health-wrapper .health-clrblack {
  color: #000000;
}
.corporate-health-wrapper .health-clrwhite {
  color: #ffffff;
}
.corporate-health-wrapper .health-clrwhite {
  color: #ffffff;
}
.corporate-health-wrapper .health-bglightsky {
  background-color: #e8f0fb;
}
.corporate-health-wrapper .health-bgwhite {
  background-color: #ffffff;
}
.corporate-health-wrapper .health-bglightpink {
  background-color: #f4eeff;
}
.corporate-health-wrapper .health-bgskyblue {
  background-color: #d6e6ff;
}
.corporate-health-wrapper .health-bglightorange {
  background-color: #ffeeee;
}
.corporate-health-wrapper .health-bgdarkorange {
  background-color: #ffcece;
}
.corporate-health-wrapper .health-bglightgrey {
  background-color: #f2f2f2;
}

.corporate-health-wrapper .healthptb-100 {
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .healthptb-100 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .healthptb-100 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .healthptb-100 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .healthptb-100 {
    padding: 35px 0;
  }
}

.corporate-health-wrapper .healthpt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .healthpt-100 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .healthpt-100 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .healthpt-100 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .healthpt-100 {
    padding-top: 35px;
  }
}

.corporate-health-wrapper .healthptb-80 {
  padding: 80px 0;
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .healthptb-80 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .healthptb-80 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .healthptb-80 {
    padding: 35px 0;
  }
}

.corporate-health-wrapper .healthmb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .healthmb-100 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .healthmb-100 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .healthmb-100 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .healthmb-100 {
    margin-bottom: 35px;
  }
}

.corporate-health-wrapper .healthmt-40 {
  margin-top: 40px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .healthmt-40 {
    margin-top: 30px;
  }
}
.corporate-health-wrapper .healthmb-20 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper .healthmb-20 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .healthmb-20 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .healthmb-20 {
    margin-bottom: 8px;
  }
}
.corporate-health-wrapper .herotitle {
  font-size: 38px;
  line-height: 48px;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .herotitle {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .herotitle {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .herotitle {
    font-size: 26px;
    line-height: 34px;
  }
}
.corporate-health-wrapper .subheading-text {
  font-size: 38px;
  line-height: 48px;
  display: inline-block;
  position: relative;
  padding-bottom: 30px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .subheading-text {
    font-size: 33px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper .subheading-text {
    padding-bottom: 20px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper .subheading-text {
    font-size: 30px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .subheading-text {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 15px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .subheading-text {
    font-size: 24px;
    line-height: 34px;
  }
}

.corporate-health-wrapper .subheading-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 91px;
  height: 4px;
  background-color: #f1be5e;
  border-radius: 1px;
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .subheading-text:after {
    width: 61px;
    height: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .subheading-text:after {
    height: 2px;
  }
}

.corporate-health-wrapper .corp-health-30 {
  font-size: 30px;
  line-height: 45px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .corp-health-30 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .corp-health-30 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-health-30 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .corp-health-30 {
    font-size: 22px;
    line-height: 28px;
  }
}
.corporate-health-wrapper .corp-health-26 {
  font-size: 26px;
  line-height: 32px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .corp-health-26 {
    font-size: 23px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-health-26 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .corp-health-26 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .corporate-health-wrapper .corp-health-26 {
    font-size: 20px;
    line-height: 26px;
  }
}
.corporate-health-wrapper .corp-health-20 {
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .corp-health-20 {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .corp-health-20 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .corp-health-20 {
    font-size: 16px;
    line-height: 26px;
  }
}
.corporate-health-wrapper .corp-health-18 {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .corp-health-18 {
    font-size: 16px;
    line-height: 26px;
  }
}

.corporate-health-wrapper .heading-wrap {
  margin: 0 0 10px;
}

/*health-banner-section Start*/
.corporate-health-wrapper .health-banner-section .banner-section {
  padding: 18px 18px 0;
}
@media only screen and (max-width: 575px) {
  .corporate-health-wrapper .health-banner-section .banner-section {
    padding: 15px 15px 0;
  }
}
/*health-banner-section End*/

/*health-challenge-section Start*/
.corporate-health-wrapper
  .health-challenge-section
  .challenge-content
  .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px 50px 0;
  background: url("../webp/mobile-bg.webp")
    no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-challenge-section
    .challenge-content
    .img-wrapper {
    padding: 30px 30px 0;
  }
}
/*health-challenge-section End*/

/*health-solution-section Start*/
.corporate-health-wrapper .health-solution-section .solution-inner-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 60px;
}

@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper .health-solution-section .solution-inner-wrapper {
    grid-row-gap: 30px;
  }
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper .health-solution-section .solution-inner-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .health-solution-section .solution-inner-wrapper {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}

@media only screen and (min-width: 1366px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space {
    padding: 45px;
  }
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space {
    padding: 28px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space {
    padding: 25px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space
    .healthmt-40 {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .resp-space
    .healthmt-40 {
    margin-top: 15px;
  }
}

.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item {
  display: grid;
  grid-column-gap: 60px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item {
    grid-column-gap: 30px;
  }
}

.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item.grid-one {
  grid-template-columns: 1fr 510px;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item.grid-one {
    grid-template-columns: 1fr;
  }
}
.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item.grid-two {
  grid-template-columns: 1fr 612px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item.grid-two {
    grid-template-columns: 1fr 412px;
  }
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item.grid-two {
    grid-template-columns: 1fr;
  }
}
.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item
  .img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item
    .img-wrap {
    display: none;
  }
}

.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item
  .img-wrap.withbg {
  background: url("../webp/orangebg.webp")
    no-repeat center;
  background-size: cover;
}

@media only screen and (min-width: 1366px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item-big.one {
    padding: 45px 0 45px 45px;
  }
}
@media only screen and (min-width: 1366px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item-big.two {
    padding: 45px 45px 45px 0;
  }
}

@media only screen and (min-width: 1366px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item-big.two
    .content-wrap {
    padding-left: 45px;
  }
}

.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item-big
  .img-wrap {
  display: flex;
  gap: 60px;
}
@media only screen and (max-width: 1499px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item-big
    .img-wrap {
    gap: 30px;
  }
}
.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item-big
  .img-wrap
  .rightside {
  flex: 0 0 auto;
  margin-top: -15px;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-solution-section
    .solution-inner-wrapper
    .item-big
    .img-wrap
    .rightside {
    display: none;
  }
}
.corporate-health-wrapper
  .health-solution-section
  .solution-inner-wrapper
  .item-big.two
  .img-wrap
  .rightside {
  margin-top: 15px;
}
/*health-solution-section End*/

/*health-dashboard-section Start*/
.corporate-health-wrapper .health-dashboard-section {
  background: linear-gradient(
    47deg,
    rgba(9, 53, 155, 1) 0%,
    rgba(46, 98, 216, 1) 100%
  );
}
.corporate-health-wrapper .health-dashboard-section:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 10px;
  width: 619px;
  height: 667px;
  background: url("../svg/dashboard-bg.svg")
    no-repeat;
  background-size: cover;
  opacity: 0.3;
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .health-dashboard-section:after {
    display: none;
  }
}
.corporate-health-wrapper .health-dashboard-section .dashboard-multiple-slides {
  position: relative;
  z-index: 2;
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  .slideone {
  overflow: hidden;
  border: 8px solid rgba(24, 10, 47, 0.8);
  border-radius: 18px;
}

.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  .slideone
  img {
  border-radius: 8px;
}

.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  .slick-center
  img {
  opacity: 1;
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  .slideone.slick-center {
  transform: scale(1);
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  .slideone {
  transform: scale(0.93);
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-dashboard-section
    .dashboard-multiple-slides
    .slideone {
    transform: scale(1);
  }
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-multiple-slides
  img {
  transition: all 300ms ease;
  bottom: 0;
}

.corporate-health-wrapper .health-dashboard-section .dashboard-resp-slides {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 15px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
}
@media only screen and (min-width: 768px) {
  .corporate-health-wrapper .health-dashboard-section .dashboard-resp-slides {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-dashboard-section
    .dashboard-resp-slides::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-dashboard-section
    .dashboard-resp-slides::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-dashboard-section
    .dashboard-resp-slides::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-resp-slides
  .item {
  width: 100%;
  min-width: 85%;
  margin: 0 0 5px;
  border: 8px solid rgba(24, 10, 47, 0.8);
  border-radius: 15px;
}
.corporate-health-wrapper
  .health-dashboard-section
  .dashboard-resp-slides
  .item
  img {
  border-radius: 7px;
}
/*health-dashboard-section End*/

.corporate-health-wrapper .health-team-project-section .project-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper .health-team-project-section .project-wrapper {
    grid-row-gap: 20px;
  }
}
.corporate-health-wrapper .health-team-project-section .project-wrapper .item {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  grid-template-areas:
    "itemone itemtwo itemthree"
    "itemfour itemfour itemfour"
    "itemfive itemsix itemseven";
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item {
    grid-template-areas:
      "itemone itemtwo"
      "itemthree itemfive"
      "itemsix itemseven";
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}

.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemone {
  grid-area: itemone;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemtwo {
  grid-area: itemtwo;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemthree {
  grid-area: itemthree;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemfour {
  grid-area: itemfour;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemfive {
  grid-area: itemfive;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemsix {
  grid-area: itemsix;
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .itemseven {
  grid-area: itemseven;
}

.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .item-block {
  padding: 33px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block {
    gap: 15px;
    padding: 28px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block {
    padding: 25px 22px 22px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block {
    gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block {
    padding: 20px 15px;
    width: 100%;
    min-width: 70%;
    margin: 0 0 5px;
    gap: 10px;
    white-space: normal;
  }
}
@media only screen and (max-width: 480px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block {
    min-width: 80%;
  }
}

.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .item-block.withimg {
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block.withimg {
    display: none;
  }
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .item-block
  .icon-title {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block
    .icon-title {
    gap: 10px;
    flex-direction: column;
    align-items: start;
  }
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .item-block
  .icon-title
  .pro-icon {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block
    .icon-title
    .pro-icon {
    background-color: #ffffff;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block
    .icon-title
    .pro-icon {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block
    .icon-title
    .pro-icon
    img {
    max-width: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-team-project-section
    .project-wrapper
    .item
    .item-block
    .icon-title
    .pro-icon
    img {
    max-width: 30px;
  }
}
.corporate-health-wrapper
  .health-team-project-section
  .project-wrapper
  .item
  .item-block
  .short-info {
  white-space: normal;
}
.corporate-health-wrapper .health-results-section .results-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
}

@media only screen and (max-width: 991px) {
  .corporate-health-wrapper .health-results-section .results-wrapper {
    grid-row-gap: 20px;
  }
}
.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content:nth-child(1) {
  display: grid;
  grid-template-columns: 544px 1fr;
  grid-column-gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content:nth-child(1) {
    grid-template-columns: 400px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content:nth-child(1) {
    grid-template-columns: 1fr;
  }
}

.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item {
  background-color: rgba(56, 114, 247, 0.08);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item {
    gap: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item {
    padding: 25px 22px;
  }
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item {
    gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item {
    padding: 20px 15px;
    gap: 10px;
  }
}
.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item
  .icon-wrap {
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item
    .icon-wrap {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item
    .icon-wrap {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 1365px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item
    .icon-wrap
    img {
    max-width: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item
    .icon-wrap
    img {
    max-width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item-left {
    display: none;
  }
}

.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item-left
  .img-wrap {
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item-left
    .img-wrap {
    display: none;
  }
}
.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item-left
  .img-wrap
  picture {
  height: 100%;
}
.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item-left
  .img-wrap
  img {
  height: 100%;
  object-fit: cover;
}

.corporate-health-wrapper
  .health-results-section
  .results-wrapper
  .inner-content
  .item-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media only screen and (max-width: 991px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-results-section
    .results-wrapper
    .inner-content
    .item-right {
    grid-template-columns: 1fr;
  }
}
.corporate-health-wrapper
  .health-conclusion-section
  .conclusion-content
  .cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 108px 100px;
  background: url("../webp/cta-blue-bg.webp")
    no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 1199px) {
  .corporate-health-wrapper
    .health-conclusion-section
    .conclusion-content
    .cta-wrapper {
    padding: 55px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-conclusion-section
    .conclusion-content
    .cta-wrapper {
    padding: 35px 30px;
  }
}
.corporate-health-wrapper
  .health-conclusion-section
  .conclusion-content
  .cta-wrapper
  .inner-text {
  max-width: 920px;
}
@media only screen and (max-width: 767px) {
  .corporate-health-wrapper
    .health-conclusion-section
    .conclusion-content
    .cta-wrapper
    .inner-text {
    max-width: none;
  }
}

/*corporate health insurance  css ends here*/

/*healthcare platform for medical institution css starts here*/

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-light.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-light.woff")
      format("woff"),
    url("../ttf/plusjakartasans-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-bold-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-bold-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-bold-2.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-medium-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-medium-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-medium-2.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-semibold-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-semibold-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-semibold-2.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../woff2/plusjakartasans-regular-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-regular-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-regular-2.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-medico-regular: "Plus Jakarta Sans", sans-serif;
  --font-medico-light: "Plus Jakarta Sans", sans-serif;
  --font-medico-medium: "Plus Jakarta Sans", sans-serif;
  --font-medico-semibold: "Plus Jakarta Sans", sans-serif;
  --font-medico-bold: "Plus Jakarta Sans", sans-serif;
  --medico-primary-color: #121d30;
  --medico-text-white: #fff;
}
.medico-font-regular {
  font-family: var(--font-medico-regular);
  font-weight: 400;
}
.medico-font-light {
  font-family: var(--font-medico-light);
  font-weight: 300;
}
.medico-font-medium {
  font-family: var(--font-medico-medium);
  font-weight: 500;
}
.medico-font-semibold {
  font-family: var(--font-medico-semibold);
  font-weight: 600;
}
.medico-opacity-8 {
  opacity: 0.5;
}
.medico-opacity-1 {
  opacity: 1;
}
.medico-font-bold {
  font-family: var(--font-medico-bold);
  font-weight: 700;
}
.medico-primary-color {
  color: var(--medico-primary-color);
}
.medico-bg-primary {
  background-color: var(--medico-primary-color);
}
.medico-border-primary {
  border: 1px solid var(--medico-primary-color);
}
.medico-ptb-100 {
  padding-top: 100px;
  padding-bottom: 110px;
}
@media only screen and (max-width: 1699px) {
  .medico-ptb-100 {
    padding: 75px 0;
  }
}
@media only screen and (max-width: 1499px) {
  .medico-ptb-100 {
    padding: 65px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .medico-ptb-100 {
    padding: 55px 0;
  }
}
@media only screen and (max-width: 991px) {
  .medico-ptb-100 {
    padding: 45px 0;
  }
}
@media only screen and (max-width: 767px) {
  .medico-ptb-100 {
    padding: 30px 0;
  }
}
.medico-pt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 1699px) {
  .medico-pt-100 {
    padding-top: 75px;
  }
}
@media only screen and (max-width: 1499px) {
  .medico-pt-100 {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .medico-pt-100 {
    padding-top: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .medico-pt-100 {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .medico-pt-100 {
    padding-top: 30px;
  }
}
.medico-pt-50 {
  padding-top: 50px;
}
@media only screen and (max-width: 1699px) {
  .medico-pt-50 {
    padding-top: 75px;
  }
}
@media only screen and (max-width: 1499px) {
  .medico-pt-50 {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .medico-pt-50 {
    padding-top: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .medico-pt-50 {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .medico-pt-50 {
    padding-top: 30px;
  }
}
.medico-mt-100 {
  margin-top: 100px;
}
@media only screen and (max-width: 1699px) {
  .medico-mt-100 {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 1499px) {
  .medico-mt-100 {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .medico-mt-100 {
    margin-top: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .medico-mt-100 {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .medico-mt-100 {
    margin-top: 30px;
  }
}
.medico-mb-100 {
  margin-bottom: 110px;
}
.medico-font-44 {
  font-size: 44px;
  line-height: 1.3;
}
@media only screen and (max-width: 1600px) {
  .medico-font-44 {
    font-size: 36px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1199px) {
  .medico-font-44 {
    font-size: 30px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .medico-font-44 {
    font-size: 24px;
    line-height: 1.5;
  }
}
.medico-font-40 {
  font-size: 40px;
  line-height: 1.3;
}
.medico-font-16 {
  font-size: 15px;
  line-height: 1.6;
}
.medico-font-18 {
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (max-width: 991px) {
  .medico-font-18 {
    font-size: 16px;
  }
}
.medico-font-20 {
  font-size: 20px;
  line-height: 1.5;
}
.medico-font-24 {
  font-size: 24px;
  line-height: 1.5;
}
.medico-font-36 {
  font-size: 36px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .medico-font-36 {
    font-size: 30px;
  }
}
.medico-font-30 {
  font-size: 30px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .medico-font-30 {
    font-size: 28px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 767px) {
  .medico-font-30 {
    font-size: 26px;
    line-height: 1.3;
  }
}
.medico-text-white {
  color: var(--medico-text-white);
}
.medico-font-blue {
  color: #2970ff;
}
.medico-font-green {
  color: #51ba77;
}
.medico-font-sky {
  color: #33b1eb;
}
.medico-font-pink {
  color: #f4668f;
}
.medico-bg-blue {
  background-color: #2970ff;
}
.medico-bg-green {
  background-color: #51ba77;
}
.medico-bg-sky {
  background-color: #33b1eb;
}
.medico-bg-pink {
  background-color: #f4668f;
}
.medico-br-30 {
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .medico-br-30 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .medico-br-30 {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 1500px) {
  .medico-wrapper .custom-container {
    max-width: 1470px;
  }
}
.medico-wrapper .mv-1015 {
  max-width: 1015px;
}
.section-medico-hero .medico-hero-main .medico-hero-content {
  max-width: 560px;
  position: absolute;
  top: 50px;
  text-align: center;
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .section-medico-hero .medico-hero-main .medico-hero-content {
    z-index: 2;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
  }
}
.section-medico-hero .medico-hero-main .medico-hero-content .medico-logo {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .section-medico-hero .medico-hero-main .medico-hero-content .medico-logo {
    margin-bottom: 20px;
  }
}
.section-medico-hero .medico-hero-main .medico-hero-banner {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .section-medico-hero .medico-hero-main .medico-hero-banner {
    position: relative;
    min-height: 60vh;
    object-fit: cover;
  }
}
.section-medico-hero .medico-hero-main::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to top left,
    rgba(128, 128, 128, 0.5),
    rgba(0, 0, 0, 0.9)
  );
}
@media only screen and (min-width: 1200px) {
  .section-medico-hero .medico-hero-main::after {
    content: none;
  }
}
.section-medico-about .medico-data {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .section-medico-about .medico-data strong {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .section-medico-about .medico-data .services-provider span {
    background-color: transparent;
    color: #2970ff;
    padding: 0 !important;
    border-radius: 0;
  }
}
.section-medico-about .medico-data .medico-data-inner span {
  padding: 10px 15px;
  border-radius: 99em;
  margin-right: 8px;
}
@media only screen and (max-width: 1199px) {
  .section-medico-about .medico-data .medico-data-inner span {
    margin-right: 0;
  }
}
.section-medico-about .medico-challenges li:nth-child(1) {
  background-color: #e9eceb;
}
.section-medico-challenges .medico-key-challenges {
  padding: 0;
  margin: 0;
}
.section-medico-challenges .medico-key-challenges li {
  list-style: none;
  padding: 10px 15px;
  margin-bottom: 15px;
  border-radius: 99em;
}
@media only screen and (max-width: 1199px) {
  .section-medico-challenges .medico-key-challenges li {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-challenges .medico-key-challenges li {
    border-radius: 10px;
  }
}
.section-medico-challenges .medico-key-challenges li:last-child {
  margin-bottom: 0;
}
.section-medico-solution .inner-challenges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-solution .inner-challenges {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-solution .inner-challenges {
    gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-solution .inner-challenges {
    grid-template-columns: 1fr;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-solution .inner-challenges {
    grid-template-columns: 1fr;
    display: block;
  }
}
.section-medico-solution .inner-challenges .challenges-left {
  padding: 50px;
  background-color: #e8f0fb;
  position: relative;
}
@media only screen and (max-width: 1365px) {
  .section-medico-solution .inner-challenges .challenges-left {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-solution .inner-challenges .challenges-left {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-solution .inner-challenges .challenges-left {
    padding: 25px 15px;
  }
}
.section-medico-solution .inner-challenges .challenges-left:before {
  content: "";
  background-image: url("../svg/light-circle.svg");
  height: 200px;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
}
.section-medico-solution .inner-challenges .challenges-right {
  /*@media only screen and (max-width: 767px) {
         margin-top: 20px;
         margin-bottom: 20px;
    }
    */
}
.section-medico-solution .inner-challenges .challenges-system {
  display: grid;
  grid-template-columns: 650px auto;
  grid-column: span 2;
  background-color: #e9eceb;
  padding: 50px 0 50px 50px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .section-medico-solution .inner-challenges .challenges-system {
    padding: 30px;
    grid-template-columns: auto;
    grid-column: auto;
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-solution .inner-challenges .challenges-system {
    padding: 30px 20px;
    grid-template-columns: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-solution .inner-challenges .challenges-system {
    padding: 25px 15px;
    grid-template-columns: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.section-medico-solution
  .inner-challenges
  .challenges-system
  .challenges-inner {
  max-width: 670px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-solution
    .inner-challenges
    .challenges-system
    .challenges-inner {
    max-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-solution
    .inner-challenges
    .challenges-system
    .challenges-inner {
    max-width: 100%;
  }
}
.section-medico-solution
  .inner-challenges
  .challenges-system
  .medico-integration {
  position: relative;
}
.section-medico-solution
  .inner-challenges
  .challenges-system
  .medico-integration:before {
  content: "";
  background-image: url("../svg/light-circle.svg");
  height: 200px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.section-medico-solution
  .inner-challenges
  .challenges-system
  .medico-integration
  img {
  border-radius: 20px 0 0 20px;
  z-index: 1;
  position: relative;
}
.section-medico-scalability .medico-scalability-new .team-involved-inner-big {
  display: flex;
  gap: 40px;
  align-items: stretch;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-scalability .medico-scalability-new .team-involved-inner-big {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-scalability .medico-scalability-new .team-involved-inner-big {
    gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-scalability .medico-scalability-new .team-involved-inner-big {
    flex-direction: column;
    gap: 20px;
  }
}
.section-medico-scalability .medico-scalability-new .team-involved-inner-div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.section-medico-scalability
  .medico-scalability-new
  .team-involved-inner-div
  .team-involved-inn {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-scalability
    .medico-scalability-new
    .team-involved-inner-div
    .team-involved-inn {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-scalability
    .medico-scalability-new
    .team-involved-inner-div
    .team-involved-inn {
    gap: 20px;
  }
}
.section-medico-scalability .medico-scalability-new .scalability-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  background-color: #e8f0fb;
  position: relative;
}
@media only screen and (max-width: 1365px) {
  .section-medico-scalability .medico-scalability-new .scalability-left {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-scalability .medico-scalability-new .scalability-left {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-scalability .medico-scalability-new .scalability-left {
    padding: 25px 15px;
  }
}
.section-medico-scalability
  .medico-scalability-new
  .scalability-left.right:after,
.section-medico-scalability
  .medico-scalability-new
  .scalability-left.left:after {
  content: "";
  background-image: url("../svg/light-circle.svg");
  height: 200px;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
}
.section-medico-scalability .medico-scalability-new .result-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.section-medico-scalability .medico-scalability-new .result-icons img {
  max-width: 100%;
  height: auto;
}
.section-medico-scalability .medico-scalability {
  display: grid;
}
.section-medico-scalability .medico-scalability .scalability-left {
  padding: 50px;
  background-color: #e8f0fb;
  position: relative;
}
@media only screen and (max-width: 1365px) {
  .section-medico-scalability .medico-scalability .scalability-left {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-scalability .medico-scalability .scalability-left {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-scalability .medico-scalability .scalability-left {
    padding: 25px 15px;
  }
}
.section-medico-scalability .medico-scalability .scalability-left:before {
  content: "";
  background-image: url("../svg/light-circle.svg");
  height: 200px;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
}
.section-medico-scalability .medico-scalability .challenges-system {
  display: grid;
  grid-template-columns: 650px auto;
  grid-column: span 2;
  background-color: #e9eceb;
  padding: 50px 0 50px 50px;
  align-items: center;
  justify-content: space-between;
}
.section-medico-scalability
  .medico-scalability
  .challenges-system
  .challenges-inner {
  max-width: 670px;
}
.section-medico-scalability
  .medico-scalability
  .challenges-system
  .medico-integration {
  position: relative;
}
.section-medico-scalability
  .medico-scalability
  .challenges-system
  .medico-integration:before {
  content: "";
  background-image: url("../svg/light-circle.svg");
  height: 200px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.section-medico-scalability
  .medico-scalability
  .challenges-system
  .medico-integration
  img {
  border-radius: 20px 0 0 20px;
  z-index: 1;
  position: relative;
}
.section-medico-result .result-impact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-result .result-impact {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-result .result-impact {
    gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-result .result-impact {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-result .result-impact {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.section-medico-result .result-impact .challenges-left {
  padding: 50px;
  background-color: #e8f0fb;
}
@media only screen and (max-width: 1600px) {
  .section-medico-result .result-impact .challenges-left {
    padding: 40px;
  }
}
@media only screen and (max-width: 1365px) {
  .section-medico-result .result-impact .challenges-left {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-result .result-impact .challenges-left {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-result .result-impact .challenges-left {
    padding: 25px 15px;
  }
}
.section-medico-team-involved .team-involved {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-team-involved .team-involved {
    row-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-team-involved .team-involved {
    row-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved .team-involved {
    column-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved .team-involved {
    row-gap: 20px;
  }
}
.section-medico-team-involved .team-involved .team-involved-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-team-involved .team-involved .team-involved-inner {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-team-involved .team-involved .team-involved-inner {
    column-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved .team-involved .team-involved-inner {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .section-medico-team-involved .team-involved .team-involved-inner {
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-team-involved .team-involved .team-involved-inner {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.section-medico-team-involved .team-involved .challenges-left {
  padding: 50px;
  background-color: #e8f0fb;
}
@media only screen and (max-width: 1600px) {
  .section-medico-team-involved .team-involved .challenges-left {
    padding: 40px;
  }
}
@media only screen and (max-width: 1365px) {
  .section-medico-team-involved .team-involved .challenges-left {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved .team-involved .challenges-left {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-team-involved .team-involved .challenges-left {
    padding: 25px 15px;
  }
}
.section-medico-team-involved .team-involved .team-involved-inner-big {
  display: flex;
  gap: 40px;
  align-items: stretch;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-team-involved .team-involved .team-involved-inner-big {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-team-involved .team-involved .team-involved-inner-big {
    column-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved .team-involved .team-involved-inner-big {
    column-gap: 20px;
  }
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-big
  .team-involved-inner-div {
  flex: 1;
  display: flex;
  align-items: stretch;
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-big
  .team-involved-inner-div:first-child {
  display: grid;
  align-items: stretch;
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-big
  .team-involved-inner-div
  .team-involved-inn {
  row-gap: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-medico-team-involved
    .team-involved
    .team-involved-inner-big
    .team-involved-inner-div
    .team-involved-inn {
    row-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-medico-team-involved
    .team-involved
    .team-involved-inner-big
    .team-involved-inner-div
    .team-involved-inn {
    row-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-team-involved
    .team-involved
    .team-involved-inner-big
    .team-involved-inner-div
    .team-involved-inn {
    row-gap: 20px;
  }
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-big
  .team-involved-inner-div:last-child {
  display: flex;
  align-items: stretch;
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-big
  .team-involved-inner-div:last-child
  img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.section-medico-team-involved .team-involved .challenges-left {
  background-color: #e8f0fb;
  flex-grow: 1;
}
.section-medico-team-involved
  .team-involved
  .team-involved-inner-div:last-child
  img {
  min-height: 100%;
}
.section-medico-conclusion .medico-common-headings-cta {
  background-color: #2970ff;
  position: relative;
}
.section-medico-conclusion .medico-common-headings-cta .medico-conclusion {
  max-width: 815px;
  padding: 100px 25px 100px 70px;
}
@media only screen and (max-width: 1600px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-conclusion {
    padding: 70px 25px 70px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-conclusion {
    padding: 40px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-conclusion {
    padding: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1366px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-conclusion h2 {
    max-width: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-conclusion h2 {
    max-width: 650px;
  }
}
.section-medico-conclusion .medico-common-headings-cta .medico-cta {
  width: 300px;
  position: absolute;
  bottom: 0;
  right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1366px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-cta {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-cta {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-conclusion .medico-common-headings-cta .medico-cta {
    width: 100px;
    right: auto;
    left: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .medico-container {
    max-width: 1270px;
  }
}
.section-medico-app {
  background-color: #1c274c;
}
@media only screen and (max-width: 767px) {
  .section-medico-app {
    padding: 35px 0;
  }
}
.section-medico-app .medico-app-main {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media only screen and (max-width: 991px) {
  .section-medico-app .medico-app-main {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .section-medico-app .medico-app-main .medico-logo-left {
    text-align: center;
  }
}
.section-medico-app .medico-app-main .medico-logo-left .medico-lab-logo {
  margin-left: -15px;
}
@media only screen and (max-width: 991px) {
  .section-medico-app .medico-app-main .medico-logo-left .medico-lab-logo {
    padding: 35px 0;
    text-align: center;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-medico-app .medico-app-main .medico-logo-left .medico-lab-logo {
    padding: 35px 0;
    text-align: center;
    margin-left: 0;
  }
}
.section-medico-app .medico-app-main .medico-logo-right {
  min-width: 955px;
  right: -5px;
  margin-top: 50px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .section-medico-app .medico-app-main .medico-logo-right {
    min-width: auto;
    max-width: 800px;
    right: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-medico-app .medico-app-main .medico-logo-right {
    min-width: auto;
    right: 0;
    margin-top: 0;
  }
}
.section-medico-app .medico-app-main .medico-logo-right .medico-lab-app {
  position: absolute;
  left: 0;
  right: 100px;
  margin: auto;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .section-medico-app .medico-app-main .medico-logo-right .medico-lab-app {
    max-width: 300px;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-medico-app .medico-app-main .medico-logo-right .medico-lab-app {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    max-width: 300px;
    height: auto;
  }
}

/*healthcare platform for medical institution css ends here*/

/*athlete management platform  css start here*/

@font-face {
  font-family: "NEOPIXEL";
  src: url("../woff/neopixel-regular.woff")
      format("woff"),
    url("../ttf/neopixel-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../woff2/roboto-regular.woff2") format("woff2"),
    url("../woff/roboto-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro TRIAL";
  src: url("../woff/aeonikprotrial-light.woff")
      format("woff"),
    url("../ttf/aeonikprotrial-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro TRIAL";
  src: url("../woff/aeonikprotrial-regular.woff")
      format("woff"),
    url("../ttf/aeonikprotrial-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro TRIAL";
  src: url("../woff/aeonikprotrial-bold.woff")
      format("woff"),
    url("../ttf/aeonikprotrial-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../woff/aeonik-medium.woff")
      format("woff"),
    url("../ttf/aeonik-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.sam-wrapper {
  width: 100%;
}
.sam-wrapper picture {
  display: block;
}
.sam-wrapper .sam-container {
  max-width: 1640px !important;
}

.sam-wrapper .sam-pt150 {
  padding-top: 150px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-pt150 {
    padding-top: 35px;
  }
}

.sam-wrapper .sam-pb150 {
  padding-bottom: 150px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-pb150 {
    padding-bottom: 35px;
  }
}

/* -------banner-css----start------ */
.sam-wrapper .section-hero-sam-banner {
  width: 100%;
}
.sam-wrapper .section-hero-sam-banner .ban_img {
  width: 100%;
  position: relative;
}
.sam-wrapper .section-hero-sam-banner .ban_img img {
  width: 100%;
}
.sam-wrapper .section-hero-sam-banner .ban_text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 600px;
  margin: 0 auto;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-hero-sam-banner .ban_text {
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .sam-wrapper .section-hero-sam-banner .ban_text {
    -ms-transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
  }
}
.sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
  font-family: "NEOPIXEL";
  color: #ffffff;
  font-weight: 400;
  font-size: 100px;
  line-height: 100px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 52px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 44px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 36px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 480px) {
  .sam-wrapper .section-hero-sam-banner .ban_text .banner-text-title {
    font-size: 28px;
    line-height: 33px;
  }
}
.sam-wrapper .sam-banner-section-solution {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .sam-banner-section-solution .comprehensive-text {
  max-width: 950px;
  font-family: "Aeonik Pro TRIAL";
  font-weight: 400;
  font-size: 52px;
  line-height: 58px;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .sam-banner-section-solution .comprehensive-text {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .sam-banner-section-solution .comprehensive-text {
    max-width: 100%;
    font-size: 34px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-banner-section-solution .comprehensive-text {
    max-width: 100%;
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-banner-section-solution .comprehensive-text {
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-banner-section-solution .comprehensive-text {
    max-width: 100%;
    font-size: 20px;
    line-height: 26px;
  }
}
.sam-wrapper .sam-banner-section-solution .comprehensive-text .solution-spa {
  color: #00c5de;
}

/* -------banner-css-- end------ */

.sam-wrapper .sam-project-section {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .common-title-border {
  font-family: "Aeonik";
  font-weight: 500;
  font-size: 52px;
  line-height: 58px;
  border-left: solid 4px #00c5de;
  padding-left: 13px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .common-title-border {
    font-size: 42px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .common-title-border {
    font-size: 38px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .common-title-border {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .common-title-border {
    font-size: 26px;
    line-height: 34px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .common-title-border {
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
  }
}

.sam-wrapper .overview {
  display: block;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .overview {
    display: inline;
  }
}
.sam-wrapper .world-text-right {
  width: 100%;
  padding-left: 25px;
}
@media only screen and (max-width: 1440px) {
  .sam-wrapper .world-text-right {
    padding-left: 0px;
  }
}
.sam-wrapper .the-world-text {
  font-size: 24px;
  line-height: 34px;
  color: #002f35;
  padding-top: 15px;
  font-family: "Aeonik Pro TRIAL";
  font-weight: 400;
}
@media only screen and (max-width: 1440px) {
  .sam-wrapper .the-world-text {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .the-world-text {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .the-world-text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .the-world-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .the-world-text {
    font-size: 16px;
    line-height: 22px;
  }
}
.sam-wrapper .font-bold {
  font-weight: 600;
}
.sam-wrapper .sam-wrap-box {
  max-width: 650px;
  margin-top: 70px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .sam-wrap-box {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-wrap-box {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-wrap-box {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-wrap-box {
    margin-top: 15px;
  }
}
.sam-wrapper .sam-wrap-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
}
@media only screen and (max-width: 1440px) {
  .sam-wrapper .sam-wrap-grid {
    width: 90%;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-wrap-grid {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-wrap-grid {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-wrap-grid {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sam-wrapper .sam-wrap-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
  }
}
.sam-wrap-text {
  font-family: "Aeonik Pro TRIAL";
  font-size: 52px;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .sam-wrap-text {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrap-text {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .sam-wrap-text {
    padding: 0 0 10px;
    border-bottom: 2px solid rgba(0, 197, 222, 0.5);
  }
}
.sam-wrap-text span {
  font-size: 24px;
  font-weight: 400;
}
@media only screen and (max-width: 1199px) {
  .sam-wrap-text span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrap-text span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrap-text span {
    font-size: 18px;
  }
}
.sam-wrapper .section-key-deliverables {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-key-deliverables .deliverables-bg {
  background: url("../webp/deliverables.webp")
    no-repeat;
  max-width: 100%;
  width: 100%;
  height: auto;
  background-size: cover;
  border-radius: 50px;
  padding-top: 190px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg {
    border-radius: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg {
    overflow: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg {
    padding: 60px 15px 50px 15px;
    border-radius: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg {
    background-image: none;
    background: #cce3e9;
    padding: 50px 15px 50px 15px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg {
    background-image: none;
    background: #cce3e9;
    border-radius: 16px;
    padding: 30px 10px 30px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .sam-wrapper .section-key-deliverables .deliverables-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 47, 53, 0.3);
    z-index: 2;
  }
}

.sam-wrapper .deliverables-bg .deliverables-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 230px;
  align-items: center;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .deliverables-bg .deliverables-grid {
    position: relative;
    z-index: 3;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .deliverables-bg .deliverables-grid {
    grid-column-gap: 15px;
    align-items: center;
  }
}

@media only screen and (max-width: 1199px) {
  .sam-wrapper .deliverables-bg .deliverables-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    align-items: center;
  }
}
.sam-wrapper .deliverables-bg .deliverables-grid .deliverables-img {
  max-width: 100%;
  width: 100%;
  height: auto;
  padding-left: 15px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .deliverables-bg .deliverables-grid .deliverables-img {
    display: none;
  }
}
.sam-wrapper .deliverables-bg .deliverables-grid .deliverables-right {
  width: 100%;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .sam-wrapper .deliverables-bg .deliverables-grid .deliverables-right {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .deliverables-bg .deliverables-grid .deliverables-right {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-bg .deliverables-grid .deliverables-right {
    padding-right: 0px;
  }
}
.sam-wrapper .deliverables-right .key-deliverables-title {
  font-size: 42px;
  line-height: 48px;
  color: #002f35;
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .sam-wrapper .deliverables-right .key-deliverables-title {
    color: #fff;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .deliverables-right .key-deliverables-title {
    text-align: center;
    font-size: 34px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-right .key-deliverables-title {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .deliverables-right .key-deliverables-title {
    font-size: 26px;
    line-height: 34px;
    text-align: center;
  }
}

.sam-wrapper .deliverables-right .key-line-design {
  margin: 8px 0 20px 35px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .deliverables-right .key-line-design {
    margin: 15px 0 20px 0px;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-right .key-line-design {
    margin: 15px 0 20px 0px;
    text-align: center;
  }
}
.sam-wrapper .deliverables-right .key-meeting {
  width: 100%;
}
.sam-wrapper .deliverables-right .key-meeting ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .sam-wrapper .deliverables-right .key-meeting ul {
    column-gap: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-right .key-meeting ul {
    grid-template-columns: 1fr;
    display: block;
  }
}
.sam-wrapper .deliverables-right .key-meeting li {
  border-radius: 40px;
  list-style: none;
  font-size: 22px;
  line-height: 23px;
  color: #002f35;
  padding: 11px 12px 11px 60px;
  margin-bottom: 16px;
  position: relative;
  display: inline;
  background: #ffffff url("../svg/flash.svg")
    no-repeat;
  background-position: 20px center;
}
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
  .sam-wrapper .deliverables-right .key-meeting li {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 14px;
    padding: 12px 12px 12px 58px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sam-wrapper .deliverables-right .key-meeting li {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 14px;
    padding: 12px 12px 12px 58px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .deliverables-right .key-meeting li {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
    padding: 13px 12px 13px 58px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-right .key-meeting li {
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    padding: 12px 12px 12px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .deliverables-right .key-meeting li {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 12px 11px 50px;
    background-size: 20px 20px;
  }
}

.sam-wrapper .deliverables-right .key-meeting li:last-child {
  grid-column: span 2;
  width: 84%;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .deliverables-right .key-meeting li:last-child {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .deliverables-right .key-meeting li:last-child {
    width: auto;
  }
}

.sam-wrapper .section-maximum-bg {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-maximum-bg .maximum-text {
  max-width: 1300px;
  margin: 0 auto;
  font-family: "Aeonik Pro TRIAL";
  font-size: 52px;
  line-height: 58px;
  color: #002f35;
  text-align: center;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-maximum-bg .maximum-text {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-maximum-bg .maximum-text {
    max-width: 100%;
    font-size: 36px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-maximum-bg .maximum-text {
    max-width: 100%;
    font-size: 30px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-maximum-bg .maximum-text {
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-maximum-bg .maximum-text {
    max-width: 100%;
    font-size: 20px;
    line-height: 26px;
  }
}

.sam-wrapper .section-maximum-bg .strategy-part {
  max-width: 1460px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-maximum-bg .strategy-part {
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0;
  }
}
.sam-wrapper .strategy-part .strategy-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 50px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .strategy-part .strategy-grid {
    grid-column-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .strategy-part .strategy-grid {
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-part .strategy-grid {
    grid-column-gap: 25px;
    margin-bottom: 11px;
  }
}
.sam-wrapper .strategy-part .strategy-grid .strategy-left-box {
  width: 100%;
  background: url("../svg/line.svg") no-repeat;
  background-position: right 0;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-part .strategy-grid .strategy-left-box {
    padding-right: 25px;
  }
}
@media only screen and (max-width: 425px) {
  .sam-wrapper .strategy-part .strategy-grid .strategy-left-box {
    padding-right: 25px;
    width: 248px;
  }
}

.sam-wrapper .strategy-part .strategy-grid .strategy-left-box:last-child {
  background-image: none;
}
.sam-wrapper .strategy-left-box .hours {
  display: grid;
  width: 100%;
  grid-template-columns: 65px 1fr;
  grid-column-gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .strategy-left-box .hours {
    grid-column-gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-left-box .hours {
    grid-column-gap: 6px;
    grid-template-columns: 48px 1fr;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .strategy-left-box .hours {
    grid-column-gap: 5px;
    grid-template-columns: 48px 1fr;
  }
}

.sam-wrapper .strategy-left-box .hours .hours-img {
  width: 61px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .strategy-left-box .hours .hours-img {
    width: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .strategy-left-box .hours .hours-img {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-left-box .hours .hours-img {
    width: 46px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .strategy-left-box .hours .hours-img {
    width: 44px;
  }
}
.sam-wrapper .strategy-left-box .hours .hours-text {
  font-size: 22px;
  line-height: 28px;
  color: #002f35;
  padding-right: 31px;
  text-align: end;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .strategy-left-box .hours .hours-text {
    padding-right: 5px;
    text-align: start;
    font-size: 18px;
    line-height: 22px;
  }
}

.sam-wrapper .strategy-left-box .strategy-bold {
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 400;
  font-size: 52px;
  line-height: 66px;
  margin-bottom: 20px;
  margin-top: 60px;
}

@media only screen and (max-width: 1600px) {
  .sam-wrapper .strategy-left-box .strategy-bold {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .strategy-left-box .strategy-bold {
    max-width: 100%;
    font-size: 36px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .strategy-left-box .strategy-bold {
    max-width: 100%;
    font-size: 30px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-left-box .strategy-bold {
    max-width: 100%;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-left-box .strategy-bold {
    max-width: 100%;
    font-size: 22px;
    line-height: 26px;
    margin-top: 15px;
  }
}

.sam-wrapper .strategy-left-box .goods-menu {
  width: 100%;
}
.sam-wrapper .strategy-left-box .goods-menu ul {
  margin: 0;
  padding: 0;
}
.sam-wrapper .strategy-left-box .goods-menu li {
  background: #d7dcdc;
  border-radius: 40px;
  list-style: none;
  font-size: 22px;
  line-height: 23px;
  color: #002f35;
  padding: 11px 16px;
  margin: 0px 4px 15px 4px;
  display: inline-block;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .strategy-left-box .goods-menu li {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0px 7px 13px 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .sam-wrapper .strategy-left-box .goods-menu li {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0px 4px 12px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .strategy-left-box .goods-menu li {
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0px 4px 10px 0px;
  }
}
.sam-wrapper .section-user-flow-bg {
  width: 100%;
  background: #022f35;
  position: relative;
}
.sam-wrapper .section-user-flow-bg::after {
  content: "";
  width: 100%;
  background: url("../webp/shadow.webp")
    no-repeat;
  position: absolute;
  height: 700px;
  background-size: cover;
  bottom: 0%;
  opacity: 0.6;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-user-flow-bg::after {
    background: none;
    height: auto;
  }
}
.sam-wrapper .section-user-flow-bg .color-w {
  color: #ffffff;
}
.sam-wrapper .section-user-flow-bg .user-flow-img {
  max-width: 100%;
  width: 100%;
  height: auto;
  padding-top: 60px;
}
.sam-wrapper .section-add-activity {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-add-activity .activity-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .sam-wrapper .section-add-activity .activity-grid {
    align-items: center;
    grid-column-gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sam-wrapper .section-add-activity .activity-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}
.sam-wrapper .activity-grid .sam-left-img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.sam-wrapper .activity-grid .sam-left-img img {
  border-radius: 60px;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .activity-grid .sam-left-img img {
    border-radius: 42px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .activity-grid .sam-left-img img {
    border-radius: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .activity-grid .sam-left-img img {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .activity-grid .sam-left-img img {
    border-radius: 20px;
  }
}
.sam-wrapper .activity-grid .sam-right-box {
  width: 100%;
}
.sam-wrapper .activity-grid .sam-right-activity {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.sam-wrapper .activity-grid .sam-right-activity img {
  border-radius: 60px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .activity-grid .sam-right-activity img {
    display: none;
  }
}

.sam-wrapper .activity-grid .sam-right-box .stay-active {
  width: 100%;
  background: #00c5de;
  padding: 40px 0 40px 40px;
  margin-top: 10px;
  border-radius: 60px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .activity-grid .sam-right-box .stay-active {
    border-radius: 42px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .activity-grid .sam-right-box .stay-active {
    border-radius: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .activity-grid .sam-right-box .stay-active {
    border-radius: 36px;
    padding: 40px 0px 25px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .activity-grid .sam-right-box .stay-active {
    border-radius: 30px;
    padding: 35px 0px 25px 20px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .activity-grid .sam-right-box .stay-active {
    border-radius: 20px;
    padding: 35px 0 25px 15px;
  }
}
.sam-wrapper .sam-right-box .stay-active .stay-active-title {
  font-family: "Aeonik";
  color: #002f35;
  font-weight: 500;
  font-size: 42px;
  line-height: 48px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .sam-right-box .stay-active .stay-active-title {
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-right-box .stay-active .stay-active-title {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-right-box .stay-active .stay-active-title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-right-box .stay-active .stay-active-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-right-box .stay-active .stay-active-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.sam-wrapper .sam-right-box .running-bg-common-box {
  width: 100%;
  display: inline-block;
}
.sam-wrapper .sam-right-box .running-bg-common-box .running-bg {
  width: 514px;
  background: #012f35;
  margin-bottom: 20px;
  border-radius: 20px 0px 0px 20px;
  padding: 12px 20px;
  float: right;
  box-shadow: 0px 4px 4px #012f35;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg {
    width: 400px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg {
    width: 320px;
  }
}
@media only screen and (max-width: 375px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg {
    width: 265px;
  }
}
.sam-wrapper .sam-right-box .running-bg-common-box .running-bg-to {
  width: 414px;
  background: #012f35;
  margin-bottom: 20px;
  border-radius: 20px 0px 0px 20px;
  padding: 12px 20px;
  float: right;
  box-shadow: 0px 4px 4px #012f35;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-to {
    width: 350px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-to {
    width: 280px;
  }
}
@media only screen and (max-width: 375px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-to {
    width: 265px;
  }
}
.sam-wrapper .sam-right-box .running-bg-common-box .running-bg-three {
  width: 314px;
  background: #012f35;
  margin-bottom: 20px;
  border-radius: 20px 0px 0px 20px;
  padding: 12px 20px;
  float: right;
  box-shadow: 0px 4px 4px #012f35;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-three {
    width: 300px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-three {
    width: 240px;
  }
}
@media only screen and (max-width: 375px) {
  .sam-wrapper .sam-right-box .running-bg-common-box .running-bg-three {
    width: 265px;
  }
}
.sam-wrapper .sam-right-box .running-text {
  font-family: "Aeonik";
  color: #ffffff;
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 7px;
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .sam-wrapper .sam-right-box .running-text {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 2px;
  }
}
.sam-wrapper .sam-right-box .running-time {
  font-family: "Aeonik Pro TRIAL";
  color: #99acae;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  text-align: left;
}

@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-right-box .running-time {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .sam-right-box .running-time {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
}
.sam-wrapper .sam-right-box .place-systems {
  width: 461px;
  font-family: "Aeonik Pro TRIAL";
  color: #20294c;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  padding-right: 15px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .sam-right-box .place-systems {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .sam-right-box .place-systems {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}

.sam-wrapper .section-train-purpose {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-train-purpose .train-with-purpose-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .mobile-view {
    overflow: auto;
    flex-wrap: nowrap;
    margin: 0 0 15px 0;
  }
}
.sam-wrapper .section-train-purpose .image-container {
  position: relative;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .image-container {
    margin-bottom: 15px;
  }
}
.sam-wrapper .section-train-purpose .build-muscle {
  margin-top: 65px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .build-muscle {
    margin-top: 0px;
  }
}
.sam-wrapper .section-train-purpose .build-muscle-last {
  margin-top: 130px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .build-muscle-last {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .build-muscle-last-mobile {
    padding-left: 0;
  }
}
.sam-wrapper .section-train-purpose .image-container img {
  width: 100%;
  display: block;
  border-radius: 30px;
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-train-purpose .image-container img {
    border-radius: 20px;
  }
}
.sam-wrapper .section-train-purpose .image-container .hover-text-top {
  position: absolute;
  top: 0%;
  left: 50%;
  font-size: 38px;
  line-height: 40px;
  font-family: "Aeonik";
  font-style: italic;
  transform: translate(-50%, 0%);
  color: #ffffff;
  padding: 28px 30px;
  border-radius: 5px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text-top {
    font-size: 28px;
    line-height: 32px;
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text-top {
    font-size: 24px;
    line-height: 26px;
    padding: 20px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text-top {
    font-size: 22px;
    line-height: 25px;
    padding: 20px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text-top {
    font-size: 20px;
    line-height: 24px;
    padding: 15px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text-top {
    font-size: 26px;
    line-height: 30px;
    padding: 28px 20px;
    opacity: 100%;
  }
}

.sam-wrapper .section-train-purpose .image-container:hover .hover-text-top {
  opacity: 1;
}
.sam-wrapper .section-train-purpose .image-container .hover-text {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  color: #ffffff;
  padding: 30px 30px;
  border-radius: 5px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  font-size: 18px;
  line-height: normal;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 25px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 25px 18px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 25px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 20px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 25px 15px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-train-purpose .image-container .hover-text {
    padding: 25px 15px;
    opacity: 100%;
    font-size: 16px;
    line-height: 22px;
  }
}
.sam-wrapper .section-train-purpose .image-container:hover .hover-text {
  opacity: 1;
}

.sam-wrapper .section-challenges-bg {
  width: 100%;
  background: url("../webp/challenges-bg.webp")
    no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-challenges-bg {
    background-image: none;
    background-color: #022f34;
  }
}

.sam-wrapper .section-challenges-bg .challenge-space {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-challenges-bg .challenge-space {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-challenges-bg .challenge-space {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-challenges-bg .challenge-space {
    margin-bottom: 10px;
  }
}
.sam-wrapper .section-challenges-bg .color-w {
  color: #ffffff;
}
.sam-wrapper .section-challenges-bg .challenges-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-challenges-bg .challenges-grid {
    grid-column-gap: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-challenges-bg .challenges-grid {
    grid-column-gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-challenges-bg .challenges-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-challenges-bg .challenges-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
  }
}
.sam-wrapper .section-challenges-bg .challenges-main-inn {
  width: 100%;
  background: #1a4348;
  border: solid 1px #15c6dc;
  border-radius: 20px;
  padding: 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-challenges-bg .challenges-main-inn {
    margin-top: 20px;
    padding: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-challenges-bg .challenges-main-inn {
    margin-top: 10px;
    padding: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-challenges-bg .challenges-main-inn {
    margin-top: 15px;
    padding: 15px;
  }
}

.sam-wrapper .challenges-main-inn .centralization {
  width: 100%;
}
.sam-wrapper .challenges-main-inn .centralization .title-grids {
  display: grid;
  width: 100%;
  grid-template-columns: 54px 1fr;
  grid-column-gap: 14px;
  align-items: center;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .challenges-main-inn .centralization .title-grids {
    grid-template-columns: 51px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .challenges-main-inn .centralization .title-grids {
    grid-template-columns: 48px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .challenges-main-inn .centralization .title-grids {
    grid-template-columns: 38px 1fr;
  }
}
.sam-wrapper .challenges-main-inn .centralization .title-data-img {
  width: 50px;
  line-height: 50px;
  height: 50px;
  background: #00c5de;
  text-align: center;
  color: #20294c;
  font-size: 22px;
  border-radius: 100%;
  font-family: "Aeonik";
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data-img {
    width: 46px;
    line-height: 46px;
    height: 46px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data-img {
    width: 40px;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data-img {
    width: 36px;
    line-height: 36px;
    height: 36px;
    font-size: 18px;
  }
}

.sam-wrapper .challenges-main-inn .centralization .title-data {
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .challenges-main-inn .centralization .title-data {
    font-size: 22px;
    line-height: 26px;
  }
}
.sam-wrapper .challenges-main-inn .centralization .athletes-data-text {
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .challenges-main-inn .centralization .athletes-data-text {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .challenges-main-inn .centralization .athletes-data-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 22px;
  }
}
.sam-wrapper .section-stay-active-bg {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-stay-active-bg .stays-active-img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.sam-wrapper .section-solution-bg {
  width: 100%;
  background: url("../webp/challenges-bg.webp")
    no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-solution-bg {
    background-image: none;
    background-color: #022f34;
  }
}
.sam-wrapper .section-solution-bg .solu-space {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-solution-bg .solu-space {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-solution-bg .solu-space {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-solution-bg .solu-space {
    margin-bottom: 10px;
  }
}

.sam-wrapper .section-solution-bg .color-w {
  color: #ffffff;
}
.sam-wrapper .section-solution-bg .solution-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-solution-bg .solution-grid {
    grid-column-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-solution-bg .solution-grid {
    grid-column-gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-solution-bg .solution-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-solution-bg .solution-grid {
    grid-template-columns: 1fr;
  }
}

.sam-wrapper .section-solution-bg .solution-main-inn {
  width: 100%;
  background: #1a4348;
  border: solid 1px #15c6dc;
  border-radius: 20px;
  padding: 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-solution-bg .solution-main-inn {
    margin-top: 30px;
    padding: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-solution-bg .solution-main-inn {
    margin-top: 10px;
    padding: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-solution-bg .solution-main-inn {
    margin-top: 15px;
    padding: 15px;
  }
}
.sam-wrapper .solution-main-inn .centralization {
  width: 100%;
}
.sam-wrapper .solution-main-inn .centralization .title-grids {
  display: grid;
  width: 100%;
  grid-template-columns: 54px 1fr;
  grid-column-gap: 14px;
  align-items: center;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .solution-main-inn .centralization .title-grids {
    grid-template-columns: 51px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .solution-main-inn .centralization .title-grids {
    grid-template-columns: 48px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .solution-main-inn .centralization .title-grids {
    grid-template-columns: 38px 1fr;
  }
}
.sam-wrapper .solution-main-inn .centralization .title-data-img {
  width: 50px;
  line-height: 50px;
  height: 50px;
  background: #00c5de;
  text-align: center;
  color: #20294c;
  font-size: 22px;
  border-radius: 100%;
  font-family: "Aeonik";
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .solution-main-inn .centralization .title-data-img {
    width: 46px;
    line-height: 46px;
    height: 46px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .solution-main-inn .centralization .title-data-img {
    width: 40px;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .solution-main-inn .centralization .title-data-img {
    width: 36px;
    line-height: 36px;
    height: 36px;
    font-size: 18px;
  }
}

.sam-wrapper .solution-main-inn .centralization .title-data {
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .solution-main-inn .centralization .title-data {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .solution-main-inn .centralization .title-data {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .solution-main-inn .centralization .title-data {
    font-size: 22px;
    line-height: 26px;
  }
}
.sam-wrapper .solution-main-inn .centralization .athletes-data-text {
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .solution-main-inn .centralization .athletes-data-text {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .solution-main-inn .centralization .athletes-data-text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
}

.sam-wrapper .section-impactful-bg {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-impactful-bg .impactful-main {
  display: grid;
  width: 100%;
  grid-template-columns: 350px 1fr 1fr 1fr;
  grid-column-gap: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sam-wrapper .section-impactful-bg .impactful-main {
    grid-template-columns: 350px 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .sam-wrapper .section-impactful-bg .impactful-main {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-impactful-bg .impactful-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.sam-wrapper .section-impactful-bg .impactful-main-inn {
  border-radius: 16px;
  background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .sam-wrapper .section-impactful-bg .impactful-main-inn {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-impactful-bg .impactful-main-inn {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sam-wrapper
    .section-impactful-bg
    .impactful-main
    .impactful-main-inn.resp-view {
    display: none;
  }
}
.sam-wrapper .section-impactful-bg .impactful-impactful-box {
  width: 100%;
  background: none;
}
.sam-wrapper .impactful-impactful-box .impactful-impactful-title {
  transform: translate(0%, 10%);
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .impactful-impactful-box .impactful-impactful-title {
    transform: translate(0%, 0%);
    margin-bottom: 25px;
  }
}
.sam-wrapper .impactful-main-inn .outcomes-im {
  width: 100%;
}
.sam-wrapper .impactful-main-inn .outcomes-im img {
  border-radius: 16px;
}
.sam-wrapper .impactful-main-inn .reduction-in-main {
  width: 100%;
}
.sam-wrapper .impactful-main-inn .reduction-in-main .reduction-bg {
  width: 100%;
  background: #00c5de;
  padding: 10px 15px;
  border-radius: 16px 16px 0 0;
}
.sam-wrapper
  .impactful-main-inn
  .reduction-in-main
  .reduction-bg
  .reduction-bg-text {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper
    .impactful-main-inn
    .reduction-in-main
    .reduction-bg
    .reduction-bg-text {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper
    .impactful-main-inn
    .reduction-in-main
    .reduction-bg
    .reduction-bg-text {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper
    .impactful-main-inn
    .reduction-in-main
    .reduction-bg
    .reduction-bg-text {
    font-size: 22px;
    line-height: 26px;
  }
}

.sam-wrapper .impactful-main-inn .reduction-in-main .the-integration {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #20294c;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  padding: 10px 15px 15px 15px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .impactful-main-inn .reduction-in-main .the-integration {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .impactful-main-inn .reduction-in-main .the-integration {
    font-size: 16px;
    line-height: 22px;
  }
}

/* ---------start-grid-to-css----------- */

.sam-wrapper .section-impactful-bg .impactful-main-data {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 351px 1fr;
  grid-column-gap: 10px;
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .sam-wrapper .section-impactful-bg .impactful-main-data {
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .sam-wrapper .section-impactful-bg .impactful-main-data {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-impactful-bg .impactful-main-data {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
    margin-top: 0px;
  }
}
.sam-wrapper .section-impactful-bg .impactful-main-inn-data {
  border-radius: 16px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-impactful-bg .impactful-main-data .outcomes-mobi {
    margin-top: 20px;
  }
}

.sam-wrapper .impactful-main-inn-data .outcomes-im-data {
  width: 100%;
}
.sam-wrapper .impactful-main-inn-data .outcomes-im-data img {
  border-radius: 16px;
}
@media only screen and (max-width: 1439px) {
  .sam-wrapper .impactful-main-inn-data .outcomes-im-data img {
    display: none;
  }
}
.sam-wrapper .impactful-main-inn-data .reduction-in-main-data {
  width: 100%;
}
.sam-wrapper
  .impactful-main-inn-data
  .reduction-in-main-data
  .reduction-bg-data {
  width: 100%;
  background: #00c5de;
  padding: 10px 15px;
  border-radius: 16px 16px 0 0;
}
.sam-wrapper
  .impactful-main-inn-data
  .reduction-in-main-data
  .reduction-bg-data
  .reduction-bg-text-data {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper
    .impactful-main-inn-data
    .reduction-in-main-data
    .reduction-bg-data
    .reduction-bg-text-data {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper
    .impactful-main-inn-data
    .reduction-in-main-data
    .reduction-bg-data
    .reduction-bg-text-data {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper
    .impactful-main-inn-data
    .reduction-in-main-data
    .reduction-bg-data
    .reduction-bg-text-data {
    font-size: 22px;
    line-height: 26px;
  }
}

.sam-wrapper
  .impactful-main-inn-data
  .reduction-in-main-data
  .the-integration-data {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #20294c;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  padding: 10px 15px 15px 15px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper
    .impactful-main-inn-data
    .reduction-in-main-data
    .the-integration-data {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper
    .impactful-main-inn-data
    .reduction-in-main-data
    .the-integration-data {
    font-size: 16px;
    line-height: 22px;
  }
}
.sam-wrapper .impactful-main-inn-data .data-blank-bg {
  width: 100%;
  height: 100%;
  background: #efefef;
}

/* ---------end-grid-to-css----------- */

.sam-wrapper .section-sam-fitness-bg {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-sam-fitness-bg .sam-fitness-img {
  width: 100%;
}

.sam-wrapper .section-real-time-bg {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-real-time-bg .train-with-purpose-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
}
.sam-wrapper .section-real-time-bg .image-container {
  position: relative;
  width: auto;
}
.sam-wrapper .section-real-time-bg .image-container img {
  width: 100%;
  display: block;
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-real-time-bg .image-container img {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-real-time-bg .image-container img {
    border-radius: 16px;
  }
}
.sam-wrapper .section-real-time-bg .image-container .hover-text {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 30px 30px;
  border-radius: 0 0 30px 30px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  font-size: 42px;
  line-height: normal;
}
@media only screen and (max-width: 1799px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 22px;
    padding: 20px 20px;
    border-radius: 0 0 20px 20px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 18px;
    padding: 20px 20px;
    border-radius: 0 0 20px 20px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 18px;
    padding: 20px 20px;
    border-radius: 0 0 16px 16px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-real-time-bg .image-container .hover-text {
    font-size: 16px;
    padding: 15px 15px;
    border-radius: 0 0 16px 16px;
    opacity: 100%;
  }
}
.sam-wrapper .section-real-time-bg .image-container:hover .hover-text {
  opacity: 1;
}

.sam-wrapper .section-player-screen-bg {
  width: 100%;
  background: #efefef
    url("../webp/section-bg.webp") no-repeat;
  background-size: cover;
}
.sam-wrapper .section-player-screen-bg .screens-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 370px;
  grid-column-gap: 100px;
  align-items: end;
}
@media only screen and (max-width: 1800px) {
  .sam-wrapper .section-player-screen-bg .screens-grid {
    grid-template-columns: 1fr 400px;
    grid-column-gap: 40px;
    align-items: start;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-player-screen-bg .screens-grid {
    grid-template-columns: 1fr 400px;
    grid-column-gap: 40px;
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-player-screen-bg .screens-grid {
    grid-template-columns: 1fr 530px;
    grid-column-gap: 15px;
    align-items: start;
  }
}
@media only screen and (max-width: 850px) {
  .sam-wrapper .section-player-screen-bg .screens-grid {
    grid-template-columns: 1fr 450px;
    grid-column-gap: 15px;
    align-items: start;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-player-screen-bg .screens-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    align-items: start;
  }
}
.sam-wrapper .section-player-screen-bg .screens-left-data {
  width: 100%;
}
.sam-wrapper
  .section-player-screen-bg
  .screens-left-data
  .screens-player-space {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper
    .section-player-screen-bg
    .screens-left-data
    .screens-player-space {
    margin-bottom: 15px;
  }
}
.sam-wrapper .screens-left-data .screens-inner-part {
  width: 100%;
}
.sam-wrapper .screens-left-data .screens-inner-part .screens-playerimg {
  width: 100%;
  margin-top: 200px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .screens-left-data .screens-inner-part .screens-playerimg {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .screens-left-data .screens-inner-part .screens-playerimg {
    margin-top: 0px;
    display: none;
  }
}
.sam-wrapper .screens-left-data .screens-inner-big .screens-addplayerimg {
  width: 100%;
  margin-top: -110px;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .screens-left-data .screens-inner-big .screens-addplayerimg {
    margin-top: 0px;
    display: none;
  }
}
.sam-wrapper .section-player-screen-bg .screens-right-data {
  width: 100%;
}
.sam-wrapper .section-player-screen-bg .screens-right-data .screens-deleteimg {
  margin-top: 500px;
}
@media only screen and (max-width: 1800px) {
  .sam-wrapper
    .section-player-screen-bg
    .screens-right-data
    .screens-deleteimg {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper
    .section-player-screen-bg
    .screens-right-data
    .screens-deleteimg {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper
    .section-player-screen-bg
    .screens-right-data
    .screens-deleteimg {
    margin-top: 0px;
    display: none;
  }
}

.sam-wrapper .section-player-screen-bg .screens-right-data .the-players {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-player-screen-bg .screens-right-data .the-players {
    max-width: 100%;
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-player-screen-bg .screens-right-data .the-players {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-player-screen-bg .screens-right-data .the-players {
    max-width: 100%;
    font-size: 16px;
    line-height: 22px;
  }
}

.sam-wrapper .section-tracks-app {
  width: 100%;
  background: #efefef;
}
.sam-wrapper .section-tracks-app .tracks-app-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-tracks-app .tracks-app-grid {
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-tracks-app .tracks-app-grid {
    grid-column-gap: 21px;
  }
}

@media only screen and (max-width: 991px) {
  .sam-wrapper .section-tracks-app .tracks-app-grid {
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .sam-wrapper .section-tracks-app .tracks-app-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
.sam-wrapper .section-tracks-app .image-container {
  position: relative;
  width: auto;
}
@media only screen and (max-width: 640px) {
  .sam-wrapper .section-tracks-app .image-container {
    margin-bottom: 20px;
  }
}
.sam-wrapper .section-tracks-app .image-container img {
  width: 100%;
  display: block;
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-tracks-app .image-container img {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-tracks-app .image-container img {
    border-radius: 16px;
  }
}
.sam-wrapper .section-tracks-app .image-container .hover-text {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 30px 30px;
  color: #ffffff;
  padding: 18px 21px 22px 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  font-size: 42px;
  line-height: normal;
}

@media only screen and (max-width: 1799px) {
  .sam-wrapper .section-tracks-app .image-container .hover-text {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-tracks-app .image-container .hover-text {
    padding: 15px 16px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-tracks-app .image-container .hover-text {
    padding: 15px 16px;
    font-size: 22px;
    border-radius: 0 0 20px 20px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-tracks-app .image-container .hover-text {
    padding: 15px 16px;
    font-size: 18px;
    border-radius: 0 0 20px 20px;
    opacity: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-tracks-app .image-container .hover-text {
    padding: 15px 16px;
    font-size: 18px;
    border-radius: 0 0 16px 16px;
    opacity: 100%;
  }
}

.sam-wrapper .section-tracks-app .image-container:hover .hover-text {
  opacity: 1;
}

.sam-wrapper .section-streamlining-bg {
  width: 100%;
  background: #002f35;
}
.sam-wrapper .section-streamlining-bg .athlete-im {
  width: 100%;
}

.sam-wrapper .section-staff-management-bg {
  width: 100%;
  background: #efefef;
  position: relative;
}
.sam-wrapper .section-staff-management-bg .staff-athlete-im {
  width: 100%;
}
.sam-wrapper .section-staff-management-bg .staff-management-box {
  max-width: 90%;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-staff-management-bg .staff-management-box {
    max-width: 100%;
  }
}
.sam-wrapper .section-staff-management-bg .staff-management-align {
  align-items: center;
}
.sam-wrapper
  .section-staff-management-bg
  .staff-management-box
  .staff-management-staff {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1440px) {
  .sam-wrapper
    .section-staff-management-bg
    .staff-management-box
    .staff-management-staff {
    font-size: 30px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper
    .section-staff-management-bg
    .staff-management-box
    .staff-management-staff {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper
    .section-staff-management-bg
    .staff-management-box
    .staff-management-staff {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.sam-wrapper
  .section-staff-management-bg
  .staff-management-box
  .staff-management-staff
  span {
  display: block;
}
.sam-wrapper
  .section-staff-management-bg
  .staff-management-box
  .staff-management-text {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #49696d;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper
    .section-staff-management-bg
    .staff-management-box
    .staff-management-text {
    font-size: 18px;
    line-height: 23px;
  }
}
.sam-wrapper .section-staff-management-bg ::after {
  width: 291px;
  height: 211px;
  background: url("../svg/right-icon.svg")
    no-repeat;
  content: "";
  position: absolute;
  bottom: 250px;
  right: 146px;
  z-index: 1;
  opacity: 0.1;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-staff-management-bg ::after {
    display: none;
  }
}

.sam-wrapper .section-main-screens-bg {
  width: 100%;
  background: #efefef
    url("../webp/main-screen-bg.webp")
    no-repeat;
  background-size: contain;
  height: 100%;
  background-position: top center;
}
.sam-wrapper .section-main-screens-bg .dashboard-img-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
}
.sam-wrapper .section-main-screens-bg .dashboard-img-title {
  margin-top: 10px;
}
.sam-wrapper .section-main-screens-bg .dashboard-img {
  width: 100%;
}

.sam-wrapper .section-main-screens-bg .dashboard-category-box {
  width: 100%;
}

.sam-wrapper
  .section-main-screens-bg
  .dashboard-category-box
  .dashboard-category {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 10px;
}
.sam-wrapper
  .section-main-screens-bg
  .dashboard-category-box
  .dashboard-category
  span {
  display: block;
}
.sam-wrapper
  .section-main-screens-bg
  .dashboard-category-box
  .dashboard-category-text {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #49696d;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
}
.sam-wrapper .section-main-screens-bg .all-five-im {
  width: 100%;
  display: flex;
}
.sam-wrapper .section-main-screens-bg .all-five-im .all-five-space {
  margin-left: 15px;
}
.sam-wrapper .section-main-screens-bg .all-five-im img {
  box-shadow: 3px 13px 28px rgba(51, 80, 100, 0.78);
  border-radius: 50px;
  margin-left: 30px;
}

.sam-wrapper .section-schedule-bg {
  width: 100%;
  background: #efefef;
  position: relative;
}

.sam-wrapper .section-schedule-bg::after {
  content: "";
  width: 100%;
  background: url("../webp/blue-shadow.webp")
    no-repeat;
  position: absolute;
  height: 440px;
  background-size: cover;
  bottom: 0%;
}

@media only screen and (max-width: 1440px) {
  .sam-wrapper .section-schedule-bg::after {
    display: none;
  }
}
.sam-wrapper .section-schedule-bg .inner-content {
  position: relative;
}
.sam-wrapper .section-schedule-bg .inner-content:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 901px;
  height: 901px;
  background: url("../webp/round-circle.webp")
    no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-schedule-bg .inner-content:before {
    display: none;
  }
}
.sam-wrapper .section-schedule-bg .inner-content .inner-area {
  position: relative;
  z-index: 3;
}
/* ---------------start---new csss---------- */
.sam-wrapper .section-schedule-bg {
  width: 100%;
}
.sam-wrapper .section-schedule-bg .schedule-text-part-text {
  font-family: "Aeonik Pro TRIAL";
  color: #49696d;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 160px;
}
@media only screen and (max-width: 1499px) {
  .sam-wrapper .section-schedule-bg .schedule-text-part-text {
    font-size: 20px;
    line-height: 26px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-schedule-bg .schedule-text-part-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .schedule-text-part-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-schedule-bg .schedule-text-part-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .schedule-text-part-text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
  }
}
.sam-wrapper .section-schedule-bg .main-div-right-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-schedule-bg .main-div-right-grid {
    grid-column-gap: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .main-div-right-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-schedule-bg .main-div-right-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .main-div-right-grid {
    grid-template-columns: 1fr;
  }
}
.sam-wrapper .section-schedule-bg .schedule-activity {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .schedule-activity {
    width: 80%;
    text-align: end;
    margin-left: auto;
  }
}
.sam-wrapper .section-schedule-bg .schedule-activity img {
  min-width: 100%;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .schedule-activity img {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .schedule-activity img {
    display: none;
  }
}

.sam-wrapper .section-schedule-bg .view-schedule {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .view-schedule {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .view-schedule {
    width: 270px;
    text-align: center;
    margin: 0 auto;
  }
}
.sam-wrapper .section-schedule-bg .view-schedule img {
  width: 100%;
}
@media only screen and (min-width: 1500px) {
  .sam-wrapper .section-schedule-bg .view-schedule img {
    margin-top: 150px;
  }
}

.sam-wrapper .section-schedule-bg .schedule-morning {
  width: 100%;
  text-align: center;
}
.sam-wrapper .section-schedule-bg .schedule-morning img {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .schedule-morning img {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-schedule-bg .schedule-morning img {
    display: none;
  }
}

/* ---------------end---new csss---------- */

/* -------------start-to-row---new csss---------- */

.sam-wrapper .section-schedule-bg .users-can-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sam-wrapper .section-schedule-bg .users-can-bottom .users-one {
  width: auto;
}
@media only screen and (min-width: 1500px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-one {
    margin-top: -700px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-one {
    margin-top: -250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-one {
    margin-top: -250px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-one {
    display: none;
  }
}

.sam-wrapper .section-schedule-bg .users-can-bottom .users-two {
  width: auto;
}
.sam-wrapper .section-schedule-bg .users-can-bottom .users-two img {
  width: auto;
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-two img {
    display: none;
  }
}

.sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
  font-family: "Aeonik Pro TRIAL";
  width: 390px;
  font-size: 22px;
  line-height: 26px;
  color: #49696d;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
    width: 560px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
    width: 430px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
    width: 100%;
    padding: 30px 0 25px 0;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-text-p {
    width: 100%;
    padding: 20px 0 25px 0;
    font-size: 16px;
    line-height: 22px;
  }
}

.sam-wrapper .section-schedule-bg .users-can-bottom .users-three {
  width: auto;
}
.sam-wrapper .section-schedule-bg .users-can-bottom .users-three img {
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-three img {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-schedule-bg .users-can-bottom .users-three img {
    display: none;
  }
}

.sam-wrapper .section-sam-footer-bg {
  width: 100%;
  /* background: #002f35; */
  background: #012c31;
}
.sam-wrapper .section-sam-footer-bg .sam-footer-logo {
  text-align: center;
}
.sam-wrapper .section-sam-footer-bg .sam-footer-logo img {
  width: 306px;
  text-align: center;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .section-sam-footer-bg .sam-footer-logo img {
    width: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-sam-footer-bg .sam-footer-logo img {
    width: 164px;
  }
}
.sam-wrapper .section-sam-footer-bg .thank-you-footer {
  font-family: "Aeonik";
  font-weight: 400;
  font-size: 62px;
  line-height: 68px;
  color: #00c5de;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .section-sam-footer-bg .thank-you-footer {
    font-size: 42px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-sam-footer-bg .thank-you-footer {
    font-size: 36px;
    line-height: 42px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-sam-footer-bg .thank-you-footer {
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-sam-footer-bg .thank-you-footer {
    font-size: 28px;
    line-height: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.sam-wrapper .section-sam-footer-bg .footer-sales-text {
  width: 100%;
  font-family: "Aeonik Pro TRIAL";
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
}
@media only screen and (max-width: 1440px) {
  .sam-wrapper .section-sam-footer-bg .footer-sales-text {
    font-size: 30px;
    line-height: normal;
  }
}
@media only screen and (max-width: 991px) {
  .sam-wrapper .section-sam-footer-bg .footer-sales-text {
    font-size: 24px;
    line-height: normal;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-sam-footer-bg .footer-sales-text {
    font-size: 20px;
    line-height: normal;
  }
}

.sam-wrapper .section-log-in-bg {
  width: 100%;
  width: 100%;
  background: #efefef
    url("../webp/login-bg-min.webp") no-repeat;
  background-size: cover;
  background-position: top center;
}
.sam-wrapper .section-log-in-bg .login-title {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1599px) {
  .sam-wrapper .section-log-in-bg .login-title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .login-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .login-title {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-log-in-bg .login-title {
    margin-bottom: 20px;
  }
}
.sam-wrapper .section-log-in-bg .lets-sign-in {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .lets-sign-in {
    align-items: center;
    grid-column-gap: 30px;
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .lets-sign-in {
    align-items: center;
    grid-column-gap: 30px;
  }
}
.sam-wrapper .section-log-in-bg .lets-sign-in .lets-left {
  width: 100%;
}
.sam-wrapper .section-log-in-bg .lets-sign-in .lets-left img {
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .lets-sign-in .lets-left img {
    display: none;
  }
}

.sam-wrapper .section-log-in-bg .lets-sign-in .lets-right {
  width: 100%;
  text-align: right;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .lets-sign-in .lets-right img {
    display: none;
  }
}

.sam-wrapper .section-log-in-bg .forgot-pass-part {
  display: grid;
  width: 59%;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-top: -350px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-pass-part {
    width: 80%;
    padding-top: 20px;
    grid-column-gap: 30px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-pass-part {
    width: 100%;
    margin-top: 20px;
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-pass-part {
    grid-template-columns: 1fr;
    padding-top: 0px;
    margin-top: 0px;
  }
}
.sam-wrapper .section-log-in-bg .forgot-pass {
  width: 100%;
  z-index: 1;
}
.sam-wrapper .section-log-in-bg .forgot-pass img {
  margin-left: 90px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-pass img {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-pass img {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-pass img {
    display: none;
  }
}
.sam-wrapper .section-log-in-bg .forgot-right-bg {
  width: 502px;
  background: #01bfd7;
  border-radius: 20px;
  text-align: center;
  padding: 30px;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg {
    padding: 100px 20px 20px 100px;
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg {
    width: 100%;
    padding: 30px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg {
    width: 100%;
    padding: 15px;
    border-radius: 16px;
    margin-top: 0px;
  }
}
.sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  text-align: right;
  padding-top: 200px;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
    font-size: 32px;
    line-height: 38px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
    padding-top: 0px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
    padding-top: 0px;
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-log-in-bg .forgot-right-bg .pragraph-forgot {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
  }
}

.sam-wrapper .section-log-in-bg .your-guide-part {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  align-items: flex-start;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-log-in-bg .your-guide-part {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .your-guide-part {
    grid-column-gap: 30px;
    align-items: center;
    padding-top: 20px;
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .your-guide-part {
    grid-column-gap: 30px;
    align-items: center;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .your-guide-part {
    display: none;
  }
}
.sam-wrapper .section-log-in-bg .your-guide-bg {
  width: 502px;
  background: #01bfd7;
  border-radius: 20px;
  text-align: center;
  padding: 30px;
  margin-top: -150px;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg {
    margin-top: -120px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg {
    width: 100%;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg {
    width: 100%;
    margin-top: 0px;
  }
}
.sam-wrapper .section-log-in-bg .your-guide-bg .left-guide-title {
  font-family: "Aeonik";
  color: #002f35;
  font-weight: 500;
  font-size: 67px;
  line-height: 67px;
  padding-top: 200px;
  text-align: left;
}
@media only screen and (max-width: 1600px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg .left-guide-title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg .left-guide-title {
    padding-top: 0px;
    font-size: 54px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg .left-guide-title {
    padding-top: 0px;
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .your-guide-bg .left-guide-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.sam-wrapper
  .section-log-in-bg
  .your-guide-bg
  .left-guide-title
  .stunning-guide {
  color: #ffffff;
}
.sam-wrapper .section-log-in-bg .right-guide-img {
  width: 100%;
  text-align: right;
}
.sam-wrapper .section-log-in-bg .right-guide-img img {
  text-align: right;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .right-guide-img img {
    display: none;
  }
}

.sam-wrapper .section-log-in-bg .forgot-change-pass {
  display: grid;
  width: 57%;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-change-pass {
    grid-column-gap: 30px;
    width: 80%;
    margin-top: 20px;
    padding-top: 30px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-change-pass {
    grid-column-gap: 30px;
    width: 100%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-change-pass {
    grid-template-columns: 1fr;
    padding-top: 0px;
    margin-top: 20px;
  }
}

.sam-wrapper .section-log-in-bg .forgot-change-bg {
  width: 502px;
  background: #01bfd7;
  border-radius: 20px;
  text-align: center;
  padding: 30px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg {
    padding: 15px;
    border-radius: 16px;
  }
}

.sam-wrapper .section-log-in-bg .forgot-change-bg .change-text {
  width: 420px;
  font-family: "Aeonik Pro TRIAL";
  color: #002f35;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  text-align: left;
  padding-top: 200px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg .change-text {
    width: 100%;
    padding-top: 0px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg .change-text {
    width: 100%;
    padding-top: 0px;
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg .change-text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .sam-wrapper .section-log-in-bg .forgot-change-bg .change-text {
    font-size: 16px;
    line-height: 22px;
  }
}
.sam-wrapper .section-log-in-bg .forgot-change-img {
  width: 100%;
  z-index: 1;
  text-align: end;
  margin-left: -70px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-change-img {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-change-img {
    margin-left: 0px;
  }
}

.sam-wrapper .section-log-in-bg .forgot-change-img img {
  margin-top: -100px;
}
@media only screen and (max-width: 1365px) {
  .sam-wrapper .section-log-in-bg .forgot-change-img img {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .sam-wrapper .section-log-in-bg .forgot-change-img img {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sam-wrapper .section-log-in-bg .forgot-change-img img {
    display: none;
  }
}

/*athlete management platform  css ends here*/

/*healthcare platform for medical institution css ends here*/

/*medical practice management page css starts here*/

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-extrabold.woff2")
      format("woff2"),
    url("../woff/manrope-extrabold.woff")
      format("woff"),
    url("../ttf/manrope-extrabold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-light.woff2")
      format("woff2"),
    url("../woff/manrope-light.woff")
      format("woff"),
    url("../ttf/manrope-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-bold.woff2")
      format("woff2"),
    url("../woff/manrope-bold.woff")
      format("woff"),
    url("../ttf/manrope-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-semibold.woff2")
      format("woff2"),
    url("../woff/manrope-semibold.woff")
      format("woff"),
    url("../ttf/manrope-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-medium.woff2")
      format("woff2"),
    url("../woff/manrope-medium.woff")
      format("woff"),
    url("../ttf/manrope-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../woff2/manrope-regular.woff2")
      format("woff2"),
    url("../woff/manrope-regular.woff")
      format("woff"),
    url("../ttf/manrope-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ucheck-wrapper {
  font-weight: 400;
  font-family: "Manrope";
  background-color: #ffffff;
  color: #000000;
  overflow: hidden;
}
.ucheck-wrapper .ucheck-container {
  position: relative;
}
@media only screen and (min-width: 1600px) {
  .ucheck-wrapper .ucheck-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1570px;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .ucheck-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ucheck-wrapper .ucheck-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.ucheck-wrapper .ucheck-300 {
  font-weight: 300;
}
.ucheck-wrapper .ucheck-500 {
  font-weight: 500;
}
.ucheck-wrapper .ucheck-600 {
  font-weight: 600;
}
.ucheck-wrapper .ucheck-700 {
  font-weight: 700;
}
.ucheck-wrapper .ucheckbr-30 {
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckbr-30 {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckbr-30 {
    border-radius: 15px;
  }
}

.ucheck-wrapper .ucheck-white {
  color: #ffffff;
}
.ucheck-wrapper .ucheck-blue {
  color: #1563eb;
}
.ucheck-wrapper .ucheck-blue-gradient {
  background: linear-gradient(
    -180deg,
    rgba(21, 99, 235, 1) 0%,
    rgba(2, 29, 113, 1) 100%
  );
}
.ucheck-wrapper .ucheckopa-80 {
  opacity: 0.8;
}
.ucheck-wrapper .ucheckopa-60 {
  opacity: 0.6;
}
.ucheck-wrapper .ucheckopa-50 {
  opacity: 0.5;
}
.ucheck-wrapper .ucheck-93 {
  font-size: 93px;
  line-height: 110px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-93 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-93 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-93 {
    font-size: 40px;
    line-height: 50px;
  }
}
.ucheck-wrapper .ucheck-40 {
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-40 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-40 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-40 {
    font-size: 30px;
    line-height: 42px;
  }
}

.ucheck-wrapper .ucheck-38 {
  font-size: 38px;
  line-height: 48px;
}

@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-38 {
    font-size: 33px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-38 {
    font-size: 30px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-38 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-38 {
    font-size: 24px;
    line-height: 34px;
  }
}

.ucheck-wrapper .ucheck-32 {
  font-size: 32px;
  line-height: 44px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-32 {
    font-size: 30px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-32 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-32 {
    font-size: 22px;
    line-height: 30px;
  }
}
.ucheck-wrapper .ucheck-30 {
  font-size: 30px;
  line-height: 42px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-30 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-30 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-30 {
    font-size: 18px;
    line-height: 28px;
  }
}
.ucheck-wrapper .ucheck-27 {
  font-size: 27px;
  line-height: 38px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-27 {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-27 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-27 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-27 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-27 {
    font-size: 16px;
    line-height: 26px;
  }
}

.ucheck-wrapper .ucheck-26 {
  font-size: 22px;
  line-height: 34px;
  color: red;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-26 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-26 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-26 {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-22 {
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-22 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-22 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-22 {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-21 {
  font-size: 21px;
  line-height: 30px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-21 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-21 {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-20 {
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-20 {
    font-size: 19px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-20 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-20 {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-18 {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-18 {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-17 {
  font-size: 17px;
  line-height: 28px;
}

.ucheck-wrapper .ucheckptb-130 {
  padding: 130px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .ucheckptb-130 {
    padding: 110px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheckptb-130 {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckptb-130 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckptb-130 {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheckptb-130 {
    padding: 35px 0;
  }
}

.ucheck-wrapper .ucheckpt-130 {
  padding-top: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .ucheckpt-130 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheckpt-130 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckpt-130 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckpt-130 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheckpt-130 {
    padding-top: 35px;
  }
}

.ucheck-wrapper .ucheckpb-130 {
  padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .ucheckpb-130 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheckpb-130 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckpb-130 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckpb-130 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheckpb-130 {
    padding-bottom: 35px;
  }
}

.ucheck-wrapper .ucheckmt-70 {
  margin-top: 70px;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckmt-70 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheckmt-70 {
    margin-top: 35px;
  }
}

.ucheck-wrapper .ucheckmt-40 {
  margin-top: 40px;
}

.ucheck-wrapper .title-wrap {
  margin: 0 0 30px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .title-wrap {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .title-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .title-wrap {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper .title-wrap .small-text {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .title-wrap .small-text {
    font-size: 18px;
    line-height: 28px;
  }
}

.ucheck-wrapper .ucheckhead-text {
  font-weight: 600;
  color: #000000;
  font-size: 43px;
  line-height: 58px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheckhead-text {
    font-size: 41px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckhead-text {
    font-size: 36px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckhead-text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheckhead-text {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper .ucheckhead-text {
    font-size: 24px;
    line-height: 34px;
  }
}
.ucheck-wrapper .ucheckmb-30 {
  margin: 0 0 30px;
}

.ucheck-wrapper .ucheck-banner-section {
  position: relative;
  background: url("../webp/home-banner.webp")
    no-repeat left top;
  height: 1250px;
  background-size: cover;
}
@media only screen and (max-width: 1599px) {
  .ucheck-wrapper .ucheck-banner-section {
    height: 1000px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section {
    height: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-banner-section {
    height: 700px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-banner-section {
    height: 600px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-banner-section {
    height: 450px;
  }
}

.ucheck-wrapper .ucheck-banner-section .screen-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 80%;
}

@media only screen and (max-width: 1599px) {
  .ucheck-wrapper .ucheck-banner-section .screen-wrap {
    max-width: 70%;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section .screen-wrap {
    bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-banner-section .screen-wrap {
    max-width: 70%;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-banner-section .screen-wrap {
    display: none;
  }
}

.ucheck-wrapper .ucheck-banner-section .banner-content {
  position: absolute;
  z-index: 8;
  height: 60%;
  width: 100%;
  left: 90px;
  bottom: 18%;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content {
    left: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content {
    bottom: 0;
  }
}
.ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap {
    margin: 0 auto;
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap:after {
  content: "";
  position: absolute;
  background: url("../svg/line-2.svg")
    no-repeat center;
  width: 2px;
  height: 328px;
  top: 250px;
  left: 50px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap:after {
    display: none;
  }
}
.ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap .img-wrap {
  padding: 20px 30px;
  border-radius: 99em;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .logo-wrap .img-wrap {
    padding: 10px 12px;
  }
}
.ucheck-wrapper
  .ucheck-banner-section
  .banner-content
  .logo-wrap
  .img-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(27px);
}

.ucheck-wrapper
  .ucheck-banner-section
  .banner-content
  .logo-wrap
  .img-wrap
  img {
  position: relative;
  z-index: 2;
  width: 200px;
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-banner-section
    .banner-content
    .logo-wrap
    .img-wrap
    img {
    width: 120px;
  }
}

.ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap {
    gap: 15px;
  }
}
.ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap .icons {
  width: 150px;
  height: 150px;
  border-radius: 99em;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap .icons {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap .icons {
    width: 80px;
    height: 80px;
  }
}
.ucheck-wrapper
  .ucheck-banner-section
  .banner-content
  .bottom-wrap
  .icons:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}
.ucheck-wrapper .ucheck-banner-section .banner-content .bottom-wrap .icons img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper
    .ucheck-banner-section
    .banner-content
    .bottom-wrap
    .icons
    img {
    max-width: 60%;
  }
}

.ucheck-wrapper .ucheck-journey {
  position: relative;
  background: #ffffff;
  margin-top: -150px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap {
    padding-top: 0;
  }
}
.ucheck-wrapper .ucheck-journey .our-service-wrap .logo-journey {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .logo-journey {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .logo-journey {
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .logo-journey .img-wrap {
    max-width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists {
    margin-top: 30px;
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul {
    justify-content: center;
    gap: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul {
    overflow: hidden;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: start;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-journey
    .our-service-wrap
    .project-lists
    ul::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-journey
    .our-service-wrap
    .project-lists
    ul::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-journey
    .our-service-wrap
    .project-lists
    ul::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul li {
  color: #6a6a6a;
  padding: 14px 18px;
  border: 1px solid #c0c0c0;
  border-radius: 99em;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul li {
    padding: 12px 16px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul li {
    padding: 10px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul li {
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-journey .our-service-wrap .project-lists ul li {
    margin: 0 0 8px;
  }
}
.ucheck-wrapper .ucheck-journey .our-content-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-journey .our-content-wrap {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-journey .our-content-wrap {
    margin-top: 30px;
  }
}

.ucheck-wrapper .ucheck-journey .our-content-wrap .item p {
  color: #7d7d7d;
}
.ucheck-wrapper .ucheck-growth {
  background-color: #fbfbfb;
}

.ucheck-wrapper .ucheck-growth .title-wrap {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-growth .title-wrap {
    max-width: none;
    margin: 0 auto 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-growth .para-text {
    text-align: center;
  }
}

.ucheck-wrapper .ucheck-growth .market-scroll .marquee-animation .marquee-one {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: relative;
  margin: 0 auto;
  height: 100%;
}

.ucheck-wrapper
  .ucheck-growth
  .market-scroll
  .marquee-animation
  .marquee-one.top {
  -webkit-transform: translate3d(var(--move-initial), 4px, 4px);
  transform: translate3d(var(--move-initial), 4px, 4px);
  -webkit-animation: 15s linear infinite scrollOne;
  animation: 15s linear infinite scrollOne;
  --offset: 30vw;
  --move-initial: calc(-20% + var(--offset));
  --move-final: calc(-40% + var(--offset));
  margin: 0 0 30px;
}
.ucheck-wrapper
  .ucheck-growth
  .market-scroll
  .marquee-animation
  .marquee-one.bottom {
  -webkit-transform: translate3d(var(--move-initial), 4px, 4px);
  transform: translate3d(var(--move-initial), 4px, 4px);
  -webkit-animation: 15s linear infinite scrollTwo;
  animation: 15s linear infinite scrollTwo;
  --offset: 30vw;
  --move-initial: calc(-20% + var(--offset));
  --move-final: calc(-40% + var(--offset));
}
@keyframes scrollOne {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
}
@-webkit-keyframes scrollOne {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
}
@-moz-keyframes scrollOne {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
}
@keyframes scrollTwo {
  0% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
}
@-webkit-keyframes scrollTwo {
  0% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
}
@-moz-keyframes scrollTwo {
  0% {
    transform: translate3d(var(--move-final), 0, 0);
    -webkit-transform: translate3d(var(--move-final), 0, 0);
    transform: translate3d(var(--move-final), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
  }
}

.ucheck-wrapper
  .ucheck-growth
  .market-scroll
  .marquee-animation
  .marquee-one
  .item-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 0.5px solid #e2e2e2;
  border-radius: 10px;
  max-width: 492px;
}

.ucheck-wrapper
  .ucheck-growth
  .market-scroll
  .marquee-animation
  .marquee-one
  .item-wrap
  .icon-wrap {
  flex: 0 0 auto;
}

.ucheck-wrapper .ucheck-growth .market-scroll .wrap-outer .item-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 0.5px solid #e2e2e2;
  border-radius: 10px;
  min-width: 492px;
}
.ucheck-wrapper
  .ucheck-growth
  .market-scroll
  .wrap-outer
  .item-wrap
  .icon-wrap {
  flex: 0 0 auto;
}

.ucheck-wrapper .ucheck-profile .profile-outer {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-profile .profile-outer {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-profile .profile-outer {
    grid-gap: 20px;
  }
}
.ucheck-wrapper .ucheck-profile .profile-outer .item {
  position: relative;
}
.ucheck-wrapper .ucheck-profile .profile-outer .item:first-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item:first-child {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item:first-child {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item:first-child {
    grid-template-columns: 1fr;
  }
}
.ucheck-wrapper .ucheck-profile .profile-outer .item:last-child {
  position: relative;
}
.ucheck-wrapper .ucheck-profile .profile-outer .item:last-child .short-content {
  position: absolute;
  bottom: 200px;
  left: 60px;
  z-index: 9;
  max-width: 490px;
}
@media only screen and (max-width: 1599px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content {
    left: 40px;
    max-width: 430px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content {
    bottom: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content {
    bottom: 100px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content {
    bottom: 0;
    max-width: none;
    left: 0;
    position: relative;
    margin-top: 30px;
    text-align: center;
  }
}
.ucheck-wrapper
  .ucheck-profile
  .profile-outer
  .item:last-child
  .short-content
  .ucheckhead-text {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    .ucheckhead-text {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    .ucheckhead-text {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    span {
    color: #000000;
    opacity: 0.5;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    .ucheckhead-text {
    color: #000000;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    p {
    color: #000000;
    opacity: 0.6;
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item:last-child
    .short-content
    p {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap {
  position: relative;
}
.ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap .logo-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item
    .img-wrap
    .logo-wrap
    img {
    max-width: 60%;
  }
}
.ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap .bottom-wrap {
  position: absolute;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap .bottom-wrap {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap .bottom-wrap {
    width: calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-profile .profile-outer .item .img-wrap .bottom-wrap {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
}
.ucheck-wrapper
  .ucheck-profile
  .profile-outer
  .item
  .img-wrap
  .bottom-wrap
  .icons {
  width: 100px;
  height: 100px;
  border-radius: 99em;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item
    .img-wrap
    .bottom-wrap
    .icons {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-profile
    .profile-outer
    .item
    .img-wrap
    .bottom-wrap
    .icons {
    width: 70px;
    height: 70px;
  }
}
.ucheck-wrapper
  .ucheck-profile
  .profile-outer
  .item
  .img-wrap
  .bottom-wrap
  .icons:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}

.ucheck-wrapper
  .ucheck-profile
  .profile-outer
  .item
  .img-wrap
  .bottom-wrap
  .icons
  img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-analysis .heading-wrap {
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-analysis .heading-wrap .title-wrap {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-analysis .heading-wrap .title-wrap {
    margin: 0 0 20px;
  }
}
.ucheck-wrapper .ucheck-analysis .heading-wrap .para-text p {
  color: #7d7d7d;
}

.ucheck-wrapper .ucheck-analysis .analysis-wrapper .analysis-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-analysis .analysis-wrapper .analysis-outer {
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
}

.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item
  .topside {
  background-color: #021d71;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 45px 50px 50px;
  border-radius: 30px 30px 0 0;
  min-height: 315px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside {
    padding: 25px;
    border-radius: 20px 20px 0 0;
    min-height: auto;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside {
    border-radius: 15px 15px 0 0;
    padding: 22px 20px 18px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside {
    gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside
    span {
    text-align: center !important;
  }
}

.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:nth-child(2)
  .topside {
  position: relative;
  overflow: hidden;
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:nth-child(2)
  .topside:after {
  content: "";
  position: absolute;
  background: url("../svg/solutions-bg.svg")
    no-repeat center;
  background-size: cover;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:nth-child(2)
  .topside
  .icon-wrap {
  position: relative;
  z-index: 8;
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:nth-child(2)
  .topside
  span {
  position: relative;
  z-index: 8;
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item
  .topside
  .icon-wrap {
  width: 140px;
  height: 140px;
  border-radius: 99em;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside
    .icon-wrap {
    margin: 0 auto !important;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside
    .icon-wrap {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .topside
    .icon-wrap
    img {
    max-width: 50%;
  }
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item
  .bottomside {
  padding: 25px 52px;
  border-radius: 0 0 30px 30px;
  border: 2px solid #efefef;
  border-top: 2px solid transparent;
  height: calc(100% - 315px);
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside {
    padding: 20px 25px;
    height: auto;
    border-radius: 0 0 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside {
    border-radius: 0 0 15px 15px;
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside {
    padding: 18px;
  }
}

.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item
  .bottomside
  ul
  li {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li {
    margin: 0 0 8px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    border-radius: 99em;
    background-color: #000000;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li:after {
    top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li:last-child {
    margin: 0;
  }
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item
  .bottomside
  ul
  li
  .inner-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1.8em * 3);
  line-height: 1.5em;
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li
    .inner-text {
    -webkit-line-clamp: 4;
    min-height: calc(1.7em * 4);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li
    .inner-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li
    .inner-text {
    -webkit-line-clamp: inherit;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li
    .inner-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    .bottomside
    ul
    li
    .inner-text {
    font-size: 16px;
    line-height: 26px;
  }
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:first-child
  ul
  li {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item
    ul
    li {
    text-align: left !important;
  }
}
.ucheck-wrapper
  .ucheck-analysis
  .analysis-wrapper
  .analysis-outer
  .item:first-child
  ul
  li:before {
  content: "";
  position: absolute;
  background: url("../svg/arrow-with-bg.svg")
    no-repeat center;
  background-size: cover;
  width: 87px;
  height: 37px;
  top: 30%;
  right: -114px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-analysis
    .analysis-wrapper
    .analysis-outer
    .item:first-child
    ul
    li:before {
    display: none;
  }
}
.ucheck-wrapper .ucheck-points:before {
  content: "";
  position: absolute;
  background: url("../svg/keypoint-bg.svg")
    no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-points:before {
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-points .heading-wrap {
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-points .heading-wrap .title-wrap {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-points .heading-wrap .title-wrap {
    margin: 0 0 20px;
  }
}
.ucheck-wrapper .ucheck-points .heading-wrap .title-wrap .ucheckhead-text {
  color: #ffffff;
}
.ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper {
    grid-gap: 20px;
  }
}
.ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper .item {
  border: 0.5px solid #efefef;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper .item {
    width: 100%;
    min-width: 60%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper .item {
    min-width: 80%;
  }
}

.ucheck-wrapper
  .ucheck-points
  .keypoint-outer
  .points-wrapper
  .item
  .inner-wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 75px;
  padding: 25px 30px;
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .inner-wrap {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .inner-wrap {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .inner-wrap {
    padding: 22px 20px;
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .inner-wrap {
    padding: 18px;
  }
}

.ucheck-wrapper .ucheck-points .keypoint-outer .points-wrapper .item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  left: 0;
  right: 0;
  top: 0;
}

.ucheck-wrapper
  .ucheck-points
  .keypoint-outer
  .points-wrapper
  .item
  .icon-wrap {
  width: 73px;
  height: 73px;
  background-color: #021d71;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .icon-wrap {
    width: 65px;
    height: 65px;
  }
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-points
    .keypoint-outer
    .points-wrapper
    .item
    .inner-wrap
    .short-wrap {
    white-space: normal;
  }
}

.ucheck-wrapper .img-content .item {
  position: relative;
}
.ucheck-wrapper .ucheck-logo-wrap .img-content .item .small-logo {
  position: absolute;
  left: 90px;
  top: 70px;
  max-width: 305px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-logo-wrap .img-content .item .small-logo {
    left: 30px;
    top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-logo-wrap .img-content .item .small-logo {
    left: 15px;
    top: 15px;
  }
}
.ucheck-wrapper .ucheck-logo-wrap .img-content .item .small-logo img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-logo-wrap .img-content .item .small-logo img {
    max-width: 60%;
  }
}
.ucheck-wrapper .img-content .item .text-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .img-content .item .text-wrap {
    position: relative;
  }
}
.ucheck-wrapper .img-content .item.big-blurr .text-wrap {
  padding: 35px 45px;
}

@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .img-content .item.big-blurr .text-wrap {
    padding: 25px 35px 28px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .img-content .item.big-blurr .text-wrap {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .img-content .item.big-blurr .text-wrap {
    padding: 22px 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .img-content .item.big-blurr .text-wrap {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .img-content .item.big-blurr .img-wrap {
    border-radius: 15px 15px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .img-content .item.big-blurr .img-wrap img {
    border-radius: 15px 15px 0 0;
  }
}

.ucheck-wrapper .img-content .item .text-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(87px);
  -webkit-backdrop-filter: blur(87px);
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .img-content .item .text-wrap:after {
    backdrop-filter: inherit;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.ucheck-wrapper .img-content .item .text-wrap p {
  position: relative;
  z-index: 2;
}

.ucheck-wrapper .ucheck-process .title-wrap {
  margin: 0 0 60px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process .title-wrap {
    margin: 0 0 30px;
  }
}
.ucheck-wrapper .ucheck-process .process-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer {
    gap: 20px;
  }
}
.ucheck-wrapper .ucheck-process .process-outer .item {
  border: 0.5px solid #cfcfcf;
  display: flex;
  flex-direction: column;
  gap: 70px;
  padding: 25px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer .item {
    width: 100%;
    min-width: 50%;
    margin: 0 0 8px;
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process .process-outer .item {
    gap: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer .item {
    gap: 20px;
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-process .process-outer .item {
    padding: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-process .process-outer .item {
    min-width: 80%;
  }
}
.ucheck-wrapper .ucheck-process .process-outer .item .arrow-box {
  position: absolute;
  right: -55px;
  top: 120px;
  z-index: 9;
  width: 79px;
  height: 30px;
  background-color: #ffffff;
  border-top: 0.5px solid #cfcfcf;
  border-bottom: 0.5px solid #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .arrow-box {
    width: 62px;
    height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .arrow-box {
    display: none;
  }
}
.ucheck-wrapper .ucheck-process .process-outer .item .icon-wrap {
  width: 80px;
  height: 80px;
  border: 0.5px solid #cfcfcf;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .icon-wrap {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .icon-wrap img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .short-wrap {
    white-space: normal;
  }
}

@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process .process-outer .item .short-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

.ucheck-wrapper .ucheck-process-wrap .outer-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.ucheck-wrapper .ucheck-process-wrap .outer-wrap .item {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process-wrap .outer-wrap .item {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process-wrap .outer-wrap .item::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process-wrap .outer-wrap .item .inner-item {
    width: 100%;
    min-width: 80%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-process-wrap .outer-wrap .item .inner-item span {
    font-size: 20px;
    line-height: 30px;
  }
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(1) {
  width: 40.31%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(1)
  .content-wrap {
  padding: 20px 25px 0;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:first-child
    .inner-item:nth-child(1)
    .content-wrap {
    padding: 22px 20px 0;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:first-child
    .inner-item:nth-child(1)
    .content-wrap {
    padding: 18px 18px 0;
  }
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(2) {
  width: 31.59%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  border: none;
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(2)
  .top {
  padding: 50px 20px;
  position: relative;
  background: url("../webp/doctors-nearby-location.webp")
    no-repeat center;
  background-size: cover;
  border: 0.5px solid #cfcfcf;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:first-child
    .inner-item:nth-child(2)
    .top {
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:first-child
    .inner-item:nth-child(2)
    .top {
    padding: 18px;
  }
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(2)
  .bottom {
  border: 0.5px solid #cfcfcf;
}

.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(3) {
  width: 25.6%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  padding: 20px 10px;
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:first-child
  .inner-item:nth-child(3)
  .content-wrap {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:first-child
    .inner-item:nth-child(3)
    .content-wrap {
    padding: 0 10px;
  }
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:last-child
  .inner-item:nth-child(1) {
  width: 35.22%;
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:last-child
  .inner-item:nth-child(2) {
  width: 40.5%;
  overflow: hidden;
  position: relative;
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:last-child
  .inner-item:nth-child(2)
  .content-wrap {
  position: relative;
  z-index: 3;
  max-width: 380px;
  padding: 20px 25px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:last-child
    .inner-item:nth-child(2)
    .content-wrap {
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:last-child
    .inner-item:nth-child(2)
    .content-wrap {
    padding: 18px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:last-child
    .inner-item:nth-child(2)
    .content-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:last-child
  .inner-item:nth-child(2)
  .img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item:last-child
    .inner-item:nth-child(2)
    .img-wrap {
    display: none;
  }
}

.ucheck-wrapper
  .ucheck-process-wrap
  .outer-wrap
  .item:last-child
  .inner-item:nth-child(3) {
  width: 21.72%;
}
.ucheck-wrapper .ucheck-process-wrap .outer-wrap .item .inner-item {
  border: 0.5px solid #cfcfcf;
  /*border: 1px solid red;*/
  background-color: #fbfbfb;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-process-wrap .outer-wrap .item .inner-item .img-wrap {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-process-wrap
    .outer-wrap
    .item
    .inner-item
    .img-wrap
    img {
    min-height: 100%;
    object-fit: cover;
  }
}

.ucheck-wrapper .ucheckimg-multiple .img-content .item .small-logo {
  position: absolute;
  left: 60px;
  top: 60px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheckimg-multiple .img-content .item .small-logo {
    left: 30px;
    top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckimg-multiple .img-content .item .small-logo {
    left: 15px;
    top: 15px;
  }
}
.ucheck-wrapper .ucheckimg-multiple .img-outer {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheckimg-multiple .img-outer {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckimg-multiple .img-outer {
    grid-gap: 20px;
  }
}
.ucheck-wrapper .ucheckimg-multiple .img-outer .img-content:first-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheckimg-multiple .img-outer .img-content:first-child {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheckimg-multiple .img-outer .img-content:first-child {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
}

.ucheck-wrapper
  .ucheckimg-multiple
  .img-outer
  .img-content
  .item:nth-child(2)
  .img-wrap {
  border: 0.5px solid #cfcfcf;
}

.ucheck-wrapper .ucheck-screens-outer {
  background-color: #fbfbfb;
}
.ucheck-wrapper .ucheck-screens-outer .screen-wrap .img-wrapper {
  display: flex;
  flex-wrap: nowrap;
  max-width: 1440px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-screens-outer .screen-wrap .img-wrapper {
    max-width: none;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-screens-outer .screen-wrap .img-wrapper .img-wrap {
    text-align: center;
  }
}

.ucheck-wrapper
  .ucheck-screens-outer
  .screen-wrap
  .img-wrapper
  .img-wrap:first-child {
  margin-top: 150px;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-screens-outer
    .screen-wrap
    .img-wrapper
    .img-wrap:first-child {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-screens-outer
    .screen-wrap
    .img-wrapper
    .img-wrap:first-child {
    display: none;
  }
}
.ucheck-wrapper
  .ucheck-screens-outer
  .screen-wrap
  .img-wrapper
  .img-wrap:last-child {
  margin-top: 150px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-screens-outer
    .screen-wrap
    .img-wrapper
    .img-wrap:last-child {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-screens-outer
    .screen-wrap
    .img-wrapper
    .img-wrap:last-child {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-screens-outer
    .screen-wrap
    .img-wrapper
    .img-wrap
    img {
    max-width: 60%;
  }
}
.ucheck-wrapper .ucheck-screens-outer .screen-wrap-bottom {
  width: calc(100% - 70px);
  margin: 50px auto 0;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-screens-outer .screen-wrap-bottom {
    margin: 30px auto 0;
  }
}
.ucheck-wrapper .ucheck-screens-outer .screen-wrap-bottom img {
  filter: drop-shadow(5px 5px 21px rgba(0, 0, 0, 0.04));
}

.ucheck-wrapper .ucheck-detail-wrapper .img-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
}
.ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .logo-round {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 177px;
  height: 177px;
  outline: 10px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99em;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .logo-round {
    width: 100px;
    height: 100px;
    outline: 5px solid #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .logo-round {
    width: 80px;
    height: 80px;
    outline: 3px solid #ffffff;
    position: relative;
    top: 0;
    transform: none;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .logo-round img {
    max-width: 60%;
  }
}

.ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .item.first .img-wrap {
  border: 0.5px solid #cfcfcf;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .item.first .img-wrap {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-detail-wrapper
    .img-wrapper
    .item.first
    .img-wrap
    img {
    min-height: 100%;
    object-fit: cover;
  }
}
.ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .item.last {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-detail-wrapper .img-wrapper .item.last {
    grid-gap: 20px;
  }
}

.ucheck-wrapper
  .ucheck-detail-wrapper
  .img-wrapper
  .item.last
  .img-wrap:nth-child(2) {
  border: 0.5px solid #cfcfcf;
}
.ucheck-wrapper
  .ucheck-detail-wrapper
  .img-wrapper
  .item.last
  .img-wrap:nth-child(2)
  img {
  min-height: 100%;
  object-fit: cover;
}

.ucheck-wrapper .ucheck-fingertips {
  position: relative;
  background: url("../webp/fingertips-bg.webp")
    no-repeat right;
  background-size: cover;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-fingertips {
    background-size: contain;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-fingertips {
    background-image: none;
    padding: 0;
  }
}
.ucheck-wrapper .ucheck-fingertips .inner-content {
  display: flex;
  align-items: end;
  gap: 75px;
  max-width: 1150px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content {
    gap: 30px;
    max-width: 900px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .img-wrap.finger {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .img-wrap.finger img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .right-side {
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-fingertips .inner-content .right-side .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 170px;
}
@media only screen and (max-width: 1499px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .right-side .content-wrap {
    gap: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .right-side .content-wrap {
    gap: 30px;
  }
}
.ucheck-wrapper .ucheck-fingertips .inner-content .right-side .doc-lists ul {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-fingertips .inner-content .right-side .doc-lists ul {
    justify-content: center;
  }
}
.ucheck-wrapper .ucheck-fingertips .inner-content .right-side .doc-lists ul li {
  margin-left: -55px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li {
    margin-left: -40px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li {
    margin-left: -30px;
  }
}
.ucheck-wrapper
  .ucheck-fingertips
  .inner-content
  .right-side
  .doc-lists
  ul
  li:first-child {
  margin-left: 0;
}
.ucheck-wrapper
  .ucheck-fingertips
  .inner-content
  .right-side
  .doc-lists
  ul
  li:first-child
  .img-wrap {
  border: 6px solid transparent;
}
.ucheck-wrapper
  .ucheck-fingertips
  .inner-content
  .right-side
  .doc-lists
  ul
  li
  .img-wrap {
  border: 6px solid #ffffff;
  display: block;
  border-radius: 99em;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li
    .img-wrap {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li
    .img-wrap {
    width: 65px;
    height: 65px;
  }
}

.ucheck-wrapper
  .ucheck-fingertips
  .inner-content
  .right-side
  .doc-lists
  ul
  li
  .img-wrap
  img {
  margin: 0 -1px;
}
.ucheck-wrapper
  .ucheck-fingertips
  .inner-content
  .right-side
  .doc-lists
  ul
  li
  .last-wrap {
  width: 126px;
  height: 126px;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li
    .last-wrap {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li
    .last-wrap {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (max-width: 375px) {
  .ucheck-wrapper
    .ucheck-fingertips
    .inner-content
    .right-side
    .doc-lists
    ul
    li
    .last-wrap
    img {
    max-width: 40%;
  }
}
.ucheck-wrapper .ucheck-appointment .booking-screen-outer {
  position: relative;
  padding: 100px 0;
  background: url("../svg/appointment-bg.svg")
    no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-appointment .booking-screen-outer {
    background-image: none;
    padding: 50px 0 0;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-appointment .booking-screen-outer {
    padding: 35px 0 0;
  }
}

.ucheck-wrapper .ucheck-appointment .booking-screen-outer .book-screen-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 65px;
  position: relative;
  z-index: 7;
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-appointment .booking-screen-outer .book-screen-wrap {
    grid-gap: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-appointment .booking-screen-outer .book-screen-wrap {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
}

.ucheck-wrapper
  .ucheck-appointment
  .booking-screen-outer
  .book-screen-wrap
  .item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item {
    justify-content: center;
  }
}
.ucheck-wrapper
  .ucheck-appointment
  .booking-screen-outer
  .book-screen-wrap
  .item:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 95px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item:nth-child(2) {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    grid-gap: 20px;
    justify-content: start;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item:nth-child(2)::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item:nth-child(2)::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item:nth-child(2)::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-appointment
    .booking-screen-outer
    .book-screen-wrap
    .item:nth-child(2)
    .img-wrap {
    width: 100%;
    min-width: 60%;
    margin: 0 0 8px;
  }
}
.ucheck-wrapper .ucheck-manage-section .item-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 80px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper {
    grid-gap: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 1500px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container {
    width: calc((100vw + 1550px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container.right {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1500px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container.left {
    margin-right: auto;
    margin-left: 0;
  }
}

.ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container .item {
  display: flex;
  align-items: center;
  gap: 145px;
  justify-content: space-between;
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container .item {
    gap: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-manage-section .item-wrapper .item-container .item {
    gap: 30px;
    flex-direction: column;
  }
}

.ucheck-wrapper
  .ucheck-manage-section
  .item-wrapper
  .item-container:nth-child(odd)
  .item {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-manage-section
    .item-wrapper
    .item-container:nth-child(odd)
    .item {
    flex-direction: column;
  }
}
.ucheck-wrapper
  .ucheck-manage-section
  .item-wrapper
  .item-container
  .item
  .content-wrap {
  flex: 0 0 auto;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-manage-section
    .item-wrapper
    .item-container
    .item
    .content-wrap {
    max-width: 800px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-manage-section
    .item-wrapper
    .item-container
    .item
    .content-wrap {
    text-align: center;
    margin: 0 auto;
  }
}
.ucheck-wrapper
  .ucheck-manage-section
  .item-wrapper
  .item-container
  .item
  .content-wrap
  .title-outer {
  max-width: 660px;
}

@media only screen and (max-width: 1499px) {
  .ucheck-wrapper
    .ucheck-manage-section
    .item-wrapper
    .item-container
    .item
    .content-wrap
    .title-outer {
    max-width: 560px;
  }
}

@media only screen and (max-width: 1199px) {
  .ucheck-wrapper
    .ucheck-manage-section
    .item-wrapper
    .item-container
    .item
    .content-wrap
    .title-outer {
    max-width: none;
  }
}

.ucheck-wrapper .ucheck-design {
  background-color: #fbfbfb;
}

.ucheck-wrapper .ucheck-design .bigtext-area {
  position: relative;
  padding: 100px 0;
  height: 426px;
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-design .bigtext-area {
    height: 326px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .bigtext-area {
    height: auto;
    padding: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-design .bigtext-area {
    padding: 35px 0 0;
  }
}

.ucheck-wrapper .ucheck-design .bigtext-area:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url("../svg/manrope.svg")
    no-repeat center;
  background-size: cover;
  height: 426px;
  opacity: 0.75;
}
@media only screen and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-design .bigtext-area:after {
    height: 326px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .bigtext-area:after {
    display: none;
  }
}
.ucheck-wrapper .ucheck-design .bigtext-area .container {
  height: 100%;
}
.ucheck-wrapper .ucheck-design .bigtext-area .container .row {
  height: 100%;
}
.ucheck-wrapper .ucheck-design .bigtext-area .outer-wrap {
  display: flex;
  align-items: center;
  gap: 160px;
  position: relative;
  z-index: 7;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .bigtext-area .outer-wrap {
    gap: 30px;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-design .bigtext-area .outer-wrap {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .bigtext-area .outer-wrap .short-wrap {
    text-align: center;
  }
}
.ucheck-wrapper .ucheck-design .manrope-text-area {
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area {
    margin-top: 30px;
  }
}
.ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists {
  gap: 100px;
}

@media only screen and (max-width: 1599px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists {
    gap: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    justify-content: start !important;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    ul.font-lists::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    ul.font-lists::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    ul.font-lists::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists {
    gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists li {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists li {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area ul.font-lists li {
    font-size: 24px;
    line-height: 34px;
  }
}

.ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
.ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .item {
  padding: 45px 45px 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 170px;
}

@media only screen and (max-width: 1365px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .item {
    gap: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .item {
    gap: 50px;
    padding: 20px 25px;
  }
}
.ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .topside {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .topside {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: 30px;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .topside::-webkit-scrollbar {
    height: 8px;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .topside::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .topside::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .topside
  .item:nth-child(1) {
  background-color: #1563eb;
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .topside
  .item:nth-child(2) {
  background-color: #021d71;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .topside
    .item {
    width: 100%;
    min-width: 80%;
    margin: 0 0 8px;
  }
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(1) {
  width: 40.12%;
  background-color: #000000;
}

.ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .bottomside {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .bottomside {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(1) {
  width: 40.12%;
  background-color: #000000;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(1) {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(1) {
    width: 23%;
  }
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(2) {
  width: 25.73%;
  background-color: #a5a5a5;
  padding: 45px 35px 45px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(2) {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(2) {
    width: 23%;
  }
}

.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(3) {
  width: 17.07%;
  background-color: #efefef;
  padding: 45px 25px 45px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(3) {
    padding: 20px 25px;
    width: 19.8%;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:nth-child(3) {
    width: 23%;
  }
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:last-child {
  width: 17.07%;
  background-color: #ffffff;
  padding: 45px 25px 45px;
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:last-child {
    padding: 20px 25px;
    width: 19.8%;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item:last-child {
    width: 23%;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .bottomside
    .item {
    width: 23%;
    min-width: 50%;
    margin: 0 0 8px;
  }
}
/* @media only screen and (max-width: 480px) {
    .ucheck-wrapper .ucheck-design .manrope-text-area .box-wrapper .bottomside .item {
        min-width: 80%;
    }
} */

.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .item
  .bottom-text
  ul {
  display: flex;
  gap: 60px;
}

.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(2)
  .bottom-text
  ul {
  gap: 50px;
}
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(3)
  .bottom-text
  ul,
.ucheck-wrapper
  .ucheck-design
  .manrope-text-area
  .box-wrapper
  .bottomside
  .item:nth-child(4)
  .bottom-text
  ul {
  gap: 15px;
}

@media only screen and (max-width: 1599px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(1)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(2)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(3)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:last-child
    .bottom-text
    ul {
    flex-wrap: wrap;
    gap: 15px !important;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(1)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(2)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:nth-child(3)
    .bottom-text
    ul,
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item:last-child
    .bottom-text
    ul {
    gap: 10px !important;
  }
}
@media only screen and (max-width: 1599px) {
  .ucheck-wrapper
    .ucheck-design
    .manrope-text-area
    .box-wrapper
    .item
    .bottom-text
    ul
    li {
    font-size: 18px;
    line-height: 28px;
  }
}

.ucheck-wrapper .ucheck-impact .impact-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 40px;
}

@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-impact .impact-outer {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-impact .impact-outer::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-impact .impact-outer::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-impact .impact-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-impact .impact-outer {
    grid-gap: 20px;
  }
}
.ucheck-wrapper .ucheck-impact .impact-outer .item {
  border: 0.5px solid #cfcfcf;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 25px 30px;
}
@media only screen and (max-width: 1199px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item {
    white-space: normal;
    margin: 0 0 8px;
    width: 100%;
    min-width: 60%;
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item {
    gap: 20px;
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item {
    padding: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item {
    min-width: 80%;
  }
}
.ucheck-wrapper .ucheck-impact .impact-outer .item .icon-wrap {
  width: 80px;
  height: 80px;
  border: 0.5px solid #cfcfcf;
  border-radius: 99em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item .icon-wrap {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item .icon-wrap img {
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .ucheck-impact .impact-outer .item .short-wrap h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

/* ---------------ucheck-wrapper cta one css start -----------*/

.ucheck-wrapper .section-practice-cta-bg .practice-container {
  max-width: 1594px !important;
}
.ucheck-wrapper .section-practice-cta-bg .cta-blue-bg {
  background: linear-gradient(
    0deg,
    rgba(4, 52, 143, 1) 29%,
    rgba(9, 76, 181, 1) 59%,
    rgba(16, 100, 224, 1) 81%
  );
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.ucheck-wrapper .section-practice-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 70px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.ucheck-wrapper .section-practice-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.ucheck-wrapper .section-practice-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.ucheck-wrapper .section-practice-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.ucheck-wrapper .section-practice-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-practice-cta-bg .cta-img-right-img-box {
    display: none;
  }
}
/* ---------------ucheck-wrapper cta one css end -----------*/

/* ---------------ucheck-wrapper cta two css start -----------*/
.ucheck-wrapper .section-two-practice-cta-bg {
  width: auto;
}
.ucheck-wrapper .section-two-practice-cta-bg .practice-container {
  max-width: 1594px !important;
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-blue-bg {
  background: #021d71;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-blue-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-blue-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 70px 0px 70px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 70px 0px 70px 60px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 991px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 70px 30px;
  }
}
@media only screen and (min-width: 851px) and (max-width: 900px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 0px 0px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #ffffff;
  line-height: 42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.ucheck-wrapper .section-two-practice-cta-bg .cta-btn-box a:hover {
  background: #e25574;
  color: #ffffff;
}
.ucheck-wrapper .section-two-practice-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ucheck-wrapper .section-two-practice-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------ucheck-wrapper cta two css end -----------*/

/*medical practice management page css ends here*/

/*teerival page css starts here*/

@font-face {
  font-family: "Google Sans Regular";
  src: url("../woff/googlesans-regular.woff") format("woff"),
    url("../ttf/googlesans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Bold";
  src: url("../woff/googlesans-bold.woff") format("woff"),
    url("../ttf/googlesans-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Medium";
  src: url("../woff/googlesans-medium.woff") format("woff"),
    url("../ttf/googlesans-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --teeblue: #25182f;
  --teeskyblue: #25adcc;
  --teelightblue: #2d1044;
  --teedarkblue: #1c274c;
  --teeblack: #111;
  --teegray: #666;
  --teewhite: #fff;
  --teelightpurple: #eee9ff;
}

.teerival-wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--teelightpurple);
}
.teerival-wrapper h1,
.teerival-wrapper h2,
.teerival-wrapper h3,
.teerival-wrapper h4,
.teerival-wrapper h5,
.teerival-wrapper h6,
.teerival-wrapper p,
.teerival-wrapper ul,
.teerival-wrapper li,
.teerival-wrapper a {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1500px) {
  .teerival-wrapper .c-container {
    max-width: 1440px;
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .teerival-wrapper .c-container {
    max-width: 90%;
  }
}
.teerival-wrapper .teefont-regular {
  font-family: "Google Sans Regular", sans-serif;
  font-weight: normal;
}
.teerival-wrapper .teefont-medium {
  font-family: "Google Sans Medium", sans-serif;
  font-weight: 500;
}
.teerival-wrapper .teefont-bold {
  font-family: "Google Sans Bold", sans-serif;
  font-weight: bold;
}
.teerival-wrapper .teefont-16 {
  font-size: 16px;
  line-height: 26px;
}
.teerival-wrapper .teefont-18 {
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .teerival-wrapper .teefont-18 {
    font-size: 16px;
    line-height: 26px;
  }
}
.teerival-wrapper .teefont-20 {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .teerival-wrapper .teefont-20 {
    font-size: 18px;
    line-height: 28px;
  }
}
.teerival-wrapper .teefont-22 {
  font-size: 22px;
  line-height: 30px;
}
@media screen and (max-width: 1499px) {
  .teerival-wrapper .teefont-22 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .teerival-wrapper .teefont-22 {
    font-size: 18px;
    line-height: 28px;
  }
}
.teerival-wrapper .teefont-24 {
  font-size: 24px;
  line-height: 30px;
}
@media screen and (max-width: 1499px) {
  .teerival-wrapper .teefont-24 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .teerival-wrapper .teefont-24 {
    font-size: 20px;
    line-height: 28px;
  }
}
.teerival-wrapper .teefont-32 {
  font-size: 32px;
  line-height: 35px;
}
@media screen and (max-width: 1499px) {
  .teerival-wrapper .teefont-32 {
    font-size: 22px;
    line-height: 30px;
  }
}
.teerival-wrapper .teefont-48 {
  font-size: 48px;
  line-height: 50px;
  letter-spacing: -2px;
}
@media screen and (max-width: 1600px) {
  .teerival-wrapper .teefont-48 {
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1199px) {
  .teerival-wrapper .teefont-48 {
    font-size: 38px;
    line-height: 42px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .teerival-wrapper .teefont-48 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.teerival-wrapper .teefont-52 {
  font-size: 52px;
  line-height: 58px;
  letter-spacing: -2px;
}
@media screen and (max-width: 767px) {
  .teerival-wrapper .teefont-52 {
    font-size: 32px;
    line-height: 35px;
    letter-spacing: -1px;
  }
}
.teerival-wrapper .teefont-68 {
  font-size: 64px;
  line-height: 76px;
  letter-spacing: -2px;
}
@media screen and (max-width: 1600px) {
  .teerival-wrapper .teefont-68 {
    font-size: 60px;
    line-height: 68px;
    letter-spacing: -1.5px;
  }
}
@media screen and (max-width: 1199px) {
  .teerival-wrapper .teefont-68 {
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -1.5px;
  }
}
@media screen and (max-width: 991px) {
  .teerival-wrapper .teefont-68 {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -1.5px;
  }
}
@media screen and (max-width: 575px) {
  .teerival-wrapper .teefont-68 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.2px;
  }
}
.teerival-wrapper .teeblue {
  color: var(--teeblue);
}
.teerival-wrapper .teedarkblue {
  color: var(--teedarkblue);
}
.teerival-wrapper .teebg-blue {
  background-color: var(--teeblue);
}
.teerival-wrapper .teebg-white {
  background-color: var(--teewhite);
}
.teerival-wrapper .teeblack {
  color: var(--teeblack);
}
.teerival-wrapper .teebg-purple {
  background-color: var(--teelightpurple);
}
.teerival-wrapper .teelightblue {
  color: var(--teelightblue);
}
.teerival-wrapper .teeskyblue {
  color: var(--teeskyblue);
}
.teerival-wrapper .teebg-skyblue {
  background-color: var(--teeskyblue);
}
.teerival-wrapper .teebg-lightblue {
  background-color: var(--teelightblue);
}
.teerival-wrapper .teegray {
  color: var(--teegray);
}
.teerival-wrapper .teewhite {
  color: var(--teewhite);
}
.teerival-wrapper .teeopa-70 {
  opacity: 0.7;
}
.teerival-wrapper .teeopa-60 {
  opacity: 0.6;
}
.teerival-wrapper .cs-tr-ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .teerival-wrapper .cs-tr-ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .teerival-wrapper .cs-tr-ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .cs-tr-ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .cs-tr-ptb-100 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.teerival-wrapper img {
  image-rendering: smooth;
}
.teerival-wrapper .section-teerival-banner {
  position: relative;
}
.teerival-wrapper .section-teerival-banner .banner-small-text {
  color: #222222;
}
.teerival-wrapper .section-teerival-banner .banner-heading {
  color: #222222;
}
.teerival-wrapper .section-teerival-banner .three-border {
  display: flex;
  align-items: center;
}
.teerival-wrapper .section-teerival-banner .video-container-main {
  margin-top: 50px;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner .video-container-main {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner .video-container-main {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .video-container-main {
    margin-top: 10px;
  }
}
.teerival-wrapper .section-teerival-banner .video-container {
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 100%;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .video-container {
    margin: 0;
  }
}
.teerival-wrapper .section-teerival-banner .video-container .video {
  height: 100%;
  width: 100%;
  border-radius: 80px;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner .video-container .video {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-banner .video-container .video {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-teerival-banner .video-container .video {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .video-container .video {
    border-radius: 10px;
  }
}
.teerival-wrapper .section-teerival-banner .video-container .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 80px;
  cursor: pointer;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner .video-container .video-overlay {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-banner .video-container .video-overlay {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-teerival-banner .video-container .video-overlay {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .video-container .video-overlay {
    border-radius: 10px;
  }
}
.teerival-wrapper .section-teerival-banner .video-container .icon {
  color: white;
  transition: opacity 0.3s ease;
  cursor: pointer;
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner .video-container .icon {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner .video-container .icon {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .video-container .icon {
    width: 50px;
    height: 50px;
  }
}
.teerival-wrapper .section-teerival-banner .cs-tr-tntroduction-main {
  padding: 80px 0 0;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner .cs-tr-tntroduction-main {
    padding: 60px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner .cs-tr-tntroduction-main {
    padding: 40px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner .cs-tr-tntroduction-main {
    padding: 30px 0 0;
  }
}
.teerival-wrapper .section-teerival-banner:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  border-radius: 99em 99em 0 0;
  background-color: #311f3f;
  z-index: 0;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner:before {
    border-radius: 0;
    height: 55vh;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner:before {
    border-radius: 0;
    height: 60vh;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper .section-teerival-banner:before {
    height: 70vh;
  }
}
.teerival-wrapper .section-teerival-banner-two {
  position: relative;
  background: #311f3f
    url("../svg/introduction-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  padding-bottom: 210px;
  border-radius: 0 0 60px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-banner-two {
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-banner-two {
    border-radius: 0 0 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner-two {
    padding-bottom: 40px;
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner-two {
    padding-bottom: 40px;
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner-two .introduction-in .intro-title {
    opacity: 1 !important;
  }
}

.teerival-wrapper .section-teerival-banner-two .introduction-in .intro-card {
  background-color: #fff;
  padding: 30px;
  border-radius: 30px;
  position: absolute;
  top: 80px;
  width: 100%;
  z-index: 0;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-in
  .intro-card
  .introduction-logo {
  width: 247px;
  aspect-ratio: auto 247 / 60;
  height: auto;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-in
  .intro-card
  .introduction-illustrator {
  width: 257px;
  aspect-ratio: auto 257 / 257;
  height: auto;
}
.teerival-wrapper .section-teerival-banner-two .introduction-other {
  display: flex;
  gap: 30px;
  justify-content: end;
  top: 30px;
  right: 0;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-banner-two .introduction-other {
    gap: 20px;
    margin-top: 30px;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-banner-two .introduction-other {
    margin-top: 30px;
    display: block;
    gap: 0;
    top: 0;
  }
}
.teerival-wrapper .section-teerival-banner-two .introduction-other .challenges {
  border-radius: 30px;
  border: 8px solid var(--teeblue);
  width: 510px;
  background-color: #ddf9ff;
  padding: 30px;
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges {
    width: 450px;
    padding: 30px;
  }
}
@media only screen and (max-width: 1400px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges {
    width: 390px;
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges {
    width: 50%;
    padding: 20px;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges {
    width: 100%;
    padding: 20px;
    border: 4px solid var(--teeblue);
    border-radius: 15px;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges:nth-child(1) {
  margin-top: 90px;
  background-color: #ddf9ff;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges:nth-child(1) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges:nth-child(1) {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges:nth-child(1)
  .intro-title {
  color: #a1d2de;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges:nth-child(2) {
  margin-top: -110px;
  background-color: #ddd6f9;
  height: max-content;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges:nth-child(2) {
    margin-top: 0;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges:nth-child(2)
  .intro-title {
  color: #b5aae1;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-title {
  position: absolute;
  transform: rotate(-90deg);
  left: -90px;
  top: 100px;
  width: 230px;
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-title {
    left: -100px;
  }
}
@media only screen and (max-width: 1400px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-title {
    position: inherit;
    left: 0;
    top: 33px;
    bottom: auto;
    position: absolute;
    transform: initial;
    justify-content: start;
    width: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-title {
    position: inherit;
    left: 0;
    top: 33px;
    bottom: auto;
    position: absolute;
    transform: initial;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-icon {
  margin-bottom: 30px;
  margin-left: auto;
  display: table;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-icon
    img {
    width: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-icon {
    margin-bottom: 0;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse {
  width: 330px;
  margin-left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-collapse {
    width: 290px;
  }
}
@media only screen and (max-width: 1400px) {
  .teerival-wrapper
    .section-teerival-banner-two
    .introduction-other
    .challenges
    .impact-right
    .intro-collapse {
    width: 100%;
  }
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item {
  border: none;
  border-bottom: 1px dashed var(--teegray);
  background-color: transparent;
  border-radius: 0;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item:last-child {
  border-bottom: none;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item
  .accordion-header {
  border: none;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding: 1.1rem 0 0.9rem;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:after {
  content: none;
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed) {
  color: var(--teeblue);
}
.teerival-wrapper
  .section-teerival-banner-two
  .introduction-other
  .challenges
  .impact-right
  .intro-collapse
  .accordion
  .accordion-item
  .accordion-body {
  padding: 0 0 0.8rem 0;
}
.teerival-wrapper .section-approach {
  background-color: var(--teelightpurple);
  position: relative;
}
.teerival-wrapper .section-approach .cs-heading-main {
  z-index: 1;
}
.teerival-wrapper .section-approach .approach-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 934px;
  margin: 70px auto 85px;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approach-main {
    margin: 50px auto 50px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-approach .approach-main {
    justify-content: center;
    gap: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper .section-approach .approach-main {
    margin: 35px auto 35px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-approach .approach-main {
    justify-content: start;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-approach .approach-main::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-approach .approach-main::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-approach .approach-main::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-approach .approach-screens {
  width: calc(50% - 45px);
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-approach .approach-screens {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approach-screens {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approach-screens {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-approach .approach-screens {
    width: 100%;
    min-width: 80%;
    margin: 0 0 8px;
  }
}
.teerival-wrapper .section-approach .approach-screens:nth-child(2) {
  margin-top: 225px;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-approach .approach-screens:nth-child(2) {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approach-screens:nth-child(2) {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approach-screens:nth-child(2) {
    margin-top: 0;
  }
}
.teerival-wrapper .section-approach .approches-inner {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approches-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approches-inner {
    gap: 35px;
  }
}
.teerival-wrapper .section-approach .approches-inner .services {
  background-color: #ddd6f9;
  border-radius: 40px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: calc(50%);
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approches-inner .services {
    width: 100%;
    padding: 30px;
    gap: 50px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approches-inner .services {
    padding: 20px;
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-approach .approches-inner .services {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    display: flex;
    white-space: nowrap;
  }
}
.teerival-wrapper
  .section-approach
  .approches-inner
  .services
  .tech-services
  li {
  padding: 12px 20px;
  display: inline-block;
  background-color: #fff;
  margin: 0 15px 15px 0;
  border: 1px solid #eeeeee;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services
    li {
    padding: 10px 18px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services
    li {
    padding: 8px 14px;
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services
    li {
    margin: 0 15px 8px 0;
  }
}
.teerival-wrapper
  .section-approach
  .approches-inner
  .services
  .tech-services
  li
  a {
  text-decoration: none;
  color: #311f3f;
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services
    li:last-child {
    margin: 0 0px 8px 0;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-services::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approches-inner .services .tech-stack {
    flex-wrap: nowrap !important;
    overflow: hidden;
    overflow-x: scroll;
  }
}
.teerival-wrapper .section-approach .approches-inner .services .tech-stack li {
  height: 180px;
  width: 180px;
  display: inline-flex;
  background-color: #fff;
  margin: 15px 15px 0 0;
  border: 1px solid #eeeeee;
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li {
    width: 150px;
    height: 150px;
    margin-top: 0;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li {
    width: 100%;
    min-width: 33.33%;
    margin: 0 15px 8px 0;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li {
    min-width: 60%;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li {
    min-width: 80%;
  }
}
.teerival-wrapper
  .section-approach
  .approches-inner
  .services
  .tech-stack
  li
  .tech-wrap {
  text-decoration: none;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.teerival-wrapper
  .section-approach
  .approches-inner
  .services
  .tech-stack
  li
  .tech-wrap
  span {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li
    .tech-wrap
    span
    img {
    max-width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack
    li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-approach
    .approches-inner
    .services
    .tech-stack::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-approach .approch-bg-effect {
  background-color: #fff;
  border-radius: 80px;
  position: absolute;
  width: 100%;
  height: 43.5vw;
  top: 20px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-approach .approch-bg-effect {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-approach .approch-bg-effect {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approch-bg-effect {
    border-radius: 0;
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-approach .approch-bg-effect {
    background-color: transparent;
  }
}
.teerival-wrapper .section-approach .approch-bg-effect:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -115px;
  z-index: 0;
  width: 100%;
  background: url("../svg/approach-lines.svg")
    no-repeat bottom;
  background-size: cover;
  height: 599px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-approach .approch-bg-effect:after {
    display: none;
  }
}
.teerival-wrapper .section-process {
  background-color: #fff;
  border-radius: 50px 50px 0 0;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-process {
    border-radius: 40px 40px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-process {
    border-radius: 0;
  }
}
.teerival-wrapper .section-process .process-main {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-process .process-main {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1366px) {
  .teerival-wrapper .section-process .process-main {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-process .process-main {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-process .process-main {
    margin-top: 25px;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 10px;
  }
}
.teerival-wrapper .section-process .process-main .process-steps {
  padding: 80px;
  border-radius: 80px;
  width: 100%;
}
@media only screen and (max-width: 1500px) {
  .teerival-wrapper .section-process .process-main .process-steps {
    border-radius: 40px;
    padding: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-process .process-main .process-steps {
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 10px;
    min-width: 220px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-process .process-main .process-steps {
    border-radius: 10px;
    padding: 20px;
  }
}
.teerival-wrapper .section-process .process-main .process-steps:last-child {
  margin-right: 0;
}
.teerival-wrapper .section-process .process-main .process-steps ul li {
  padding: 8px 0;
}
.teerival-wrapper
  .section-process
  .process-main
  .process-steps:nth-child(even) {
  background-color: #ddd6f9;
}
.teerival-wrapper .section-process .process-main .process-steps:nth-child(odd) {
  background-color: var(--teelightpurple);
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-process .process-main::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-process .process-main::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-process .process-main::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-teerival-objective {
  background: var(--teelightblue)
    url("../svg/objective-bg.svg") no-repeat center
    top;
  background-size: cover;
}
.teerival-wrapper .section-teerival-objective .teerival-objective-main {
  width: calc(100% - 120px);
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-objective .teerival-objective-main {
    width: calc(100% - 70px);
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper .section-teerival-objective .teerival-objective-main {
    width: calc(100% - 30px);
  }
}
.teerival-wrapper .section-teerival-objective .objective-points {
  background-color: #25adcc;
  border-radius: 30px;
  padding: 40px;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-objective .objective-points {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-teerival-objective .objective-points {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-objective .objective-points {
    border-radius: 15px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-points
  .objective-title {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title {
    flex-wrap: wrap;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-points
  .objective-title
  .objective-heading {
  width: max-content;
  padding-right: 40px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title
    .objective-heading {
    padding-right: 0;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-points
  .objective-title
  ul {
  display: flex;
  text-align: left;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title
    ul {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title
    ul {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title
    ul
    li {
    width: 100%;
    padding-left: 12px;
    position: relative;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-points
    .objective-title
    ul
    li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 99em;
    background-color: var(--teeblue);
  }
}
.teerival-wrapper .section-teerival-objective .objective-screen-main {
  position: relative;
}
.teerival-wrapper .section-teerival-objective .objective-screen-main:before,
.teerival-wrapper .section-teerival-objective .objective-screen-main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1440px;
  margin: 0 auto;
  border-radius: 0 0 80px 80px;
  height: 70px;
  z-index: 1;
  background-color: #301347;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 0 0 60px 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 0 0 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 0 0 30px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:before,
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    height: 40px;
  }
}
.teerival-wrapper .section-teerival-objective .objective-screen-main:after {
  top: auto;
  bottom: 0;
  border-radius: 80px 80px 0 0;
  background-color: #301347;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 60px 60px 0 0;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 40px 40px 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 30px 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-objective .objective-screen-main:after {
    border-radius: 15px 15px 0 0;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-screen-main
  .objective-screen {
  border-radius: 60px;
  margin: 0 auto;
}
.teerival-wrapper .section-teerival-objective .objective-content {
  max-width: 1280px;
  margin: 0 auto;
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object {
  max-width: 380px;
  background-color: #fff;
  border-radius: 40px;
  padding: 48px 39px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object {
    padding: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object {
    max-width: none;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li {
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li {
    margin: 0 15px 8px 0;
    padding: 8px 16px;
    background-color: var(--teewhite);
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li {
    padding: 6px 16px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li {
    padding: 4px 16px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li
  .nav-link {
  width: 100%;
  border: none;
  text-align: left;
  border-radius: 0;
  opacity: 0.7;
  padding: 6px 0;
}

@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li
    .nav-link {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li
    .nav-link {
    font-size: 16px;
    line-height: 28px;
  }
}

.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li
  .nav-link.active {
  color: var(--teeskyblue);
  font-size: 32px;
  line-height: 35px;
  opacity: 1;
}
@media only screen and (max-width: 1499px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li
    .nav-link.active {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li
    .nav-link.active {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li
    .nav-link.active {
    font-size: 16px;
    line-height: 28px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li
  .nav-link:hover,
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li
  .nav-link:focus {
  color: var(--teeskyblue);
  opacity: 1;
  outline: none;
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  ul.object
  li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object
    li:last-child {
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    ul.object::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .tab-content {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .tab-content {
    padding-left: 0;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  .obj-lists {
  max-width: 820px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .obj-lists {
    max-width: none;
    margin-top: 30px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  .obj-lists
  ul
  li {
  display: flex;
  text-align: left;
  gap: 12px;
  margin: 0 0 45px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .obj-lists
    ul
    li {
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .obj-lists
    ul
    li {
    margin: 0 0 15px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  .obj-lists
  ul
  li
  .icon-wrap {
  flex: 0 0 auto;
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .obj-lists
    ul
    li
    .icon-wrap {
    margin-top: 4px;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  .obj-lists
  ul
  li
  .short-wrap {
  margin-top: 6px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-teerival-objective
    .objective-content
    .obj-tab-wrapper
    .obj-lists
    ul
    li
    .short-wrap {
    margin-top: 0;
  }
}
.teerival-wrapper
  .section-teerival-objective
  .objective-content
  .obj-tab-wrapper
  .obj-lists
  ul
  li:last-child {
  margin-bottom: 0;
}
.teerival-wrapper .section-competitive-analysis .competitive-data-main {
  margin-top: 80px;
  background-color: #fff;
  border-radius: 80px;
  padding: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-competitive-analysis .competitive-data-main {
    margin-top: 60px;
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-competitive-analysis .competitive-data-main {
    margin-top: 50px;
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-competitive-analysis .competitive-data-main {
    margin-top: 35px;
    padding: 30px;
    border-radius: 30px;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-competitive-analysis .competitive-data-main {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-competitive-analysis .competitive-data-main {
    border-radius: 15px;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .comp-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .comp-outer
  .competitive-analysis-data {
  width: 25%;
  box-sizing: border-box;
  margin-bottom: 80px;
  max-width: 220px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data {
    width: calc(50% - 30px);
    max-width: none;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data {
    width: 100%;
    min-width: 80%;
    padding-bottom: 15px;
    margin: 0;
    border-right: 1px solid rgba(37, 24, 47, 0.04);
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data:last-child {
    border-right: none;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .comp-outer
  .competitive-analysis-data
  .analysis-data {
  margin-top: 25px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data
    .analysis-data {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data
    .analysis-data {
    margin-top: 15px;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .comp-outer
  .competitive-analysis-data:nth-child(4) {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer
    .competitive-analysis-data:nth-child(4) {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .comp-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .competitive-logo-data-main {
  padding: 60px;
  background: var(--teelightblue);
  border-radius: 60px;
  width: 100%;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    padding: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    padding: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main {
    overflow: hidden;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .competitive-logo-data-main
  .teerival-logo {
  margin: 0 0 40px -5px;
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .competitive-logo-data-main
  .competitive-analysis-data-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    justify-content: start;
    margin-top: 15px;
    gap: 15px;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .competitive-logo-data-main
  .competitive-analysis-data-inner
  .analysis-data {
  box-sizing: border-box;
  line-height: 24px;
  padding: 0 0 0 32px;
  background: url("../svg/golf-ball.svg") no-repeat
    left 1px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner
    .analysis-data {
    width: calc(33.33% - 15px);
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner
    .analysis-data {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner
    .analysis-data {
    width: 100%;
    margin: 0 0 8px;
  }
}
.teerival-wrapper
  .section-competitive-analysis
  .competitive-data-main
  .competitive-logo-data-main
  .competitive-analysis-data-inner
  .analysis-data
  span {
  display: block;
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-competitive-analysis
    .competitive-data-main
    .competitive-logo-data-main
    .competitive-analysis-data-inner::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-personas .personas-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 100px;
  margin-top: 80px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-personas .personas-main {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1499px) {
  .teerival-wrapper .section-personas .personas-main {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-personas .personas-main {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-personas .personas-main {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-personas .personas-main {
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-personas .personas-main .personas-inner {
    width: 100%;
    min-width: 40%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-personas .personas-main .personas-inner {
    min-width: 41%;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-personas .personas-main .personas-inner {
    min-width: 44%;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper .section-personas .personas-main .personas-inner {
    min-width: 80%;
  }
}
.teerival-wrapper
  .section-personas
  .personas-main
  .personas-inner
  .personas-pic {
  display: block;
  border-radius: 120px 120px 120px 0;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-pic {
    border-radius: 60px 60px 60px 0;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-pic {
    border-radius: 40px 40px 40px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-pic {
    border-radius: 30px 30px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-pic {
    border-radius: 15px 15px 0px 0;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-pic {
    border-radius: 15px 15px 0px 0;
  }
}
.teerival-wrapper
  .section-personas
  .personas-main
  .personas-inner
  .personas-about {
  display: inline-block;
  padding: 10px 30px 10px;
  border-radius: 0 0 99px 99px;
  min-width: 300px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    border-radius: 0 0 60px 60px;
  }
}
@media only screen and (max-width: 1499px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    min-width: 250px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    border-radius: 0 0 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    border-radius: 0 0 30px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    min-width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    border-radius: 0 0 15px 15px;
    min-width: 100%;
    padding: 10px 30px 10px 15px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-personas
    .personas-main
    .personas-inner
    .personas-about {
    min-width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-personas .personas-main::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-personas .personas-main::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-personas .personas-main::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-golf-assets {
  background: var(--teelightblue)
    url("../svg/user-persona-bg.svg") no-repeat
    center top;
  background-size: cover;
  position: relative;
}
.teerival-wrapper .section-golf-assets .golf-score-main {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-golf-assets .golf-score-main {
    display: block;
  }
}
.teerival-wrapper .section-golf-assets .golf-score-main .golf-screen {
  width: calc(50% - 40px);
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-golf-assets
    .golf-score-main
    .golf-screen:nth-child(1) {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-golf-assets .golf-score-main .golf-screen {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-golf-assets .golf-score-main .golf-screen {
    width: calc(50% - 25px);
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-golf-assets .golf-score-main .golf-screen {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-golf-assets .golf-score-main .golf-screen {
    width: 100%;
  }
}
.teerival-wrapper
  .section-golf-assets
  .golf-score-main
  .golf-screen
  .golf-screens {
  border-radius: 80px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper
    .section-golf-assets
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-golf-assets
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-golf-assets
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-golf-assets
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .teerival-wrapper .section-onboarding-screens {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-onboarding-screens .onboard-heading .cs-heading {
    text-align: center;
  }
}
.teerival-wrapper
  .section-onboarding-screens
  .onboard-heading
  .cs-heading
  span {
  color: rgba(45, 16, 18, 0.04);
  font-size: 16.5rem;
  line-height: 20.625rem;
}
@media only screen and (max-width: 1499px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 12.5rem;
    line-height: 16.625rem;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 8.5rem;
    line-height: 10.625rem;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 5.5rem;
    line-height: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 4.5rem;
    line-height: 5.625rem;
    color: rgba(45, 16, 18, 1);
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 3.5rem;
    line-height: 4.625rem;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-onboarding-screens
    .onboard-heading
    .cs-heading
    span {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.teerival-wrapper .section-onboarding-screens .main-onboard-screens {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1350px;
  margin: -250px auto 0;
  gap: 50px;
  z-index: 3;
  position: relative;
  background-color: 0;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-onboarding-screens .main-onboard-screens {
    margin: 0 auto;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-onboarding-screens .main-onboard-screens {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    margin-top: 20px;
  }
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens {
  width: calc(33.33% - 50px);
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens {
    margin-bottom: 8px;
    width: 100%;
    min-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens {
    min-width: 60%;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens {
    min-width: 70%;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens {
    min-width: 80%;
  }
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens
  .onboard-screens-content {
  height: 100%;
  display: flex;
  align-items: center;
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens
  .onboard-screens-content.first {
  align-items: start;
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens
  .onboard-screens-content.first
  p {
  margin-top: 70px;
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens
  .onboard-screens-content.second
  p {
  margin-top: 100px;
}
.teerival-wrapper
  .section-onboarding-screens
  .main-onboard-screens
  .onboard-screens
  .onboard-screens-images.rotate {
  transform: rotate(25deg);
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens
    .onboard-screens-images.rotate {
    transform: none;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens
    .onboard-screens.hide-div {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-onboarding-screens
    .main-onboard-screens::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}

.teerival-wrapper .section-onboarding-screens .seven-e {
  width: calc(66.66% - 25px) !important;
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
.teerival-wrapper .section-onboarding-screens .nine-odd {
  position: absolute;
  margin-top: 260px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-onboarding-screens .nine-odd {
    position: relative;
    margin-top: 0;
  }
}
.teerival-wrapper .section-teerival-admin {
  border-radius: 80px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-teerival-admin {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-admin {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-admin {
    border-radius: 0;
  }
}
.teerival-wrapper .section-teerival-design-system {
  background-color: var(--teelightblue);
  border-radius: 80px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-teerival-design-system {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-teerival-design-system {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-teerival-design-system {
    border-radius: 0;
  }
}
.teerival-wrapper .section-teerival-design-system .border-dashed {
  height: 1px;
  background-image: linear-gradient(
    90deg,
    #ffffff7c,
    #ffffff7c 75%,
    transparent 25%,
    transparent 50%
  );
  background-size: 20px 1px;
  border: none;
  width: 100%;
  height: 0.5px;
  display: block;
  margin: 35px 0 30px;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-design-system .border-dashed {
    margin: 20px 0 20px;
  }
}
.teerival-wrapper .section-teerival-design-system .teerival-fonts-main {
  margin-top: 25px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 80px;
  gap: 25px;
}
@media only screen and (max-width: 1366px) {
  .teerival-wrapper .section-teerival-design-system .teerival-fonts-main {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-teerival-design-system .teerival-fonts-main {
    display: block;
    margin-bottom: 35px;
    gap: 0;
  }
}
.teerival-wrapper
  .section-teerival-design-system
  .teerival-fonts-main
  .font-details
  ul {
  margin: 35px 0 100px 0;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-design-system
    .teerival-fonts-main
    .font-details
    ul {
    margin: 15px 0 25px 0;
  }
}
.teerival-wrapper
  .section-teerival-design-system
  .teerival-fonts-main
  .font-details
  ul
  li {
  display: inline-block;
  margin-right: 50px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-teerival-design-system
    .teerival-fonts-main
    .font-details
    ul
    li {
    margin-right: 25px;
  }
}
.teerival-wrapper
  .section-teerival-design-system
  .teerival-fonts-main
  .font-details
  ul
  li:last-child {
  margin-right: 0;
}
.teerival-wrapper
  .section-teerival-design-system
  .teerival-fonts-main
  .font-styles {
  max-width: 480px;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-design-system
    .teerival-fonts-main
    .font-styles {
    display: none;
  }
}

.teerival-wrapper .section-teerival-design-system .teerival-color-palette .cp {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-teerival-design-system
    .teerival-color-palette
    .cp {
    position: initial;
  }
}
.teerival-wrapper .section-golf-score {
  background-color: #8958af;
  position: relative;
  border-radius: 0 0 80px 80px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-golf-score {
    border-radius: 0 0 60px 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-golf-score {
    border-radius: 0 0 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-golf-score {
    border-radius: 0;
  }
}
.teerival-wrapper .section-golf-score::before {
  content: "";
  position: absolute;
  top: -100px;
  width: 100%;
  left: 0;
  right: 0;
  height: 100px;
  background-color: #8958af;
  z-index: 0;
}
.teerival-wrapper .section-golf-score .golf-score-main {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-golf-score .golf-score-main {
    display: block;
  }
}
.teerival-wrapper .section-golf-score .golf-score-main .golf-screen {
  width: calc(50% - 40px);
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-golf-score
    .golf-score-main
    .golf-screen:nth-child(1) {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1600px) {
  .teerival-wrapper .section-golf-score .golf-score-main .golf-screen {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-golf-score .golf-score-main .golf-screen {
    width: calc(50% - 25px);
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-golf-score .golf-score-main .golf-screen {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-golf-score .golf-score-main .golf-screen {
    width: 100%;
  }
}
.teerival-wrapper
  .section-golf-score
  .golf-score-main
  .golf-screen
  .golf-screens {
  border-radius: 80px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper
    .section-golf-score
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-golf-score
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-golf-score
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-golf-score
    .golf-score-main
    .golf-screen
    .golf-screens {
    border-radius: 15px;
  }
}
.teerival-wrapper .section-upgrade-game {
  background-color: var(--teelightpurple);
  justify-content: space-between;
  position: relative;
}
.teerival-wrapper .section-upgrade-game:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 37.5%;
  border-radius: 0 0 50px 50px;
  background-color: var(--teelightblue);
  mix-blend-mode: hard-light;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-upgrade-game:after {
    border-radius: 0 0 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game:after {
    border-radius: 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game:after {
    display: none;
  }
}
.teerival-wrapper .section-upgrade-game:before {
  content: "";
  position: absolute;
  bottom: 160px;
  width: 100%;
  height: 37.5%;
  border-radius: 80px 80px 99em 99em;
  background-color: #fafeff;
  z-index: 2;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-upgrade-game:before {
    border-radius: 60px 60px 99em 99em;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-upgrade-game:before {
    border-radius: 40px 40px 99em 99em;
    bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game:before {
    border-radius: 0;
    height: 35.5%;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game:before {
    display: none;
  }
}
.teerival-wrapper .section-upgrade-game .bg-div {
  position: absolute;
  bottom: 0;
  opacity: 0.5;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game .bg-div {
    display: none;
  }
}
.teerival-wrapper .section-upgrade-game .upgrade-main {
  margin-top: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media only screen and (max-width: 1599px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main {
    grid-template-columns: 1fr 1fr;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    grid-gap: 15px;
  }
}
.teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-details {
  border-radius: 24px;
  background-color: var(--teewhite);
  border: 1px solid #d5d5d5;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-details {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-details {
    min-width: 80%;
    margin: 0 0 8px;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-details {
    min-width: 90%;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .upgrade-main
  .upgrade-details
  .upgrade-pic
  img {
  border-radius: 24px 24px 0 0;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .upgrade-pic
    img {
    border-radius: 30px 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .upgrade-pic
    img {
    height: 450px;
    object-fit: cover;
    object-position: top;
    border-radius: 15px 15px 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .upgrade-pic
    img {
    height: 400px;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .upgrade-main
  .upgrade-details
  .short-wrap {
  position: relative;
  margin-top: -50px;
  padding: 33px 40px;
  background-color: var(--teewhite);
  border-radius: 24px;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .short-wrap {
    padding: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .short-wrap {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .short-wrap {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-details
    .short-wrap {
    white-space: normal;
    margin-top: 0;
    border-radius: 0 0 15px 15px;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .upgrade-main
  .upgrade-details
  .short-wrap
  p {
  color: #1c274c;
}
.teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
  padding: 40px 40px 0 40px;
  background-color: #f0ddff;
  border-radius: 24px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
    padding: 20px 20px 0 20px;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
    flex-direction: column;
    min-width: 80%;
    margin: 0 0 8px;
    padding: 0;
    justify-content: start;
    gap: 0;
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main .upgrade-item {
    min-width: 90%;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .upgrade-main
  .upgrade-item
  .upgrade-img
  img {
  border-radius: 24px 24px 0 0;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-item
    .upgrade-img
    img {
    height: 450px;
    object-fit: cover;
    object-position: top;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-item
    .upgrade-img
    img {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main
    .upgrade-item
    .short-wrap {
    white-space: normal;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-upgrade-game .upgrade-main::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .upgrade-main::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-upgrade-game .main-upgrade-screens {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1350px;
  margin: 115px auto 0;
  gap: 50px;
  z-index: 3;
  position: relative;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1365px) {
  .teerival-wrapper .section-upgrade-game .main-upgrade-screens {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game .main-upgrade-screens {
    gap: 30px;
    margin: 100px auto 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game .main-upgrade-screens {
    flex-wrap: nowrap;
    max-width: none;
    overflow: hidden;
    overflow-x: scroll;
    margin: 50px auto 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .teerival-wrapper .section-upgrade-game .main-upgrade-screens {
    margin: 35px auto 0;
  }
}
.teerival-wrapper .section-upgrade-game .main-upgrade-screens .upgrade-screens {
  width: calc(33.33% - 50px);
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens {
    margin-bottom: 8px;
    width: 100%;
    min-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens {
    min-width: 60%;
  }
}
@media only screen and (max-width: 480px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens {
    min-width: 70%;
  }
}
@media only screen and (max-width: 375px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens {
    min-width: 80%;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .main-upgrade-screens
  .upgrade-screens
  .upgrade-screens-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens
    .upgrade-screens-content {
    display: none;
  }
}
.teerival-wrapper
  .section-upgrade-game
  .main-upgrade-screens
  .upgrade-screens
  .upgrade-screens-content
  p {
  max-width: 368px;
}
.teerival-wrapper
  .section-upgrade-game
  .main-upgrade-screens
  .upgrade-screens
  .upgrade-screens-content.middle {
  align-items: start;
}
.teerival-wrapper
  .section-upgrade-game
  .main-upgrade-screens
  .upgrade-screens
  .upgrade-screens-content.middle
  p {
  margin-top: 90px;
  max-width: 280px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens
    .upgrade-screens-content.middle
    p {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens
    .upgrade-screens.hide-div {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-upgrade-game
    .main-upgrade-screens::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-upgrade-game .sss {
  margin-top: -350px;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-upgrade-game .sss {
    margin-top: -150px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-upgrade-game .sss {
    margin-top: 0;
  }
}
.teerival-wrapper .section-impact {
  position: relative;
}
.teerival-wrapper .section-impact:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: url("../svg/impact-bg.svg") no-repeat
    center bottom;
  background-size: cover;
  bottom: 0;
  width: 100%;
  height: 516px;
}
@media only screen and (max-width: 767px) {
  .teerival-wrapper .section-impact:after {
    display: none;
  }
}
.teerival-wrapper .section-impact .impact-main {
  display: flex;
  gap: 40px;
  margin-top: 80px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-impact .impact-main {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-impact .impact-main {
    margin-top: 40px;
    display: block;
  }
}
.teerival-wrapper .section-impact .impact-main .impact-left {
  display: flex;
  flex-direction: column;
  width: 260px;
  row-gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .teerival-wrapper .section-impact .impact-main .impact-left {
    justify-content: start;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-impact .impact-main .impact-left {
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    margin-bottom: 15px;
    flex-direction: row;
    width: 100%;
    row-gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-impact
    .impact-main
    .impact-left::-webkit-scrollbar {
    height: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-impact
    .impact-main
    .impact-left::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* Customize scrollbar color */
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper
    .section-impact
    .impact-main
    .impact-left::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Customize scrollbar track color */
  }
}
.teerival-wrapper .section-impact .impact-main .impact-number {
  background-color: var(--teelightblue);
  border-radius: 30px;
  padding: 28px 30px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-impact .impact-main .impact-number {
    display: inline-flex;
    flex-direction: column;
    margin-right: 10px;
    border-radius: 10px;
  }
  .teerival-wrapper .section-impact .impact-main .impact-number:last-child {
    margin-right: 0;
  }
}
.teerival-wrapper .section-impact .impact-main .impact-right {
  flex: 1;
  background-color: var(--teelightpurple);
  padding: 15px 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .teerival-wrapper .section-impact .impact-main .impact-right {
    border-radius: 10px;
    padding: 0 15px;
  }
}
.teerival-wrapper .section-impact .impact-main .impact-right .intro-icon {
  margin-bottom: 30px;
}
.teerival-wrapper .section-impact .impact-main .impact-right .intro-icon img {
  width: 100px;
  aspect-ratio: auto 100 / 100;
  height: auto;
}
.teerival-wrapper .section-impact .impact-main .impact-right .impact-details {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding: 20px 0;
}
.teerival-wrapper
  .section-impact
  .impact-main
  .impact-right
  .impact-details:last-child {
  border-bottom: none;
}
.teerival-wrapper .section-impact .impact-main .impact-right .impact-details p {
  margin-bottom: 0;
}

/* ---------------movie-ticket cta to css start -----------*/

.bookmyticket-wrapper .section-bookmyticket-cta-bg {
  margin: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg {
    margin: 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg {
    margin: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg {
    margin: 40px 0;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg {
    margin: 20px 0;
  }
}

.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-bg {
  width: 100%;
  /* background: #5f44a3; */
  background-image: linear-gradient(
    to bottom,
    #feed9f,
    #fbe994,
    #f9e489,
    #f6e07d,
    #f3db72
  );
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.bookmyticket-wrapper .bookmyticket-cta-container {
  max-width: 1820px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-bg {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-bg {
    padding: 30px 15px;
    border-radius: 14px;
  }
}
.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-grid-main {
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-column-gap: 20px;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 34%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 43%;
    grid-column-gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr 30%;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-green-grid-main {
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
}

.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis {
  margin: 0;
  padding: 0px 0px 90px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis {
    margin: 0;
    padding: 0px 0px 80px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 30px 0px 70px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis {
    text-align: left;
    padding: 30px 0px 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis {
    text-align: center;
    padding: 0;
  }
}
.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
  margin: 0;
  font-size: 34px;
  color: #000000;
  line-height: 42px;
  font-family: "Archivo Black", sans-serif;
}
@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-title-left-dis p {
    font-size: 20px;
    line-height: 26px;
  }
}
.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box {
  margin-top: 24px;
}
.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box a {
  background: #000000;
  color: #ffffff;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 18px;
  display: inline-block;
  font-family: "Archivo Black", sans-serif;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box a {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-btn-box a:hover {
  background: #80cb41;
  color: #000000;
}
.bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-img-right-img-box {
  position: static;
  text-align: end;
  padding-right: 40px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-img-right-img-box {
    position: static;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmyticket-wrapper .section-bookmyticket-cta-bg .cta-img-right-img-box {
    display: none;
  }
}

/* ---------------movie-ticket cta to css end -----------*/

/*teerival page css ends here*/

/* ---------------patient-management-system css START -----------*/

/* Fonts */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-semibold.eot");
  src: local("Plus Jakarta Sans SemiBold"), local("PlusJakartaSans-SemiBold"),
    url("../eot/plusjakartasans-semiboldd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-semibold-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-semibold-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-semibold-3.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-italic.eot");
  src: local("Plus Jakarta Sans Italic"), local("PlusJakartaSans-Italic"),
    url("../eot/plusjakartasans-italicd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-italic.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-italic.woff")
      format("woff"),
    url("../ttf/plusjakartasans-italic.ttf")
      format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-extrabold.eot");
  src: local("Plus Jakarta Sans ExtraBold"), local("PlusJakartaSans-ExtraBold"),
    url("../eot/plusjakartasans-extraboldd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-extrabold-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-extrabold-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-extrabold-2.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-bold.eot");
  src: local("Plus Jakarta Sans Bold"), local("PlusJakartaSans-Bold"),
    url("../eot/plusjakartasans-boldd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-bold-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-bold-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-bold-3.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-regular.eot");
  src: local("Plus Jakarta Sans Regular"), local("PlusJakartaSans-Regular"),
    url("../eot/plusjakartasans-regulard41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-regular-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-regular-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-regular-3.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-medium.eot");
  src: local("Plus Jakarta Sans Medium"), local("PlusJakartaSans-Medium"),
    url("../eot/plusjakartasans-mediumd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-medium-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-medium-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-medium-3.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../eot/plusjakartasans-light.eot");
  src: local("Plus Jakarta Sans Light"), local("PlusJakartaSans-Light"),
    url("../eot/plusjakartasans-lightd41d.eot?#iefix")
      format("embedded-opentype"),
    url("../woff2/plusjakartasans-light-2.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-light-2.woff")
      format("woff"),
    url("../ttf/plusjakartasans-light-2.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.pms .bg-blue {
  background-color: #94e9fa;
}
.pms .bg-dark-blue {
  background-color: #a3c0fc;
}
.pms .bg-violet {
  background-color: #bca3fc;
}
.pms .bg-pink {
  background-color: #ffbcc5;
}
.pms .bg-cream {
  background-color: #fccfa3;
}

.pms .ptb-90 {
  padding: 90px 0;
}

@media screen and (max-width: 1599px) {
  .pms .ptb-90 {
    padding: 70px 0;
  }
}

@media screen and (max-width: 1199px) {
  .pms .ptb-90 {
    padding: 55px 0;
  }
}

@media screen and (max-width: 991px) {
  .pms .ptb-90 {
    padding: 50px 0;
  }
}

@media screen and (max-width: 767px) {
  .pms .ptb-90 {
    padding: 45px 0;
  }
}

@media screen and (max-width: 575px) {
  .pms .ptb-90 {
    padding: 35px 0;
  }
}

.pms .font-plus-jakarta-sans {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.pms .font-plus-jakarta-sans-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: italic;
}

.pms .font-plus-jakarta-sans-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

.pms .font-plus-jakarta-sans-semi-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
}

.pms .font-plus-jakarta-sans-extra-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 800;
}

.pms .pms-container {
  max-width: 1464px;
}

.pms .font-32 {
  font-size: 32px;
  line-height: 2.8rem;
}

@media screen and (max-width: 1199px) {
  .pms .font-32 {
    font-size: 26px;
    line-height: 2.6rem;
  }
}

@media screen and (max-width: 991px) {
  .pms .font-32 {
    font-size: 24px;
    line-height: 2.2rem;
  }
}

.pms .font-72 {
  font-size: 72px;
}

@media only screen and (max-width: 1199px) {
  .pms .font-72 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .pms .font-72 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pms .font-72 {
    font-size: 34px;
  }
}

.pms .font-64 {
  font-size: 64px;
}

@media only screen and (max-width: 1199px) {
  .pms .font-64 {
    font-size: 54px;
  }
}

@media only screen and (max-width: 991px) {
  .pms .font-64 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .pms .font-64 {
    font-size: 34px;
  }
}

.pms .font-50 {
  font-size: 50px;
}

@media only screen and (max-width: 1365px) {
  .pms .font-50 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .pms .font-50 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .pms .font-50 {
    font-size: 30px;
  }
}

.pms .font-16 {
  font-size: 16px;
  line-height: 1.8rem;
}

.pms .font-40 {
  font-size: 40px;
  line-height: 3.2rem;
  letter-spacing: -0.04rem;
}

@media screen and (max-width: 1599px) {
  .pms .font-40 {
    font-size: 36px;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 1365px) {
  .pms .font-40 {
    font-size: 34px;
    line-height: 3rem;
  }
}

@media screen and (max-width: 1199px) {
  .pms .font-40 {
    font-size: 30px;
    line-height: 2.6rem;
  }
}

@media screen and (max-width: 991px) {
  .pms .font-40 {
    font-size: 28px;
    line-height: 2.4rem;
  }
}

@media screen and (max-width: 575px) {
  .pms .font-40 {
    font-size: 26px;
    line-height: 2.3rem;
  }
}

.pms .font-20 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}

@media screen and (max-width: 767px) {
  .pms .font-20 {
    font-size: 18px;
    line-height: 1.8rem;
  }
}

.pms .font-24 {
  font-size: 24px;
  line-height: 2rem;
}

@media screen and (max-width: 1365px) {
  .pms .font-24 {
    font-size: 22px;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 1199px) {
  .pms .font-24 {
    font-size: 18px;
    line-height: 2rem;
  }
}

@media screen and (max-width: 1023px) {
  .pms .font-24 {
    font-size: 18px;
    line-height: 1.8rem;
  }
}

.pms .font-18 {
  font-size: 18px;
  line-height: 1.8rem;
}

@media screen and (max-width: 1599px) {
  .pms .font-18 {
    font-size: 16px;
    line-height: 1.6rem;
  }
}

/* START : pms-intro */

.pms .pms-intro .pms-intro-info {
  margin-top: 90px;
  display: grid;
  gap: 28px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-intro .pms-intro-info {
    margin-top: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-intro .pms-intro-info {
    margin-top: 55px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-intro .pms-intro-info {
    margin-top: 50px;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-info {
    margin-top: 45px;
    font-size: 16px;
    gap: 10px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-intro .pms-intro-info {
    margin-top: 35px;
  }
}

.pms .pms-intro .pms-intro-info > ul {
  display: grid;
  gap: 28px;
}

@media screen and (max-width: 991px) {
  .pms .pms-intro .pms-intro-info > ul {
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-info > ul {
    gap: 10px;
  }

  .pms .pms-intro .pms-intro-info-list span {
    display: block;
  }
}

.pms .pms-intro .pms-intro-info > ul span {
  color: #33b1eb;
}

.pms .pms-intro .pms-intro-services {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1439px) {
  .pms .pms-intro .pms-intro-services {
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-services {
    flex-wrap: wrap;
    white-space: wrap;
  }
}

.pms .pms-intro .pms-intro-services ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.pms .pms-intro .pms-intro-services ul li {
  padding: 14px 20px;
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 30px;
}

@media screen and (max-width: 1439px) {
  .pms .pms-intro .pms-intro-services ul li {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-intro .pms-intro-services ul li {
    padding: 8px 16px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-services ul li {
    padding: 4px 12px;
    gap: 6px;
  }
}

.pms .pms-intro .pms-intro-heading {
  line-height: 90px;
}

.pms .pms-intro .pms-intro-sub-heading,
.pms .pms-intro .pms-intro-sib-title {
  line-height: 80px;
}

.pms .pms-intro .pms-intro-sub-heading {
  margin-top: -5px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-intro .pms-intro-super-heading,
  .pms .pms-intro .pms-intro-heading,
  .pms .pms-intro .pms-intro-sub-heading,
  .pms .pms-intro .pms-intro-sib-title {
    line-height: 1.5;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pms .pms-intro .pms-intro-heading {
    font-size: 48px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pms .pms-intro .pms-intro-heading {
    font-size: 38px;
    margin-bottom: 8px;
  }

  .pms .pms-intro .pms-intro-sub-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-heading {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .pms .pms-intro .pms-intro-super-heading,
  .pms .pms-intro .pms-intro-sub-heading {
    font-size: 18px;
  }

  .pms .pms-intro .pms-intro-sub-title {
    font-size: 22px;
  }
}

.pms .pms-intro .pms-intro-img {
  display: block;
  margin-top: 90px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-intro .pms-intro-img {
    margin-top: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-intro .pms-intro-img {
    margin-top: 55px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-intro .pms-intro-img {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-img {
    margin-top: 45px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-intro .pms-intro-img {
    margin-top: 35px;
  }
}

.pms .pms-intro .pms-intro-img img {
  display: block;
  border-radius: 60px;
}

@media screen and (max-width: 1439px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 50px;
  }
}

@media screen and (max-width: 1365px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 36px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 32px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 22px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-intro .pms-intro-img img {
    border-radius: 16px;
  }
}

/* END: pms-intro */

.pms .pms-pill {
  background-color: #ffbcc5;
  color: #201e31;
  padding: 8px 16px 4px;
  border-radius: 10px;
  display: inline-block;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .pms .pms-pill {
    padding: 6px 12px 3px;
    font-size: 16px;
    font-size: 14px;
  }
}

/* START : pms-challenge */

.pms .pms-challenge {
  background: #fffafa;
}

.pms .pms-challenge .pms-challenge-left {
  position: relative;
}

.pms .pms-challenge .pms-challenge-left img {
  position: absolute;
  bottom: -100px;
  left: 0;
  max-width: 530px;
}

@media screen and (max-width: 1439px) {
  .pms .pms-challenge .pms-challenge-left img {
    max-width: 480px;
    bottom: -90px;
  }
}

@media screen and (max-width: 1365px) {
  .pms .pms-challenge .pms-challenge-left img {
    bottom: -80px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-challenge .pms-challenge-left img {
    display: none;
  }
}

.pms .pms-challenge .pms-challenge-grid {
  display: grid;
  grid-template-columns: 588px 1fr;
  grid-gap: 142px;
  margin-top: 20px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-challenge .pms-challenge-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
}

@media screen and (max-width: 1439px) {
  .pms .pms-challenge .pms-challenge-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-challenge .pms-challenge-grid {
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-challenge .pms-challenge-grid {
    grid-gap: 16px;
  }
}

.pms .pms-challenge .pms-challenge-list-wrapper {
  list-style-type: none;
  counter-reset: list-counter;
  padding: 0;
  display: grid;
  grid-gap: 24px;
}

@media screen and (max-width: 991px) {
  .pms .pms-challenge .pms-challenge-list-wrapper {
    grid-gap: 16px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-challenge .pms-challenge-list-wrapper {
    grid-gap: 12px;
  }
}

.pms .pms-challenge .pms-challenge-list {
  padding: 40px 0;
}

@media screen and (max-width: 1599px) {
  .pms .pms-challenge .pms-challenge-list {
    padding: 30px 0;
  }
}

@media screen and (max-width: 1439px) {
  .pms .pms-challenge .pms-challenge-list {
    padding: 26px 0;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-challenge .pms-challenge-list {
    padding: 16px 0;
  }

  .pms .pms-challenge .pms-challenge-right .font-20 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.pms .pms-challenge .pms-challenge-list-item {
  counter-increment: list-counter; /* Increment counter for each list item */
  position: relative;
  padding: 20px;
  background-color: #ffbcc5;
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}

@media screen and (max-width: 991px) {
  .pms .pms-challenge .pms-challenge-list-item {
    border-radius: 18px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-challenge .pms-challenge-list-item {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    border-radius: 15px;
    padding: 15px;
  }
}

.pms .pms-challenge .pms-challenge-list-item::before {
  content: counter(list-counter); /* Display counter number */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 60px;
  width: 60px;
  font-size: 20px;
  border-radius: 50%;
  flex: 0 0 60px;
}

@media screen and (max-width: 767px) {
  .pms .pms-challenge .pms-challenge-list-item::before {
    height: 40px;
    width: 40px;
    flex: 0 0 40px;
    font-size: 16px;
  }
}

.pms .pms-challenge .pms-challenge-title {
  margin-bottom: 24px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-challenge .pms-challenge-title {
    margin-bottom: 0;
  }
}

/* END : pms-challenge */

/* START : pms-mobile */
.pms .pms-mobile .pms-mobile-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 72px;
}

@media screen and (max-width: 1439px) {
  .pms .pms-mobile .pms-mobile-grid {
    grid-gap: 42px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-mobile .pms-mobile-grid {
    grid-gap: 22px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-mobile .pms-mobile-grid {
    grid-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-mobile .pms-mobile-grid {
    grid-gap: 16px;
    display: flex;
    overflow: auto;
  }

  .pms-mobile-grid picture {
    flex: 0 0 70%;
    padding-bottom: 10px;
  }
}

/* END : pms-mobile */

/* START : pms-info */

.pms .pms-info {
  padding-bottom: 90px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-info {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-info {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-info {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-info {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-info {
    padding-bottom: 35px;
  }
}

.pms .pms-info .pms-info-desc {
  margin-bottom: 60px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-info .pms-info-desc {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-info .pms-info-desc {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-info .pms-info-desc {
    margin-bottom: 25px;
  }
}

.pms .pms-info .pms-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 40px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-info .pms-info-grid {
    gap: 32px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-info .pms-info-grid {
    grid-gap: 24px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-info .pms-info-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-info .pms-info-grid {
    gap: 16px;
  }
}

.pms .pms-info .pms-info-grid .pms-info-item {
  background-color: #fffafa;
  border: 1px solid #f9e1e4;
  border-radius: 48px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 24px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-info .pms-info-grid .pms-info-item {
    border-radius: 32px;
  }
}

@media screen and (max-width: 1439px) {
  .pms .pms-info .pms-info-grid .pms-info-item {
    padding: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-info .pms-info-grid .pms-info-item {
    padding: 24px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-info .pms-info-grid .pms-info-item {
    padding: 20px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-info .pms-info-grid .pms-info-item {
    padding: 15px;
    border-radius: 15px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-info .pms-info-grid .pms-info-item .font-24 {
    font-size: 22px;
  }

  .pms .pms-info .pms-info-grid .pms-info-item .font-20 {
    font-size: 18px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-info .pms-info-grid .pms-info-item .font-24 {
    font-size: 18px;
  }

  .pms .pms-info .pms-info-grid .pms-info-item .font-20 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.pms .pms-info .pms-info-grid .pms-info-item .pms-info-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ffbcc5;
}

@media screen and (max-width: 767px) {
  .pms .pms-info .pms-info-grid .pms-info-item .pms-info-item-icon {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

.pms .pms-info .pms-info-grid .pms-info-item.pms-info-item-img {
  padding: 0;
  border: none;
  display: block;
  overflow: hidden;
  grid-row: span 3;
}

@media screen and (max-width: 1199px) {
  .pms .pms-info .pms-info-grid .pms-info-item.pms-info-item-img {
    grid-row: span 2;
  }
}

@media screen and (min-width: 992px) {
  .pms .pms-info .pms-info-grid .pms-info-item.pms-info-item-full {
    grid-column: span 2;
  }
}

.pms .pms-info .pms-info-grid .pms-info-item.pms-info-item-img picture img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}

/* END : pms-info */

/* START : pms-future */

.pms .pms-future .pms-future-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-future .pms-future-grid {
    grid-template-columns: 32% 1fr;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-future .pms-future-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.pms .pms-future .pms-future-title {
  max-width: 400px;
}

@media screen and (max-width: 991px) {
  .pms .pms-future .pms-future-title {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-future .pms-future-content {
    font-size: 16px;
    line-height: 1.5;
  }
}
/* END : pms-future */

/* START : pms-footer */

.pms .pms-footer {
  padding-bottom: 90px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-footer {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-footer {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-footer {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-footer {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-footer {
    padding-bottom: 35px;
  }
}

.pms .pms-footer .pms-footer-inner {
  display: flex;
  justify-content: space-between;
  padding: 80px 56px;
  align-items: center;
  background-image: url("../webp/pms-footer.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 72px;
  gap: 32px;
}

@media screen and (max-width: 1439px) {
  .pms .pms-footer .pms-footer-inner {
    padding: 60px 40px;
    border-radius: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-footer .pms-footer-inner {
    padding: 50px 30px;
    border-radius: 40px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-footer .pms-footer-inner {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    border-radius: 28px;
    padding: 32px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-footer .pms-footer-inner {
    padding: 15px;
    border-radius: 15px;
    gap: 20px;
  }
}

.pms .pms-footer .pms-footer-title {
  margin-bottom: 40px;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .pms .pms-footer .pms-footer-title {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-footer .pms-footer-title {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 1.5;
  }
}

.pms .pms-footer .pms-footer-left {
  max-width: 780px;
}

.pms .pms-footer .pms-footer-right {
  font-size: 56px;
  font-weight: 700;
  max-width: 444px;
  line-height: 1;
}

@media screen and (max-width: 1439px) {
  .pms .pms-footer .pms-footer-right {
    font-size: 48px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-footer .pms-footer-right {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-footer .pms-footer-right {
    max-width: 100%;
    width: 100%;
    font-size: 32px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-footer .pms-footer-right {
    font-size: 20px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-footer .pms-footer-logo .pms-logo {
    height: auto;
    width: 60px;
  }

  .pms .pms-footer .pms-footer-logo .mind-inventory-logo {
    width: 150px;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-footer .pms-footer-logo .pms-logo {
    width: 50px;
  }

  .pms .pms-footer .pms-footer-logo .mind-inventory-logo {
    width: 120px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-footer .pms-footer-logo {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
  }

  .pms .pms-footer .pms-logo-plus {
    margin-top: -14px;
  }

  .pms .pms-footer .pms-footer-logo .pms-logo {
    height: auto;
    width: 40px;
  }

  .pms .pms-footer .pms-footer-logo .mind-inventory-logo {
    width: 100px;
    height: auto;
  }
}
/* END : pms-footer */

/* START : pms-solution */

.pms .pms-solution {
  margin-top: 90px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution {
    margin-top: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution {
    margin-top: 55px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-solution {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution {
    margin-top: 45px;
  }
}

@media screen and (max-width: 575px) {
  .pms .pms-solution {
    margin-top: 35px;
  }
}

.pms .pms-solution .pms-solution-text {
  margin-bottom: 60px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-text {
    margin-bottom: 42px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-solution .pms-solution-text {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-text {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.pms .pms-solution .pms-solution-item {
  padding: 50px;
  margin: 0 60px;
  border: 1px solid #201e31;
  border-radius: 80px;
}

.pms .pms-solution .pms-solution-item:nth-child(2) {
  top: 100px;
}

.pms .pms-solution .pms-solution-item:nth-child(3) {
  top: 115px;
}

.pms .pms-solution .pms-solution-item:nth-child(4) {
  top: 130px;
}

.pms .pms-solution .pms-solution-item:nth-child(5) {
  top: 145px;
}

@media screen and (min-width: 1440px) {
  .pms .pms-solution .pms-solution-item {
    position: sticky;
    position: -webkit-sticky;
    top: 84px;
  }
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-item {
    padding: 32px 24px;
    border-radius: 32px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-item {
    margin: 0 32px;
    border-radius: 24px;
    padding: 24px 14px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-item {
    margin: 0 12px;
    border-radius: 16px;
    padding: 16px 0px;
  }
}

.pms .pms-solution .pms-solution-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: center;
  margin-bottom: 32px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-top {
    margin-bottom: 28px;
  }

  .pms .pms-solution .pms-solution-item-title-inner {
    font-size: 28px;
    line-height: 1.3;
  }

  .pms .pms-solution .pms-solution-desc {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-top {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-solution .pms-solution-item-title-inner {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-top {
    margin-bottom: 16px;
  }
}

.pms .pms-solution .pms-solution-item-title {
  display: grid;
  grid-template-columns: 142px 1fr;
  align-items: center;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-item-title {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 16px;
  }
}

.pms .pms-solution .pms-solution-number {
  background-color: #ffffff66;
  padding: 8px 24px;
  border-radius: 40px;
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-number {
    border-radius: 24px;
    font-size: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-number {
    border-radius: 20px;
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .pms .pms-solution .pms-solution-number {
    border-radius: 16px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-number {
    border-radius: 12px;
    font-size: 28px;
  }
}

.pms .pms-solution .pms-solution-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-grid {
    gap: 16px;
  }
}

.pms .pms-solution .pms-solution-grid-item {
  background-color: #ffffff66;
  padding: 32px;
  border-radius: 32px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-grid-item {
    padding: 24px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-grid-item {
    padding: 20px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-grid-item {
    padding: 15px;
    border-radius: 15px;
  }
}

.pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image {
  grid-row: span 2;
  padding: 23px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image {
    padding: 24px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image {
    padding: 20px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image {
    padding: 15px;
    border-radius: 15px;
  }
}

.pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image img {
  border-radius: 16px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-grid-item.pms-solution-grid-item-image img {
    border-radius: 10px;
  }
}

.pms .pms-solution .pms-solution-grid-item-title {
  margin-bottom: 40px;
}

@media screen and (max-width: 1599px) {
  .pms .pms-solution .pms-solution-grid-item-title {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-grid-item-title {
    margin-bottom: 16px;
  }
}

.pms .pms-solution .pms-solution-list {
  display: grid;
  gap: 32px;
}

@media screen and (max-width: 1199px) {
  .pms .pms-solution .pms-solution-list {
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .pms .pms-solution .pms-solution-list {
    gap: 20px;
  }
}
/* END : pms-solution */

/* ---------------patient-management-system css END -----------*/

/* ---------------REAL ESTATE LASSO APP css START -----------*/

@font-face {
  font-family: "Lufga";
  src: local("Lufga Black"), local("Lufga-Black"),
    url("../woff2/lufga-black.woff2")
      format("woff2"),
    url("../woff/lufga-black.woff")
      format("woff"),
    url("../ttf/lufga-black.ttf")
      format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga ExtraBold"), local("Lufga-ExtraBold"),
    url("../woff2/lufga-extrabold.woff2")
      format("woff2"),
    url("../woff/lufga-extrabold.woff")
      format("woff"),
    url("../ttf/lufga-extrabold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Bold"), local("Lufga-Bold"),
    url("../woff2/lufga-bold.woff2")
      format("woff2"),
    url("../woff/lufga-bold.woff")
      format("woff"),
    url("../ttf/lufga-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga ExtraLight"), local("Lufga-ExtraLight"),
    url("../woff2/lufga-extralight.woff2")
      format("woff2"),
    url("../woff/lufga-extralight.woff")
      format("woff"),
    url("../ttf/lufga-extralight.ttf")
      format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Light"), local("Lufga-Light"),
    url("../woff2/lufga-light.woff2")
      format("woff2"),
    url("../woff/lufga-light.woff")
      format("woff"),
    url("../ttf/lufga-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Medium"), local("Lufga-Medium"),
    url("../woff2/lufga-medium.woff2")
      format("woff2"),
    url("../woff/lufga-medium.woff")
      format("woff"),
    url("../ttf/lufga-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Italic"), local("Lufga-Italic"),
    url("../woff2/lufga-italic.woff2")
      format("woff2"),
    url("../woff/lufga-italic.woff")
      format("woff"),
    url("../ttf/lufga-italic.ttf")
      format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Regular"), local("Lufga-Regular"),
    url("../woff2/lufga-regular.woff2")
      format("woff2"),
    url("../woff/lufga-regular.woff")
      format("woff"),
    url("../ttf/lufga-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga Thin"), local("Lufga-Thin"),
    url("../woff2/lufga-thin.woff2")
      format("woff2"),
    url("../woff/lufga-thin.woff")
      format("woff"),
    url("../ttf/lufga-thin.ttf")
      format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: local("Lufga SemiBold"), local("Lufga-SemiBold"),
    url("../woff2/lufga-semibold.woff2")
      format("woff2"),
    url("../woff/lufga-semibold.woff")
      format("woff"),
    url("../ttf/lufga-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"),
    url("../woff2/helveticaneue-light.woff2")
      format("woff2"),
    url("../woff/helveticaneue-light.woff")
      format("woff"),
    url("../ttf/helveticaneue-light.ttf")
      format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.lasso-wrapper .object-fit-fill {
  object-fit: fill;
}
.lasso-wrapper .lasso-font-lufga {
  font-family: "Lufga", sans-serif;
  font-style: normal;
  letter-spacing: 0.8px;
}
.lasso-wrapper .lasso-font-helvetica-neue-roman {
  font-family: "Helvetica Neue";
  font-style: normal;
  letter-spacing: 0.8px;
}
.lasso-wrapper .lasso-font-thin {
  font-weight: 100;
}
.lasso-wrapper .lasso-font-medium {
  font-weight: 500;
}
.lasso-wrapper .lasso-text-84 {
  font-size: 64px;
}
.lasso-wrapper .lasso-text-22 {
  font-size: 22px;
  line-height: 36px;
}
.lasso-wrapper .lasso-text-48 {
  font-size: 48px;
}
.lasso-wrapper .lasso-text-24 {
  font-size: 24px;
}
.lasso-wrapper .lasso-text-42 {
  font-size: 42px;
}
.lasso-wrapper .lasso-text-40 {
  font-size: 40px;
}
.lasso-wrapper .lasso-text-20 {
  font-size: 20px;
}
.lasso-wrapper .lasso-text-18 {
  font-size: 18px;
}
.lasso-wrapper .lasso-text-16 {
  font-size: 16px;
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 34px;
  }
  .lasso-wrapper .lasso-text-48,
  .lasso-wrapper .lasso-text-40 {
    font-size: 28px;
  }
  .lasso-wrapper .lasso-text-24 {
    font-size: 20px;
  }
  .lasso-wrapper .lasso-text-22 {
    font-size: 18px;
    line-height: 28px;
  }
  .lasso-wrapper .lasso-text-20 {
    font-size: 16px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 36px;
  }
  .lasso-wrapper .lasso-text-48,
  .lasso-wrapper .lasso-text-40 {
    font-size: 28px;
  }
  .lasso-wrapper .lasso-text-24 {
    font-size: 20px;
  }
  .lasso-wrapper .lasso-text-22 {
    font-size: 18px;
    line-height: 28px;
  }
  .lasso-wrapper .lasso-text-20 {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 38px;
  }
  .lasso-wrapper .lasso-text-48,
  .lasso-wrapper .lasso-text-40 {
    font-size: 30px;
  }
  .lasso-wrapper .lasso-text-24 {
    font-size: 22px;
  }
  .lasso-wrapper .lasso-text-22 {
    font-size: 18px;
    line-height: 28px;
  }
  .lasso-wrapper .lasso-text-20 {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 36px;
  }
  .lasso-wrapper .lasso-text-48,
  .lasso-wrapper .lasso-text-40 {
    font-size: 28px;
  }
  .lasso-wrapper .lasso-text-24 {
    font-size: 20px;
  }
  .lasso-wrapper .lasso-text-22 {
    font-size: 16px;
    line-height: 28px;
  }
  .lasso-wrapper .lasso-text-20 {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 38px;
  }
  .lasso-wrapper .lasso-text-48,
  .lasso-wrapper .lasso-text-40 {
    font-size: 28px;
  }
  .lasso-wrapper .lasso-text-24 {
    font-size: 22px;
  }
  .lasso-wrapper .lasso-text-22 {
    font-size: 20px;
    line-height: 28px;
  }
  .lasso-wrapper .lasso-text-20 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .lasso-wrapper .lasso-text-84 {
    font-size: 54px;
  }
}

.lasso-wrapper .lasso-container {
  width: 100%;
  padding: 0 16px;
}
@media only screen and (min-width: 1200px) {
  .lasso-wrapper .lasso-container {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding: 0;
  }
}
@media only screen and (min-width: 1300px) {
  .lasso-wrapper .lasso-container {
    width: calc(100% - 180px);
  }
}
@media only screen and (min-width: 1400px) {
  .lasso-wrapper .lasso-container {
    width: calc(100% - 220px);
  }
}
@media only screen and (min-width: 1500px) {
  .lasso-wrapper .lasso-container {
    width: 100%;
    max-width: 1440px;
  }
}
.lasso-wrapper .lasso-h-full {
  height: 100%;
}
.lasso-wrapper .lasso-w-full {
  width: 100%;
}
.lasso-wrapper .lasso-text-14D6B3 {
  color: #14d6b3;
}
.lasso-wrapper .lasso-text-black-60 {
  color: rgba(0, 0, 0, 0.6);
}
.lasso-wrapper .lasso-rounded-40 {
  border-radius: 40px;
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .lasso-rounded-40 {
    border-radius: 15px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .lasso-rounded-40 {
    border-radius: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .lasso-rounded-40 {
    border-radius: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .lasso-wrapper .lasso-rounded-40 {
    border-radius: 24px;
  }
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .lasso-rounded-mobile-image {
    border-radius: 15px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .lasso-rounded-mobile-image {
    border-radius: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .lasso-rounded-mobile-image {
    border-radius: 32px;
  }
}
.lasso-wrapper .lasso-z-1 {
  z-index: 1;
}
.lasso-wrapper .lasso-pt-95 {
  padding-top: 95px;
}
.lasso-wrapper .lasso-pb-150 {
  padding-bottom: 155px;
}
.lasso-wrapper .lasso-ptb-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}
.lasso-wrapper .lasso-ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.lasso-wrapper .lasso-ptb-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}
.lasso-wrapper .lasso-pt-125 {
  padding-top: 125px;
}
.lasso-wrapper .lasso-pb-120 {
  padding-bottom: 120px;
}
.lasso-wrapper .lasso-pt-43 {
  padding-top: 43px;
}
.lasso-wrapper .lasso-pb-160 {
  padding-bottom: 160px;
}
.lasso-wrapper .lasso-pt-40 {
  padding-top: 40px;
}
.lasso-wrapper .lasso-pb-300 {
  padding-bottom: 300px;
}
@media screen and (max-width: 1199px) {
  .lasso-wrapper .lasso-pt-95 {
    padding-top: 55px;
  }
  .lasso-wrapper .lasso-pb-150 {
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-ptb-160 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-ptb-120 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-ptb-125 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-pt-125 {
    padding-top: 55px;
  }
  .lasso-wrapper .lasso-pb-120 {
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-pt-43 {
    padding-top: 55px;
  }
  .lasso-wrapper .lasso-pb-160 {
    padding-bottom: 55px;
  }
  .lasso-wrapper .lasso-pt-40 {
    padding-top: 0px;
  }
  .lasso-wrapper .lasso-pb-300 {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 991px) {
  .lasso-wrapper .lasso-pt-95 {
    padding-top: 50px;
  }
  .lasso-wrapper .lasso-pb-150 {
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-ptb-160 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-ptb-120 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-ptb-125 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-pt-125 {
    padding-top: 50px;
  }
  .lasso-wrapper .lasso-pb-120 {
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-pt-43 {
    padding-top: 50px;
  }
  .lasso-wrapper .lasso-pb-160 {
    padding-bottom: 50px;
  }
  .lasso-wrapper .lasso-pt-40 {
    padding-top: 0px;
  }
  .lasso-wrapper .lasso-pb-300 {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .lasso-wrapper .lasso-pt-95 {
    padding-top: 45px;
  }
  .lasso-wrapper .lasso-pb-150 {
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-ptb-160 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-ptb-120 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-ptb-125 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-pt-125 {
    padding-top: 45px;
  }
  .lasso-wrapper .lasso-pb-120 {
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-pt-43 {
    padding-top: 45px;
  }
  .lasso-wrapper .lasso-pb-160 {
    padding-bottom: 45px;
  }
  .lasso-wrapper .lasso-pt-40 {
    padding-top: 0px;
  }
  .lasso-wrapper .lasso-pb-300 {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 575px) {
  .lasso-wrapper .lasso-pt-95 {
    padding-top: 35px;
  }
  .lasso-wrapper .lasso-pb-150 {
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-ptb-160 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-ptb-120 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-ptb-125 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-pt-125 {
    padding-top: 35px;
  }
  .lasso-wrapper .lasso-pb-120 {
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-pt-43 {
    padding-top: 35px;
  }
  .lasso-wrapper .lasso-pb-160 {
    padding-bottom: 35px;
  }
  .lasso-wrapper .lasso-pt-40 {
    padding-top: 0px;
  }
  .lasso-wrapper .lasso-pb-300 {
    padding-bottom: 0px;
  }
}

.lasso-wrapper .lasso-star-button {
  width: 74px;
  height: 74px;
  background-color: #14d6b3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.lasso-wrapper .lasso-star-button img {
  width: 32px;
  height: 32px;
}
.lasso-wrapper .lasso-comman-button {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 193px;
  padding: 10px 15px 7px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.lasso-wrapper .lasso-text-white-60 {
  color: rgba(255, 255, 255, 0.6);
}
.lasso-wrapper .lasso-responsive-flex-container h3 {
  display: none;
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .lasso-responsive-flex-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
  }
  .lasso-wrapper .lasso-responsive-flex-container h3 {
    display: block;
  }
  .lasso-wrapper .challenges-inner-info-wrapper .challenges-flex-sec .text h3 {
    display: none;
  }
}

.lasso-wrapper .hero-section-gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 952px;
}
.lasso-wrapper .lasso-hero-section .hero-section-text-wrapper {
  position: relative;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-text-wrapper
  .hero-section-header-text {
  display: flex;
  flex-direction: column;
  position: relative;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-text-wrapper
  .hero-section-header-text
  .text-highlight-svg {
  width: 45px;
  height: 50px;
  position: absolute;
  top: -30px;
  left: -20px;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .hero-section-header-text
    .text-highlight-svg {
    display: block;
  }
}
.lasso-wrapper .lasso-hero-section .hero-section-text-wrapper .svg-down-arrow {
  position: absolute;
  bottom: -35px;
  right: 40px;
}
.lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 18px;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-one {
  width: 65%;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-one
  .image-text {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-one
  .image-text
  .img-txt-span {
  font-size: clamp(24px, 5vw, 100px);
  line-height: clamp(32px, 7vw, 120px);
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-one
  .image-text
  .lasso-comman-button {
  height: 4.5vw;
  max-height: 60px;
  max-width: 190px;
  width: 11vw;
  border-radius: 60px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-two {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.lasso-wrapper
  .lasso-hero-section
  .hero-section-design-making-image-wrapper
  .section-two
  .lasso-star-button {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    display: none;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 100%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: none;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two {
    display: none;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    display: none;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 100%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: none;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    display: none;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 100%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: none;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lasso-wrapper .lasso-hero-section .hero-section-text-wrapper {
    position: relative;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .hero-section-header-text {
    display: flex;
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    display: none;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 65%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -10px;
    gap: 3px;
    left: 0;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .img-txt-span {
    font-size: 5.8vw;
    line-height: 8.5vw;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .lasso-comman-button {
    height: 5vw;
    max-width: 13vw;
    border-radius: 60px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .lasso-comman-button
    span {
    margin-top: 5px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button {
    width: 5.5vw;
    height: 5.5vw;
    aspect-ratio: 1;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button
    img {
    width: 3vw;
    height: 3vw;
    aspect-ratio: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lasso-wrapper .lasso-hero-section .hero-section-text-wrapper {
    position: relative;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .hero-section-header-text {
    display: flex;
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    display: none;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 65%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -10px;
    gap: 3px;
    left: 0;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .img-txt-span {
    font-size: 5.8vw;
    line-height: 8.5vw;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .lasso-comman-button {
    height: 5vw;
    max-width: 13vw;
    border-radius: 60px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .lasso-comman-button
    span {
    margin-top: 5px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button {
    width: 5.5vw;
    height: 5.5vw;
    aspect-ratio: 1;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button
    img {
    width: 3vw;
    height: 3vw;
    aspect-ratio: 1;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .lasso-wrapper .lasso-hero-section .hero-section-text-wrapper {
    position: relative;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .hero-section-header-text {
    display: flex;
    flex-direction: column;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-text-wrapper
    .svg-down-arrow {
    position: absolute;
    bottom: -35px;
    right: 40px;
    width: 12vw;
  }
  .lasso-wrapper .lasso-hero-section .hero-section-design-making-image-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one {
    width: 65%;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -10px;
    left: 0;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .img-txt-span {
    font-size: 5.6vw;
    line-height: 7vw;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-one
    .image-text
    .lasso-comman-button {
    height: 4.5vw;
    max-width: 12vw;
    border-radius: 60px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button {
    width: 5.2vw;
    height: 5.2vw;
    aspect-ratio: 1;
  }
  .lasso-wrapper
    .lasso-hero-section
    .hero-section-design-making-image-wrapper
    .section-two
    .lasso-star-button
    img {
    width: 2.5vw;
    height: 2.5vw;
    aspect-ratio: 1;
  }
}
.lasso-wrapper .green-line {
  background-color: #14d6b3;
  height: 27px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lasso-wrapper .section-two-wrapper {
  position: relative;
}
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 30px;
}
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
  width: 50%;
}
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 643px;
}
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
  max-width: 697px;
  max-height: 728px;
}
.lasso-wrapper
  .section-two-wrapper
  .inner-section-one-wrapper
  .section-two
  .side-text-section {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36%;
  max-width: 253.46px;
  max-height: 347px;
  z-index: 99;
}
.lasso-wrapper
  .section-two-wrapper
  .inner-section-one-wrapper
  .section-two
  .side-text-section
  .flex-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 85%;
  max-width: 211px;
  display: flex;
  flex-direction: column;
}
.lasso-wrapper
  .section-two-wrapper
  .inner-section-one-wrapper
  .section-two
  .side-text-section
  .flex-wrapper
  div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lasso-wrapper
  .section-two-wrapper
  .inner-section-one-wrapper
  .section-two
  .side-text-section
  .flex-wrapper
  div
  img {
  width: 40px;
  height: 40px;
}
.lasso-wrapper
  .section-two-wrapper
  .inner-section-one-wrapper
  .section-two
  .side-text-section
  .flex-wrapper
  div
  p {
  line-height: 30px;
}
.lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .overlay-shape {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 25%;
}
.lasso-wrapper .section-two-wrapper .laptop-mockup img {
  border-radius: 40px;
}
.lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
}
.lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
.lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-two {
  width: 50%;
}
.lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one {
  overflow: hidden;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper {
  position: relative;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .slider {
  position: relative;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .slider
  .slider-link-button {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 106px;
  height: 106px;
  border: 6px solid white;
  border-radius: 100%;
  background-color: #14d6b3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .slider
  .slider-link-button
  img {
  width: 25px;
  height: 25px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller {
  width: 100%;
  max-width: 410px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: white;
  padding: 18.5px;
  padding-bottom: 0px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller
  .swiper-slide {
  margin: 0 !important;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller
  .swiper-wrapper {
  width: 100%;
  justify-content: space-between;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller
  .slider-thumb {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller
  .slider-thumb
  img {
  border-radius: 24px;
  padding: 3px;
  border: 3px solid transparent;
  transition: 0.2s all ease-in-out;
  width: 100%;
  height: 100%;
  min-width: 85px;
  min-height: 85px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-one
  .image-silder-wrapper
  .image-slider-controller
  .swiper-slide-thumb-active
  .slider-thumb
  img {
  border: 3px solid #14d6b3;
}
.lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-two {
  max-width: 646px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 32px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  gap: 24px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec
  .svg-icon-wrap {
  min-width: 60px;
  height: 60px;
  aspect-ratio: 1;
  background-color: rgba(20, 214, 179, 0.1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec
  .svg-icon-wrap
  img {
  width: 28px;
  height: 28px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec
  .text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 8px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec
  .text
  h6 {
  line-height: 30px;
}
.lasso-wrapper
  .section-two-wrapper
  .slider-section-main-wrapper
  .section-two
  .challenges-section-wrapper
  .challenges-inner-info-wrapper
  .challenges-flex-sec
  .text
  p {
  color: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .green-line {
    height: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: calc(100% - 32px);
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    gap: 16px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    p {
    font-size: 16px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    h4
    br {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper {
    gap: 0px;
    width: calc(100% - 40px);
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    p {
    font-size: 11px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    img {
    width: 20px;
    height: 20px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    .lasso-text-42 {
    font-size: 20px;
  }
  .lasso-wrapper .section-two-wrapper .laptop-mockup img {
    border-radius: 15px;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    flex-direction: column;
    gap: 35px;
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    top: -4px;
    left: -4px;
    width: 50px;
    height: 50px;
    border: 4px solid white;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 15px;
    height: 15px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    max-width: 120px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb {
    background-color: #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    gap: 35px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    flex-direction: column;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 50px;
    height: 50px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .green-line {
    height: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: calc(100% - 32px);
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    gap: 16px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    p {
    font-size: 16px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    h4
    br {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper {
    gap: 0px;
    width: calc(100% - 40px);
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    p {
    font-size: 3vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    img {
    width: 4vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    .lasso-text-42 {
    font-size: 6vw;
  }
  .lasso-wrapper .section-two-wrapper .laptop-mockup img {
    border-radius: 15px;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    flex-direction: column;
    gap: 35px;
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    top: -4px;
    left: -4px;
    width: 70px;
    height: 70px;
    border: 4px solid white;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 18px;
    height: 18px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    max-width: 120px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb {
    background-color: #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    gap: 35px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    flex-direction: column;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 50px;
    height: 50px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 22px;
    height: 22px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .text
    h6 {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .green-line {
    height: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: calc(100% - 32px);
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    gap: 16px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    h4
    br {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper {
    gap: 0px;
    width: calc(100% - 40px);
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    p {
    font-size: 3vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    img {
    width: 4vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    .lasso-text-42 {
    font-size: 6vw;
  }
  .lasso-wrapper .section-two-wrapper .laptop-mockup img {
    border-radius: 32px;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    flex-direction: column;
    gap: 45px;
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    top: -4px;
    left: -4px;
    width: 70px;
    height: 70px;
    border: 4px solid white;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 15px;
    height: 15px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    max-width: 120px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb {
    background-color: #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 45px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    flex-direction: column;
    width: 47%;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 50px;
    height: 50px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 22px;
    height: 22px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .text
    h6 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lasso-wrapper .section-two-wrapper {
    position: relative;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    padding-top: 27px;
    gap: 20px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 50%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 643px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    position: relative;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #14d6b3;
    opacity: 25%;
    z-index: 1;
    border-radius: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    img {
    border-radius: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .overlay-shape {
    display: none;
  }
  .lasso-wrapper .section-two-wrapper .laptop-mockup img {
    border-radius: 24px;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    flex-direction: row;
    gap: 30px;
    width: 100%;
    align-items: flex-start;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one {
    position: sticky;
    top: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    top: -4px;
    left: -4px;
    width: 70px;
    height: 70px;
    border: 4px solid white;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 15px;
    height: 15px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    max-width: 120px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb {
    background-color: #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 50px;
    height: 50px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lasso-wrapper .section-two-wrapper {
    position: relative;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    padding-top: 27px;
    gap: 35px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 50%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 643px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    h4
    br {
    display: none;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    max-width: 697px;
    max-height: 728px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper {
    width: 80%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    .lasso-text-42 {
    font-size: 3vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    img {
    width: 2.5vw !important;
    height: 2.5vw !important;
    aspect-ratio: 1;
    margin-top: -5px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    p {
    font-size: 1.8vw;
  }
  .lasso-wrapper .section-two-wrapper .laptop-mockup img {
    border-radius: 24px;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    flex-direction: row;
    gap: 30px;
    width: 100%;
    align-items: flex-start;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one {
    position: sticky;
    top: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    top: -4px;
    left: -4px;
    width: 70px;
    height: 70px;
    border: 4px solid white;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 15px;
    height: 15px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    max-width: 120px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    display: none;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb {
    background-color: #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 100%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 50px;
    height: 50px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .lasso-wrapper .section-two-wrapper {
    position: relative;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one,
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    width: 50%;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-one {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 643px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-one
    p {
    font-size: 18px;
    line-height: 30px;
  }
  .lasso-wrapper .section-two-wrapper .inner-section-one-wrapper .section-two {
    max-width: 697px;
    max-height: 728px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36%;
    max-width: 253.46px;
    max-height: 347px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 211px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    p {
    line-height: 2vw;
    font-size: 1.5vw;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .section-two
    .side-text-section
    .flex-wrapper
    div
    img {
    width: 40px;
    height: 40px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .inner-section-one-wrapper
    .overlay-shape {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 25%;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
  }
  .lasso-wrapper .section-two-wrapper .slider-section-main-wrapper .section-one,
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    width: 50%;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one {
    overflow: hidden;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper {
    position: relative;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider {
    position: relative;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 106px;
    height: 106px;
    border: 6px solid white;
    border-radius: 100%;
    background-color: #14d6b3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .slider
    .slider-link-button
    img {
    width: 25px;
    height: 25px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller {
    width: 100%;
    max-width: 410px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: white;
    padding: 18.5px;
    padding-bottom: 0px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide {
    margin: 0 !important;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .slider-thumb
    img {
    border-radius: 24px;
    padding: 3px;
    border: 3px solid transparent;
    transition: 0.2s all ease-in-out;
    width: 100%;
    height: 100%;
    min-width: 85px;
    min-height: 85px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-one
    .image-silder-wrapper
    .image-slider-controller
    .swiper-slide-thumb-active
    .slider-thumb
    img {
    border: 3px solid #14d6b3;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two {
    max-width: 646px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 32px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    gap: 24px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap {
    min-width: 60px;
    height: 60px;
    aspect-ratio: 1;
    background-color: rgba(20, 214, 179, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .svg-icon-wrap
    img {
    width: 28px;
    height: 28px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .text {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 8px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .text
    h6 {
    line-height: 30px;
  }
  .lasso-wrapper
    .section-two-wrapper
    .slider-section-main-wrapper
    .section-two
    .challenges-section-wrapper
    .challenges-inner-info-wrapper
    .challenges-flex-sec
    .text
    p {
    color: rgba(0, 0, 0, 0.8);
  }
}
.lasso-wrapper .section-three-main-wrapper .solution-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  max-width: 833px;
  margin: auto;
}
.lasso-wrapper .section-three-main-wrapper .solution-section .flex-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.lasso-wrapper .section-three-main-wrapper .solution-section p {
  color: rgba(255, 255, 255, 0.6);
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  position: relative;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-one,
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-two {
  width: 50%;
  max-width: 646px;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-one
  .sec-two-image,
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-two
  .sec-two-image {
  aspect-ratio: 1/1.4;
  max-height: 760px;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-one
  .solution-list-wrapper,
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-two
  .solution-list-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 60px;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-one
  .solution-list-wrapper
  .list,
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .section-two
  .solution-list-wrapper
  .list {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  gap: 12px;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .overlay-wrapper {
  position: absolute;
  max-width: 852px;
  max-height: 440px;
  bottom: 0%;
  left: 10%;
}
.lasso-wrapper
  .section-three-main-wrapper
  .our-solution-list-flex-wrapper
  .our-solution-flex-wraper
  .overlay-wrapper
  .overlay-image {
  border: 12px solid black;
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .section-three-main-wrapper .solution-section {
    gap: 16px;
    max-width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section {
    align-items: flex-start;
    gap: 16px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section p {
    line-height: 34px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section p {
    color: rgba(255, 255, 255, 0.6);
    text-align: start !important;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    flex-direction: column;
    gap: 35px;
    position: relative;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    width: 100%;
    max-width: 100%;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    gap: 18px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    gap: 6px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    display: none;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .section-three-main-wrapper .solution-section {
    gap: 16px;
    max-width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section {
    align-items: flex-start;
    gap: 16px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section p {
    line-height: 34px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section p {
    color: rgba(255, 255, 255, 0.6);
    text-align: start !important;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    flex-direction: column;
    gap: 35px;
    position: relative;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    width: 100%;
    max-width: 100%;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    gap: 18px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    gap: 6px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .section-three-main-wrapper .solution-section {
    gap: 16px;
    max-width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section {
    align-items: flex-start;
    gap: 16px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section .flex-section p {
    line-height: 34px;
  }
  .lasso-wrapper .section-three-main-wrapper .solution-section p {
    color: rgba(255, 255, 255, 0.6);
    text-align: start !important;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    flex-direction: column;
    gap: 35px;
    position: relative;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    width: 100%;
    max-width: 100%;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    gap: 18px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    gap: 6px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    width: 50%;
    max-width: 646px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    gap: 30px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 12px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    width: 50%;
    max-width: 646px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    gap: 30px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 12px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper {
    align-items: stretch;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two {
    padding-top: 0;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 30px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-one
    .solution-list-wrapper
    .list,
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .section-two
    .solution-list-wrapper
    .list {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 12px;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper {
    position: absolute;
    max-width: 852px;
    max-height: 440px;
    bottom: -1%;
    left: 10%;
  }
  .lasso-wrapper
    .section-three-main-wrapper
    .our-solution-list-flex-wrapper
    .our-solution-flex-wraper
    .overlay-wrapper
    .overlay-image {
    border: 12px solid black;
  }
}
.lasso-wrapper .card-flex-main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.lasso-wrapper .card-flex-main-wrapper .card-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
}
.lasso-wrapper .card-flex-main-wrapper .card-one {
  width: 33.33%;
  height: 100%;
  max-width: 468px;
  max-height: 364px;
  position: relative;
}
.lasso-wrapper .card-flex-main-wrapper .card-one .text {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
@media only screen and (min-width: 1200px) {
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    padding-right: 24px;
  }
}
.lasso-wrapper .card-flex-main-wrapper .card-one .text span {
  max-width: 251px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    max-width: 100%;
    display: inline-block;
  }
}
.lasso-wrapper .card-flex-main-wrapper .card-one .text p {
  max-width: 420px;
}
.lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
  min-width: 70px;
  max-width: 80px;
  min-height: 70px;
  max-height: 80px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #14d6b3;
  position: absolute;
  top: 0;
  left: 0;
}
.lasso-wrapper .footer-section .tech-stack-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 40px;
}
.lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
  padding: 35px 60px;
  background-color: #fafafa;
  border-radius: 40px;
}
@media only screen and (min-width: 1300px) {
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    padding: 35px 70px;
  }
}
@media only screen and (min-width: 1600px) {
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    padding: 35px 92px;
  }
}
.lasso-wrapper
  .footer-section
  .tech-stack-info-wrapper
  .tech-stack-card
  .flex-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.lasso-wrapper
  .footer-section
  .tech-stack-info-wrapper
  .tech-stack-card
  .flex-sec
  .wrapper {
  width: 80px;
  height: 80px;
}
.lasso-wrapper .footer-section .thank-ypu-section {
  background-color: #14d6b3;
  padding: 89px 0;
}
.lasso-wrapper .our-impact-section {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
.lasso-wrapper .our-impact-section .section-one {
  width: 65%;
  position: relative;
}
.lasso-wrapper .our-impact-section .section-one .overlay-text {
  position: absolute;
  bottom: 75px;
  left: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  max-width: 400px;
  gap: 12px;
}
.lasso-wrapper .our-impact-section .section-one .overlay-text h2 {
  font-size: clamp(26px, 2.5vw, 36px);
}
.lasso-wrapper .our-impact-section .section-one .overlay-text p {
  font-size: clamp(16px, 1.2vw, 20px);
}
.lasso-wrapper .our-impact-section .section-two {
  width: 35%;
  background-color: #fafafa;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-bottom: 4px;
  padding: 40px 20px;
}
.lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
.lasso-wrapper
  .our-impact-section
  .section-two
  .our-impact-flex-wrapper
  .our-impact-card {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
.lasso-wrapper
  .our-impact-section
  .section-two
  .our-impact-flex-wrapper
  .our-impact-card
  h3 {
  font-size: clamp(18px, 1.2vw, 24px);
}
.lasso-wrapper
  .our-impact-section
  .section-two
  .our-impact-flex-wrapper
  .our-impact-card
  p {
  font-size: clamp(16px, 0.8vw, 18px);
}
.lasso-wrapper .our-impact-section .responsive-sec {
  display: none;
  flex-direction: column;
  gap: 35px;
}
.lasso-wrapper .our-impact-section .responsive-sec .image-container {
  width: 100%;
  height: 100%;
}
.lasso-wrapper .our-impact-section .responsive-sec .our-impact-card {
  background-color: #14d6b3;
  padding: 30px 16px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lasso-wrapper .our-impact-section .responsive-sec .our-impact-card {
    padding: 15px;
  }
}
.lasso-wrapper .our-impact-section .responsive-sec .our-impact-card .text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12px;
}
.lasso-wrapper .our-impact-section .responsive-sec .our-impact-card .text h2 {
  font-size: clamp(24px, 3.5vw, 28px);
}
.lasso-wrapper .our-impact-section .responsive-sec .our-impact-card .text p {
  font-size: clamp(16px, 2vw, 18px);
}
.lasso-wrapper
  .our-impact-section
  .responsive-sec
  .our-impact-card
  .mask-image {
  position: absolute;
  bottom: -18%;
  right: -25%;
  width: 100%;
  height: 100%;
  transform: rotate(-20deg);
}
@media only screen and (max-width: 380px) {
  .lasso-wrapper .card-flex-main-wrapper {
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 100%;
    background-color: #fafafa;
    max-width: 100%;
    padding: 24px;
    border-radius: 15px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: relative;
    bottom: 0;
    left: 0;
    gap: 6px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    font-size: 18px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    font-size: 16px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one img {
    display: none;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 24px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text {
    width: 100%;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
    overflow: auto;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    min-width: 80%;
    padding: 15px;
    border-radius: 15px;
  }

  .lasso-wrapper .footer-section .thank-ypu-section {
    background-color: #14d6b3;
    padding: 24px 0;
  }
  .lasso-wrapper .footer-section .thank-ypu-section h3 {
    font-size: 18px;
  }
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .our-impact-section .section-one {
    display: none;
  }
  .lasso-wrapper .our-impact-section .section-two {
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 24px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 15px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    h3 {
    font-size: clamp(18px, 1.2vw, 24px);
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    p {
    font-size: clamp(16px, 0.8vw, 18px);
  }
  .lasso-wrapper .our-impact-section .responsive-sec {
    display: flex;
  }

  .lasso-wrapper .card-flex-main-wrapper .card-one {
    padding: 15px;
    border-radius: 15px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .lasso-wrapper .card-flex-main-wrapper {
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 100%;
    background-color: #fafafa;
    max-width: 100%;
    padding: 15px;
    border-radius: 15px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: relative;
    bottom: 0;
    left: 0;
    gap: 6px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text sapn {
    font-size: 18px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    font-size: 16px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one img {
    display: none;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 24px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text {
    width: 100%;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
    overflow: auto;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    padding-bottom: 10px;
  }
  .lasso-wrapper
    .footer-section
    .tech-stack-info-wrapper
    .tech-stack-card
    .flex-sec {
    flex-direction: row;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 15px;
    border-radius: 15px;
  }
  .lasso-wrapper
    .footer-section
    .tech-stack-info-wrapper
    .tech-stack-card
    .flex-sec
    .wrapper {
    height: 40px;
    width: 40px;
  }
  .lasso-wrapper .footer-section .thank-ypu-section {
    background-color: #14d6b3;
    padding: 24px 0;
  }
  .lasso-wrapper .footer-section .thank-ypu-section h3 {
    font-size: 18px;
  }
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .our-impact-section .section-one {
    display: none;
  }
  .lasso-wrapper .our-impact-section .section-two {
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 24px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 15px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    h3 {
    font-size: clamp(18px, 1.2vw, 24px);
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    p {
    font-size: clamp(16px, 0.8vw, 18px);
  }
  .lasso-wrapper .our-impact-section .responsive-sec {
    display: flex;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .lasso-wrapper .card-flex-main-wrapper {
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 25px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 100%;
    background-color: #fafafa;
    max-width: 100%;
    padding: 15px;
    border-radius: 15px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: relative;
    bottom: 0;
    left: 0;
    gap: 6px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    font-size: 18px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    font-size: 16px;
    max-width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one img {
    display: none;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 24px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text {
    width: 100%;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
    overflow: auto;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 35px 55px;
    border-radius: 15px;
  }

  .lasso-wrapper .footer-section .thank-ypu-section {
    background-color: #14d6b3;
    padding: 24px 0;
  }
  .lasso-wrapper .footer-section .thank-ypu-section h3 {
    font-size: 18px;
  }
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 35px;
  }
  .lasso-wrapper .our-impact-section .section-one {
    display: none;
  }
  .lasso-wrapper .our-impact-section .section-two {
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 24px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    background-color: #fafafa;
    padding: 30px;
    border-radius: 24px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    h3 {
    font-size: clamp(18px, 1.2vw, 24px);
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    p {
    font-size: clamp(16px, 0.8vw, 18px);
  }
  .lasso-wrapper .our-impact-section .responsive-sec {
    display: flex;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .our-impact-card {
    border-radius: 24px;
    padding: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lasso-wrapper .card-flex-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 33.33%;
    height: auto;
    max-width: 468px;
    max-height: 100%;
    position: relative;
    background-color: #fafafa;
    padding: 24px;
    border-radius: 24px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one img {
    display: none;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one h3 {
    padding-top: 24px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    max-width: 251px;
    font-size: 18px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    max-width: 420px;
    font-size: 16px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 24px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text {
    width: 100%;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text h3 br {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
    overflow: auto;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 33.33%;
    padding: 35px 55px;
    border-radius: 34px;
  }

  .lasso-wrapper .footer-section .thank-ypu-section {
    background-color: #14d6b3;
    padding: 24px 0;
  }
  .lasso-wrapper .footer-section .thank-ypu-section h3 {
    font-size: 18px;
  }
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 24px;
  }
  .lasso-wrapper .our-impact-section .section-one {
    display: none;
  }
  .lasso-wrapper .our-impact-section .section-two {
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card {
    width: 48.5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    background-color: #fafafa;
    padding: 24px;
    border-radius: 20px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    h3 {
    font-size: clamp(18px, 1.2vw, 24px);
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    p {
    font-size: clamp(16px, 0.8vw, 18px);
  }
  .lasso-wrapper .our-impact-section .responsive-sec {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 20px;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .our-impact-card {
    border-radius: 20px;
    padding: 24px;
    width: 50%;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .image-container {
    width: 50%;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .image-container img {
    border-radius: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lasso-wrapper .card-flex-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 33.33%;
    height: auto;
    max-width: 468px;
    max-height: 100%;
    position: relative;
    background-color: #fafafa;
    padding: 24px;
    border-radius: 24px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one img {
    display: none;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one h3 {
    padding-top: 24px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    max-width: 251px;
    font-size: 18px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    max-width: 420px;
    font-size: 16px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 24px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text {
    width: 100%;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .text h3 br {
    display: none;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-flex {
    overflow: auto;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
  }
  .lasso-wrapper .footer-section .tech-stack-info-wrapper .tech-stack-card {
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 33.33%;
    padding: 35px 55px;
    border-radius: 34px;
  }

  .lasso-wrapper .footer-section .thank-ypu-section {
    background-color: #14d6b3;
    padding: 24px 0;
  }
  .lasso-wrapper .footer-section .thank-ypu-section h3 {
    font-size: 18px;
  }
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    gap: 24px;
  }
  .lasso-wrapper .our-impact-section .section-one {
    display: none;
  }
  .lasso-wrapper .our-impact-section .section-two {
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .lasso-wrapper .our-impact-section .section-two .our-impact-flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card {
    width: 48.5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    background-color: #fafafa;
    padding: 24px;
    border-radius: 20px;
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    h3 {
    font-size: clamp(18px, 1.2vw, 24px);
  }
  .lasso-wrapper
    .our-impact-section
    .section-two
    .our-impact-flex-wrapper
    .our-impact-card
    p {
    font-size: clamp(16px, 0.8vw, 18px);
  }
  .lasso-wrapper .our-impact-section .responsive-sec {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 20px;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .our-impact-card {
    border-radius: 20px;
    padding: 24px;
    width: 50%;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .image-container {
    width: 50%;
  }
  .lasso-wrapper .our-impact-section .responsive-sec .image-container img {
    border-radius: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .lasso-wrapper .our-impact-section {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
  }
  .lasso-wrapper .our-impact-section .section-one {
    width: 65%;
    position: relative;
  }
  .lasso-wrapper .our-impact-section .section-one .overlay-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 300px;
    gap: 12px;
  }
  .lasso-wrapper .our-impact-section .section-one .overlay-text h2 {
    font-size: clamp(26px, 2.5vw, 36px);
  }
  .lasso-wrapper .our-impact-section .section-one .overlay-text p {
    font-size: clamp(16px, 1.2vw, 20px);
  }
  .lasso-wrapper .card-flex-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one {
    width: 33.33%;
    height: 100%;
    max-width: 468px;
    max-height: 364px;
    position: relative;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text span {
    max-width: 251px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .text p {
    max-width: 420px;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap {
    min-width: 5px;
    min-height: 5vw;
    aspect-ratio: 1;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #14d6b3;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lasso-wrapper .card-flex-main-wrapper .card-one .svg-icon-wrap img {
    width: 2.5vw;
    height: 2.5vw;
  }
}
/* ---------------REAL ESTATE LASSO APP css END -----------*/

/* --------------------------------------- Build Pass Css Start From Here --------------------------------------- */
@font-face {
  font-family: "General Sans";
  src: local("General Sans Extralight"), local("GeneralSans-Extralight"),
    url("../woff2/generalsans-extralight.woff2")
      format("woff2"),
    url("../woff/generalsans-extralight.woff")
      format("woff"),
    url("../ttf/generalsans-extralight.ttf")
      format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Bold"), local("GeneralSans-Bold"),
    url("../woff2/generalsans-bold.woff2")
      format("woff2"),
    url("../woff/generalsans-bold.woff")
      format("woff"),
    url("../ttf/generalsans-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Bold Italic"), local("GeneralSans-BoldItalic"),
    url("../woff2/generalsans-bolditalic.woff2")
      format("woff2"),
    url("../woff/generalsans-bolditalic.woff")
      format("woff"),
    url("../ttf/generalsans-bolditalic.ttf")
      format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Extralight Italic"),
    local("GeneralSans-ExtralightItalic"),
    url("../woff2/generalsans-extralightitalic.woff2")
      format("woff2"),
    url("../woff/generalsans-extralightitalic.woff")
      format("woff"),
    url("../ttf/generalsans-extralightitalic.ttf")
      format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Semibold Italic"),
    local("GeneralSans-SemiboldItalic"),
    url("../generalsans-semibolditalic.html")
      format("woff2"),
    url("../woff/generalsans-semibolditalic.woff")
      format("woff"),
    url("../ttf/generalsans-semibolditalic.ttf")
      format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Semibold"), local("GeneralSans-Semibold"),
    url("../woff2/generalsans-semibold.woff2")
      format("woff2"),
    url("../woff/generalsans-semibold.woff")
      format("woff"),
    url("../ttf/generalsans-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Light Italic"), local("GeneralSans-LightItalic"),
    url("../woff2/generalsans-lightitalic.woff2")
      format("woff2"),
    url("../woff/generalsans-lightitalic.woff")
      format("woff"),
    url("../ttf/generalsans-lightitalic.ttf")
      format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Italic"), local("GeneralSans-Italic"),
    url("../woff2/generalsans-italic.woff2")
      format("woff2"),
    url("../woff/generalsans-italic.woff")
      format("woff"),
    url("../ttf/generalsans-italic.ttf")
      format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Light"), local("GeneralSans-Light"),
    url("../woff2/generalsans-light.woff2")
      format("woff2"),
    url("../woff/generalsans-light.woff")
      format("woff"),
    url("../ttf/generalsans-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Medium Italic"), local("GeneralSans-MediumItalic"),
    url("../woff2/generalsans-mediumitalic.woff2")
      format("woff2"),
    url("../woff/generalsans-mediumitalic.woff")
      format("woff"),
    url("../ttf/generalsans-mediumitalic.ttf")
      format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Medium"), local("GeneralSans-Medium"),
    url("../woff2/generalsans-medium.woff2")
      format("woff2"),
    url("../woff/generalsans-medium.woff")
      format("woff"),
    url("../ttf/generalsans-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: local("General Sans Regular"), local("GeneralSans-Regular"),
    url("../woff2/generalsans-regular.woff2")
      format("woff2"),
    url("../woff/generalsans-regular.woff")
      format("woff"),
    url("../ttf/generalsans-regular.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.build-p-wrapper {
  /* Font Weight Utility Classes */
}
.build-p-wrapper .build-p-font-general-sans {
  font-family: "General Sans";
  font-style: normal;
  letter-spacing: 0.8px;
}
.build-p-wrapper .build-p-font-thin {
  font-weight: 100;
}
.build-p-wrapper .build-p-fw-200 {
  font-weight: 200;
}
.build-p-wrapper .build-p-font-medium {
  font-weight: 500;
}

.build-p-wrapper .build-p-text-green {
  color: #68d07f;
}

.build-p-wrapper {
  --root-banner-bg-color: #68d07f1a;
  --secondry-text-color: #888888;
  --highiligted-color: #68d07f;
  --text-main-color: #2b2f36;
  --gray-color: #666666;
}
.build-p-wrapper .build-p-object-fit-fill {
  -o-object-fit: fill;
  object-fit: fill;
}
.build-p-wrapper .build-p-object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.build-p-wrapper .build-p-container {
  width: 100%;
  padding: 0 16px;
}
@media only screen and (min-width: 1200px) {
  .build-p-wrapper .build-p-container {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding: 0;
  }
}
@media only screen and (min-width: 1300px) {
  .build-p-wrapper .build-p-container {
    width: calc(100% - 180px);
  }
}
@media only screen and (min-width: 1400px) {
  .build-p-wrapper .build-p-container {
    width: calc(100% - 220px);
  }
}
@media only screen and (min-width: 1500px) {
  .build-p-wrapper .build-p-container {
    width: 100%;
    max-width: 1440px;
  }
}
.build-p-wrapper .build-p-text-secondry-color {
  color: var(--secondry-text-color);
}
.build-p-wrapper .build-p-highilited-text {
  color: var(--highiligted-color);
}
.build-p-wrapper .build-p-text-main-color {
  color: var(--text-main-color);
}
.build-p-wrapper .build-p-w-full {
  width: 100%;
}
.build-p-wrapper .build-p-h-full {
  height: 100%;
}
.build-p-wrapper .build-pass-rounded-40 {
  border-radius: 40px;
}
@media only screen and (max-width: 380px) {
  .build-p-wrapper .build-pass-rounded-40 {
    border-radius: 15px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .build-p-wrapper .build-pass-rounded-40 {
    border-radius: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .build-p-wrapper .build-pass-rounded-40 {
    border-radius: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-pass-rounded-40 {
    border-radius: 24px;
  }
}
.build-p-wrapper .build-p-text-70 {
  font-size: 70px;
}
@media only screen and (max-width: 380px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 33px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 38px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .build-p-wrapper .build-p-text-70 {
    font-size: 64px;
  }
}
.build-p-wrapper .build-p-text-50 {
  font-size: 50px;
}
@media only screen and (max-width: 380px) {
  .build-p-wrapper .build-p-text-50 {
    font-size: 26px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .build-p-wrapper .build-p-text-50 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .build-p-wrapper .build-p-text-50 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .build-p-wrapper .build-p-text-50 {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-text-50 {
    font-size: 32px;
  }
}
.build-p-wrapper .build-p-text-18 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .build-p-wrapper .build-p-text-18 {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-text-18 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1549px) {
  .build-p-wrapper .build-p-text-18 {
    font-size: 18px;
  }
}
.build-p-wrapper .build-p-text-30 {
  font-size: 24px;
}
@media only screen and (max-width: 380px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 24px;
  }
}
@media (min-width: 381px) and (max-width: 575px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1500px) {
  .build-p-wrapper .build-p-text-30 {
    font-size: 30px;
  }
}
.build-p-wrapper .build-p-text-22 {
  font-size: 22px;
}
.build-p-wrapper .built-p-pt-100 {
  padding-top: 100px;
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-pt-100 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-pt-100 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-pt-100 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-pt-100 {
    padding-top: 35px;
  }
}
.build-p-wrapper .built-p-pb-100 {
  padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-pb-100 {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-pb-100 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-pb-100 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-pb-100 {
    padding-bottom: 35px;
  }
}
.build-p-wrapper .built-p-ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-ptb-100 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-ptb-100 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-ptb-100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.build-p-wrapper .built-p-pb-40 {
  padding-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-pb-40 {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-pb-40 {
    padding-bottom: 25px;
  }
}
.build-p-wrapper .built-p-pt-140 {
  padding-top: 140px;
}
@media screen and (max-width: 1499px) {
  .build-p-wrapper .built-p-pt-140 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-pt-140 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-pt-140 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-pt-140 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-pt-140 {
    padding-top: 35px;
  }
}
.build-p-wrapper .built-p-pb-140 {
  padding-bottom: 140px;
}
@media screen and (max-width: 1499px) {
  .build-p-wrapper .built-p-pb-140 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-pb-140 {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-pb-140 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-pb-140 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-pb-140 {
    padding-bottom: 35px;
  }
}
.build-p-wrapper .built-p-ptb-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media screen and (max-width: 1499px) {
  .build-p-wrapper .built-p-ptb-140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .build-p-wrapper .built-p-ptb-140 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .build-p-wrapper .built-p-ptb-140 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .build-p-wrapper .built-p-ptb-140 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .build-p-wrapper .built-p-ptb-140 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.build-p-wrapper .build-p-banner-image-wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--root-banner-bg-color);
}
.build-p-wrapper .build-p-banner-image-wrapper img {
  aspect-ratio: 485/305;
  -o-object-fit: cover;
  object-fit: cover;
}
.build-p-wrapper .build-p-our-info-wrapper .build-p-hero-section-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
}
.build-p-wrapper .build-p-our-info-wrapper .build-p-info-section-text-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 15px;
}
.build-p-wrapper
  .build-p-our-info-wrapper
  .build-p-info-section-text-wrapper
  p {
  color: var(--gray-color);
}
.build-p-wrapper .build-p-construction-efficiency {
  width: 100%;
  height: 100%;
  position: relative;
}
.build-p-wrapper .build-p-construction-efficiency .image-wrapper {
  width: 100%;
  height: 100%;
}
.build-p-wrapper .build-p-construction-efficiency .overlay-text {
  position: absolute;
  bottom: 30px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 10px 40px 10px 30px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-construction-efficiency .overlay-text {
    width: 100%;
    padding: 10px 10px 10px 10px;
    bottom: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .build-p-wrapper
    .build-p-construction-efficiency
    .overlay-text
    .build-p-text-30 {
    font-size: clamp(14px, 2vw, 18px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .build-p-wrapper .build-p-construction-efficiency .overlay-text {
    padding: 10px 30px 10px 20px;
  }
  .build-p-wrapper
    .build-p-construction-efficiency
    .overlay-text
    .build-p-text-30 {
    font-size: clamp(20px, 2vw, 26px);
  }
}
.build-p-wrapper .build-p-flex-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-flex-wrapper {
    flex-direction: column;
  }
}

.build-p-wrapper
  .build-p-flex-wrapper
  .flex-sec-two
  .build-p-challange-section-text {
  font-weight: 300;
}

.build-p-wrapper .build-p-flex-wrapper .flex-sec-one,
.build-p-wrapper .build-p-flex-wrapper .flex-sec-two {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-one,
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-two {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-one img,
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-two img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.build-p-wrapper .build-p-flex-wrapper .flex-sec-two {
  background-color: var(--text-main-color);
  position: relative;
}
.build-p-wrapper .build-p-flex-wrapper .flex-sec-two .text-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px;
  gap: 20px;
}
.build-p-wrapper .build-p-flex-wrapper .flex-sec-two .text-wrapper p {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-two .text-wrapper {
    padding: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-flex-wrapper .flex-sec-two .text-wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-flex-wrapper
    .flex-sec-two
    .text-wrapper
    .build-p-text-30 {
    font-size: clamp(18px, 2.2vw, 26px);
  }
  .build-p-wrapper
    .build-p-flex-wrapper
    .flex-sec-two
    .text-wrapper
    .build-p-text-18 {
    font-size: clamp(16px, 1.4vw, 18px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-flex-wrapper
    .flex-sec-two
    .text-wrapper
    .build-p-text-30 {
    font-size: clamp(20px, 2.2vw, 26px);
  }
  .build-p-wrapper
    .build-p-flex-wrapper
    .flex-sec-two
    .text-wrapper
    .build-p-text-18 {
    font-size: clamp(16px, 1.4vw, 18px);
  }
}
.build-p-wrapper .build-p-flex-wrapper .flex-sec-two .build-p-svg-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.build-p-wrapper .build-p-key-challange-list-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 20px;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-key-challange-list-wrapper .build-p-text-22 {
    font-size: clamp(16px, 2vw, 22px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-key-challange-list-wrapper .build-p-text-22 {
    font-size: clamp(18px, 1.5vw, 22px);
  }
}
.build-p-wrapper .build-p-key-challange-list-wrapper .build-p-key-challange {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px 30px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-key-challange-list-wrapper .build-p-key-challange {
    padding: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-key-challange-list-wrapper .build-p-key-challange {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .build-p-wrapper .build-p-key-challange-list-wrapper .build-p-key-challange {
    border-radius: 14px;
  }
}
.build-p-wrapper .build-p-the-result-section .build-p-text-wrapper p {
  color: var(--gray-color);
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-inner-section-flex-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-inner-section-flex-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-inner-section-flex-wrapper {
    flex-direction: column;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-section-one,
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-section-three {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 27.5%;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-one,
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-three {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-one,
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-three {
    flex-direction: row;
    align-items: stretch;
    width: 100%;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-section-one
  .build-p-flex-card,
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-section-three
  .build-p-flex-card {
  width: 100%;
  height: 50%;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-one
    .build-p-flex-card,
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-three
    .build-p-flex-card {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-one
    .build-p-flex-card,
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-three
    .build-p-flex-card {
    width: 50%;
    height: auto;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-section-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 45%;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-two {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-two {
    flex-direction: row;
    align-items: stretch;
    width: 100%;
  }
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-section-two
    .build-p-flex-card {
    width: 50%;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-flex-card {
  background-color: rgba(0, 0, 0, 0.05);
  padding: clamp(20px, 1.8vw, 30px);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card {
    padding: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card {
    border-radius: 14px;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-flex-card
  p {
  color: #2b2f36;
  font-size: 24px;
  font-weight: 300;
}

.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-flex-card
  p
  strong {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card
    p {
    font-size: clamp(16px, 3vw, 18px);
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card
    p {
    font-size: clamp(16px, 3vw, 18px);
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-result-section-flex-wrapper
  .build-p-flex-card
  .build-p-title-text {
  background-color: var(--highiligted-color);
  padding: 10px 24px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card
    .build-p-title-text {
    padding: 6px 16px;
    font-size: clamp(18px, 3vw, 22px);
    border-radius: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-result-section-flex-wrapper
    .build-p-flex-card
    .build-p-title-text {
    padding: 6px 16px;
    font-size: clamp(20px, 2vw, 22px);
    border-radius: 10px;
  }
}
.build-p-wrapper .build-p-the-result-section .build-p-image-section-wrapper {
  position: relative;
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 50px;
  max-width: 675px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card {
    max-width: 100%;
    width: 100%;
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card {
    padding: 20px;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card
  .build-p-overlay-card-inner-section {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6509803922);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  padding: 46px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section {
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.1882352941);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section {
    padding: 20px;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card
  .build-p-overlay-card-inner-section
  .text-flex-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card
  .build-p-overlay-card-inner-section
  .text-flex-wrapper
  .svg-logo-wrapper {
  max-width: 365.4545288086px;
  max-height: 60px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section
    .text-flex-wrapper
    .svg-logo-wrapper {
    max-width: 200px;
    max-height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section
    .text-flex-wrapper
    .svg-logo-wrapper {
    max-width: 220px;
    max-height: 40px;
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card
  .build-p-overlay-card-inner-section
  .text-flex-wrapper
  .build-p-text-18 {
  font-size: clamp(22px, 2vw, 34px);
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section
    .text-flex-wrapper
    .build-p-text-18 {
    font-size: clamp(16px, 3.5vw, 22px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-the-result-section
    .build-p-image-section-wrapper
    .build-p-overlay-card
    .build-p-overlay-card-inner-section
    .text-flex-wrapper
    .build-p-text-18 {
    font-size: clamp(18px, 3.5vw, 22px);
  }
}
.build-p-wrapper
  .build-p-the-result-section
  .build-p-image-section-wrapper
  .build-p-overlay-card
  .build-p-overlay-card-inner-section
  .overlay-svg-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.build-p-wrapper .build-p-conclusion-section-flex-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
}
.build-p-wrapper .build-p-conclusion-section-flex-wrapper .build-p-text-18 {
  font-size: 22px;
  color: #2b2f36;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper .build-p-conclusion-section-flex-wrapper .build-p-text-18 {
    font-size: clamp(16px, 3vw, 18px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper .build-p-conclusion-section-flex-wrapper .build-p-text-18 {
    font-size: clamp(18px, 3vw, 22px);
  }
}
.build-p-wrapper
  .build-p-conclusion-section-flex-wrapper
  .build-p-lets-talk-btn {
  padding: 30px;
  background-color: var(--highiligted-color);
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 30px;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .build-p-wrapper
    .build-p-conclusion-section-flex-wrapper
    .build-p-lets-talk-btn {
    padding: 14px 14px;
    font-size: clamp(18px, 3.5vw, 24px);
    line-height: 1.4;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-conclusion-section-flex-wrapper
    .build-p-lets-talk-btn {
    padding: 20px 20px;
    font-size: clamp(20px, 3.5vw, 24px);
    line-height: 1.4;
  }
}
@media only screen and (max-width: 1199px) {
  .build-p-wrapper
    .build-p-conclusion-section-flex-wrapper
    .build-p-lets-talk-btn {
    border-radius: 14px;
  }
}

/* --------------------------------------- Build Pass Css End From Here --------------------------------------- */

/* ----------------------------------- BASKETBALL PAGE CSS START FROM HERE ----------------------------------------- */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Bold"), local("PlusJakartaSans-Bold"),
    url("../woff2/plusjakartasans-bold-4.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-bold-4.woff")
      format("woff"),
    url("../ttf/plusjakartasans-bold-4.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans ExtraBold"), local("PlusJakartaSans-ExtraBold"),
    url("../woff2/plusjakartasans-extrabold-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-extrabold-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-extrabold-3.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans ExtraLight"),
    local("PlusJakartaSans-ExtraLight"),
    url("../woff2/plusjakartasans-extralight.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-extralight.woff")
      format("woff"),
    url("../ttf/plusjakartasans-extralight.ttf")
      format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Light"), local("PlusJakartaSans-Light"),
    url("../woff2/plusjakartasans-light-3.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-light-3.woff")
      format("woff"),
    url("../ttf/plusjakartasans-light-3.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Regular"), local("PlusJakartaSans-Regular"),
    url("../woff2/plusjakartasans-regular-4.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-regular-4.woff")
      format("woff"),
    url("../ttf/plusjakartasans-regular-4.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Bold"), local("SFUIText-Bold"),
    url("../woff2/sfuitext-bold.woff2")
      format("woff2"),
    url("../woff/sfuitext-bold.woff")
      format("woff"),
    url("../ttf/sfuitext-bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans SemiBold"), local("PlusJakartaSans-SemiBold"),
    url("../woff2/plusjakartasans-semibold-4.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-semibold-4.woff")
      format("woff"),
    url("../ttf/plusjakartasans-semibold-4.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: local("Plus Jakarta Sans Medium"), local("PlusJakartaSans-Medium"),
    url("../woff2/plusjakartasans-medium-4.woff2")
      format("woff2"),
    url("../woff/plusjakartasans-medium-4.woff")
      format("woff"),
    url("../ttf/plusjakartasans-medium-4.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Light"), local("SFUIText-Light"),
    url("../woff2/sfuitext-light.woff2")
      format("woff2"),
    url("../woff/sfuitext-light.woff")
      format("woff"),
    url("../ttf/sfuitext-light.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Medium"), local("SFUIText-Medium"),
    url("../woff2/sfuitext-medium.woff2")
      format("woff2"),
    url("../woff/sfuitext-medium.woff")
      format("woff"),
    url("../ttf/sfuitext-medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Heavy"), local("SFUIText-Heavy"),
    url("../woff2/sfuitext-heavy.woff2")
      format("woff2"),
    url("../woff/sfuitext-heavy.woff")
      format("woff"),
    url("../ttf/sfuitext-heavy.ttf")
      format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Semibold"), local("SFUIText-Semibold"),
    url("../woff2/sfuitext-semibold.woff2")
      format("woff2"),
    url("../woff/sfuitext-semibold.woff")
      format("woff"),
    url("../ttf/sfuitext-semibold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF UI Text";
  src: local("SF UI Text Regular"), local("SFUIText-Regular"),
    url("../woff2/sfuitext-regular.woff2")
      format("woff2"),
    url("../woff/sfuitext-regular.woff")
      format("woff"),
    url("../ttf/sfuitext-regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.build-basket-main-wrapper .build-basket-w-full {
  width: 100%;
}
.build-basket-main-wrapper .build-basket-h-auto {
  height: auto;
}
.build-basket-main-wrapper .font-light-blue {
  color: #4444dc;
}
.build-basket-main-wrapper .font-dark-blue {
  color: #121d30;
}
.build-basket-main-wrapper .font-extra-dark-blue {
  color: #0c0517;
}
.build-basket-main-wrapper .lightblue-background {
  background-color: #f8f8ff;
}

.build-basket-main-wrapper .lightblue-background.section-two-flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.build-basket-main-wrapper .text-center {
  text-align: center;
}
.build-basket-main-wrapper .color-white {
  color: #ffffff;
}
.build-basket-main-wrapper .color-black {
  color: #111111;
}
.build-basket-main-wrapper .color-gray {
  color: #666666;
}
.build-basket-main-wrapper .font-light {
  font-weight: 300;
}
.build-basket-main-wrapper .font-normal {
  font-weight: normal;
}
.build-basket-main-wrapper .font-medium {
  font-weight: 500;
}
.build-basket-main-wrapper .font-semibold {
  font-weight: 600;
}
.build-basket-main-wrapper .font-bold {
  font-weight: 700;
}
.build-basket-main-wrapper .font-extra-bold {
  font-weight: 800;
}
.build-basket-main-wrapper .build-basket-font-size-72 {
  font-size: 72px;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .build-basket-font-size-72 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-font-size-72 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .build-basket-font-size-72 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .build-basket-font-size-72 {
    font-size: 30px;
  }
}
.build-basket-main-wrapper .font-size-44 {
  font-size: 44px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .font-size-44 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .font-size-44 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .font-size-44 {
    font-size: 28px;
  }
}
.build-basket-main-wrapper .font-size-42 {
  font-size: 42px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .font-size-42 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .font-size-42 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .font-size-42 {
    font-size: 20px;
  }
}
.build-basket-main-wrapper .font-size-40 {
  font-size: 40px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .font-size-40 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .font-size-40 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .font-size-40 {
    font-size: 28px;
  }
}
.build-basket-main-wrapper .build-basket-font-size-36 {
  font-size: 36px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-font-size-36 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-font-size-36 {
    font-size: 24px;
  }
}
.build-basket-main-wrapper .build-basket-font-size-30 {
  font-size: 30px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-font-size-30 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .build-basket-font-size-30 {
    font-size: 18px;
  }
}
.build-basket-main-wrapper .font-size-28 {
  font-size: 28px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .font-size-28 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .font-size-28 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .font-size-28 {
    font-size: 16px;
  }
}
.build-basket-main-wrapper .build-basket-font-size-24 {
  font-size: 24px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-font-size-24 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .build-basket-font-size-24 {
    font-size: 18px;
  }
}
.build-basket-main-wrapper .font-size-20 {
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .font-size-20 {
    font-size: 15px;
  }
}
.build-basket-main-wrapper .build-basket-font-size-18 {
  font-size: 18px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-font-size-18 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .build-basket-font-size-18 {
    font-size: 15px;
  }
}
.build-basket-main-wrapper .build-basket-font-size-16 {
  font-size: 16px;
}
.build-basket-main-wrapper .font-size-14 {
  font-size: 14px;
}
.build-basket-main-wrapper .text-center {
  text-align: center;
}
.build-basket-main-wrapper .build-basket-container {
  width: 100%;
  padding: 0 16px;
}
@media only screen and (min-width: 1200px) {
  .build-basket-main-wrapper .build-basket-container {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding: 0;
  }
}
@media only screen and (min-width: 1300px) {
  .build-basket-main-wrapper .build-basket-container {
    width: calc(100% - 180px);
  }
}
@media only screen and (min-width: 1400px) {
  .build-basket-main-wrapper .build-basket-container {
    width: calc(100% - 220px);
  }
}
@media only screen and (min-width: 1500px) {
  .build-basket-main-wrapper .build-basket-container {
    width: 100%;
    max-width: 1440px;
  }
}
.build-basket-main-wrapper .ptb-100 {
  padding: 150px 0;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .ptb-100 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .ptb-100 {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .ptb-100 {
    padding: 20px 0;
  }
}
.build-basket-main-wrapper .rounded-numbers {
  border-radius: 99em;
  height: 40px;
  width: 40px;
  background-color: rgba(68, 68, 220, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4444dc;
  font-size: 18px;
  font-weight: 700;
}
.build-basket-main-wrapper .border-bottom-left-radius {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.build-basket-main-wrapper {
  /* START : basketball first container */
  /* END : basketball first container */
  /* START : basketball services */
  /* END : basketball services */
  /*START : basketball challenges*/
  /*END : basketball challenges*/
}
.build-basket-main-wrapper .build-basket-font-plus-jakarta {
  font-family: "Plus Jakarta Sans";
}
.build-basket-main-wrapper .build-basket-font-plus-SFUIText {
  font-family: "SF UI Text";
  line-height: 1.3;
}

.build-basket-main-wrapper .build-basket-wrapper {
  background-color: #010818;
  color: white;
  padding: 100px 0px;
}
@media only screen and (min-width: 1600px) {
  .build-basket-main-wrapper .build-basket-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 130px 0px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-wrapper {
    padding: 50px 0px;
    min-height: 60vh;
    display: flex;
    align-items: center;
  }
}

.build-basket-main-wrapper .build-basket-wrapper .build-basket-content {
  display: grid;
  grid-template-columns: 1fr 530px;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .build-basket-wrapper .build-basket-content {
    grid-template-columns: 1fr 480px;
  }
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .build-basket-wrapper .build-basket-content {
    grid-template-columns: 1fr 380px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-wrapper .build-basket-content {
    grid-template-columns: 1fr;
  }
}
.build-basket-main-wrapper .build-basket-wrapper .build-basket {
  padding: 10px 0px 10px 20px;
  border-left: 3px solid #4444dc;
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-wrapper .build-basket {
    padding: 10px 0px 10px 10px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-wrapper .basketball-club-image {
    display: none;
  }
}
.build-basket-main-wrapper .build-basket-services {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .build-basket-services {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .build-basket-services {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.build-basket-main-wrapper .build-basket-services .build-basket-services-list {
  padding: 10px 14px;
  background-color: #e7e7ff;
  border-radius: 100px;
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper
    .build-basket-services
    .build-basket-services-list {
    padding: 15px;
    border-radius: 15px;
  }
}
.build-basket-main-wrapper .basketball-challenge .basketball-club-challenge {
  display: grid;
  grid-template-columns: 50% 20% 24%;
  gap: 24px;
}

@media only screen and (max-width: 1439px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-club-challenge {
    grid-template-columns: 1fr 25% 25%;
  }
}

@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-club-challenge {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-club-challenge {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.build-basket-main-wrapper .owl-carousel .owl-stage-outer {
  overflow: visible;
}

@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper
    .basketball-challenge
    .basketball-challenge-content {
    grid-column: 2 span;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper
    .basketball-challenge
    .basketball-challenge-content {
    grid-column: 1 span;
  }
}
.build-basket-main-wrapper .basketball-challenge .basketball-more-challenge {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 35px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-more-challenge {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-more-challenge {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-more-challenge {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.build-basket-main-wrapper .basketball-challenge .basketball-preview-photo {
  margin-top: 90px;
  border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-preview-photo {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .basketball-challenge .basketball-preview-photo {
    border-radius: 15px;
    margin-top: 15px;
  }
}
.build-basket-main-wrapper .basketball-challenge .lightblue-content-blue {
  background-color: #f8f8ff;
  padding: 14px 14px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .basketball-challenge .lightblue-content-blue {
    border-radius: 15px;
    padding: 15px;
  }
}
.build-basket-main-wrapper .basketball-digital-transformation {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .basketball-digital-transformation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .build-basket-main-wrapper .basketball-digital-transformation {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-digital-transformation {
    gap: 10px;
  }
}
.build-basket-main-wrapper .basketball-digital-transformation .section-one {
  grid-column: 2 span;
  padding: 20px 0px 0px 20px;
  gap: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 20px;
  align-items: center;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-one {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 992px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-one {
    grid-column: span 1;
    grid-template-columns: 1fr;
    padding: 20px 20px 20px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-one {
    padding: 15px;
    border-radius: 15px;
    display: block;
  }
}
.build-basket-main-wrapper .basketball-digital-transformation .section-two {
  padding: 20px 20px 0px 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-two {
    padding: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-two {
    padding: 15px;
    border-radius: 15px;
  }
}
.build-basket-main-wrapper .basketball-digital-transformation .section-three {
  grid-row: 2 span;
  /* padding: 20px 20px; */
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-three {
    grid-column: span 2;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
  }
}
@media only screen and (max-width: 992px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-three {
    grid-column: span 1;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-three {
    padding: 0;
    border-radius: 15px;
    gap: 15px;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-three
  .section-three-inner {
  padding: 20px 20px 0;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-three
    .section-three-inner {
    padding: 15px;
    border-radius: 15px;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-three
  .section-three-bottom {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-three
    .section-three-bottom {
    padding: 20px 0;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-three
  .section-three-bottom
  .font-bold,
.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-three
  .section-three-bottom
  .build-basket-font-size-16 {
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-three
    .section-three-bottom
    .font-bold,
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-three
    .section-three-bottom
    .build-basket-font-size-16 {
    padding: 0 15px;
  }
}

.build-basket-main-wrapper .basketball-digital-transformation .section-last {
  grid-column: 3 span;
  overflow: hidden;
  gap: 51px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-radius: 20px;
}
@media only screen and (max-width: 1500px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-last {
    grid-column: span 2;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-last {
    grid-column: span 1;
    gap: 30px;
    grid-template-columns: 1fr;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper .basketball-digital-transformation .section-last {
    padding: 15px;
    border-radius: 15px;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-last
  .section-last-inner {
  padding: 20px;
}

@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-last
    .section-last-inner {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-last
    .section-last-inner {
    padding: 0;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .section-last
  .real-time-insights-img {
  transform: translateY(26px);
}

@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .section-last
    .real-time-insights-img {
    transform: translateY(0);
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .revenue-optimization-img {
  max-width: 350px;
}

@media only screen and (max-width: 992px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .digital-transformation-image {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .build-basket-main-wrapper
    .basketball-digital-transformation
    .digital-transformation-image-two {
    display: none;
  }
}

.build-basket-main-wrapper
  .basketball-digital-transformation
  .digital-transformation-image.performance-analytics {
  border-radius: 20px 0 20px 0;
}
.build-basket-main-wrapper .basketball-screen-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .basketball-screen-images {
    display: none;
  }
}
.build-basket-main-wrapper
  .basketball-screen-images
  .basketball-screen-image-one {
  border-radius: 20px;
}

.build-basket-main-wrapper .strategy-slider-wrapper {
  overflow: hidden;
}

.build-basket-main-wrapper .strategy-slider .owl-carousel .owl-item {
  background-color: #f8f8ff;
  padding: 20px 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .build-basket-main-wrapper .strategy-slider .owl-carousel .owl-item {
    border-radius: 15px;
    padding: 15px;
  }
}

.build-basket-main-wrapper .strategy-slider .owl-carousel .owl-stage {
  display: flex;
}
.build-basket-main-wrapper .strategy-slider .owl-carousel .owl-item {
  display: flex;
  height: auto !important;
}
.build-basket-main-wrapper .strategy-slider .card {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  color: #fff;
}
.build-basket-main-wrapper .basketball-club-results {
  display: grid;
  grid-template-columns: 1fr 590px;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-club-results {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .build-basket-main-wrapper .basketball-club-results {
    gap: 5px;
  }
}
.build-basket-main-wrapper
  .basketball-club-results
  .basketball-results-content {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 20px;
}
@media only screen and (max-width: 1336px) {
  .build-basket-main-wrapper
    .basketball-club-results
    .basketball-results-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
}
.build-basket-main-wrapper .basketball-club-results .basketball-results-image {
  border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper
    .basketball-club-results
    .basketball-results-image {
    display: none;
  }
}
.build-basket-main-wrapper .basketball-club-conclusion {
  background-color: #f8f8ff;
  padding: 90px 0px 158px 0px;
  position: relative;
  height: 720px;
  display: flex;
  align-items: center;
  opacity: 1;
}
@media screen and (max-width: 1439px) {
  .build-basket-main-wrapper .basketball-club-conclusion {
    padding: 70px 0;
    height: auto;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-club-conclusion {
    padding: 35px 0px 35px 0px;
    height: auto;
  }
}
.build-basket-main-wrapper
  .basketball-club-conclusion
  .basketball-conclusion-content {
  position: relative;
  z-index: 2;
}
.build-basket-main-wrapper .basketball-club-conclusion .footer-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 720px;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
}
@media only screen and (max-width: 1439px) {
  .build-basket-main-wrapper .basketball-club-conclusion .footer-image {
    width: 910px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media only screen and (max-width: 1199px) {
  .build-basket-main-wrapper .basketball-club-conclusion .footer-image {
    display: none;
  }
}
/* ------------------------------------------------- BASKETBALL PAGE CSS END HERE ------------------------------------------- */

/* ------------------------------------------------- ROUTE ME PAGE CSS START HERE ------------------------------------------- */

@font-face {
  font-family: "Lexend";
  src: local("Lexend Regular"), local("Lexend-Regular"),
    url("../woff2/lexend-regular.woff2") format("woff2"),
    url("../woff/lexend-regular.woff") format("woff"),
    url("../ttf/lexend-regular.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
.route-me-main-wrapper .route-me-font-lexend {
  font-family: "Lexend", sans-serif;
  font-style: normal;
}
.route-me-main-wrapper .route-me-text-40 {
  font-size: 30px;
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper .route-me-text-40 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-text-40 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-text-40 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-text-40 {
    font-size: 26px;
  }
}
.route-me-main-wrapper .route-me-text-30 {
  font-size: clamp(22px, 1.2vw, 30px);
}
.route-me-main-wrapper .route-me-text-60 {
  font-size: 50px;
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper .route-me-text-60 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-text-60 {
    font-size: 37px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-text-60 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 475px) {
  .route-me-main-wrapper .route-me-text-60 {
    font-size: 30px;
  }
}
.route-me-main-wrapper .route-me-text-72 {
  font-size: 58px;
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper .route-me-text-72 {
    font-size: 72px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-text-72 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-text-72 {
    font-size: 24px;
  }
}
.route-me-main-wrapper .route-me-text-28 {
  font-size: 22px;
}
@media only screen and (min-width: 1700px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1900px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-text-28 {
    font-size: 16px;
  }
}
.route-me-main-wrapper .route-me-text-24 {
  font-size: 24px;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-text-24 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-text-24 {
    font-size: 22px;
  }
}
.route-me-main-wrapper .route-me-text-18 {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-text-18 {
    font-size: 16px;
  }
}
.route-me-main-wrapper .route-me-text-20 {
  font-size: 20px;
}
.route-me-main-wrapper .route-me-text-32 {
  font-size: 32px;
}
.route-me-main-wrapper .route-me-container {
  width: 100%;
  padding: 0 16px;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper .route-me-container {
    width: calc(100% - 150px);
    margin: 0 auto;
    padding: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .route-me-main-wrapper .route-me-container {
    width: calc(100% - 180px);
  }
}
@media only screen and (min-width: 1550px) {
  .route-me-main-wrapper .route-me-container {
    width: calc(100% - 220px);
  }
}
@media only screen and (min-width: 1700px) {
  .route-me-main-wrapper .route-me-container {
    width: 100%;
    max-width: 1600px;
  }
}
.route-me-main-wrapper .route-me-container-two-wrapper {
  width: 100%;
  max-width: 1920px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-container-two-wrapper {
    padding: 0 16px;
  }
}
.route-me-main-wrapper .route-me-container-two-wrapper .route-me-container-two {
  margin-left: auto;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-container-two-wrapper
    .route-me-container-two {
    width: calc(100% - 75px);
    padding: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .route-me-main-wrapper
    .route-me-container-two-wrapper
    .route-me-container-two {
    width: calc(100% - 90px);
  }
}
@media only screen and (min-width: 1550px) {
  .route-me-main-wrapper
    .route-me-container-two-wrapper
    .route-me-container-two {
    width: calc(100% - 110px);
  }
}
@media only screen and (min-width: 1700px) {
  .route-me-main-wrapper
    .route-me-container-two-wrapper
    .route-me-container-two {
    width: calc(100% - 140px);
  }
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper
    .route-me-container-two-wrapper
    .route-me-container-two {
    width: 100%;
    max-width: 1770px;
  }
}
.route-me-main-wrapper .route-me-w-full {
  width: 100%;
}
.route-me-main-wrapper .route-me-h-full {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .route-me-main-wrapper .border-r-lg-0 {
    border-right: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .route-me-main-wrapper .border-l-lg-0 {
    border-left: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .route-me-main-wrapper .border-b-lg-0 {
    border-bottom: 0 !important;
  }
}
.route-me-main-wrapper .route-me-tr-80 {
  top: 80px;
  right: 80px;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-tr-80 {
    display: none;
  }
}
.route-me-main-wrapper .route-me-color-111111 {
  color: #111111;
}
.route-me-main-wrapper .route-me-color-666666 {
  color: #666666;
}
.route-me-main-wrapper .route-me-text-liner-bg {
  background: linear-gradient(90deg, #ffa605 0%, #ee0978 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.route-me-main-wrapper .route-me-w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.route-me-main-wrapper .route-me-rotate--4 {
  transform: rotate(-4deg);
}
.route-me-main-wrapper .route-me-rotate-4 {
  transform: rotate(4deg);
}
.route-me-main-wrapper .route-me-rotate--2 {
  transform: rotate(-2deg);
}
.route-me-main-wrapper .route-me-rotate-2 {
  transform: rotate(2deg);
}
.route-me-main-wrapper .route-me-pt-100 {
  padding-top: 100px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-100 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-100 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-100 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-100 {
    padding-top: 35px;
  }
}
.route-me-main-wrapper .route-me-pb-100 {
  padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pb-100 {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pb-100 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pb-100 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pb-100 {
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-ptb-100 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-ptb-100 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-ptb-100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-ptb-120 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-ptb-120 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-ptb-120 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-ptb-120 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-pt-120 {
  padding-top: 120px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-120 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-120 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-120 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-120 {
    padding-top: 35px;
  }
}
.route-me-main-wrapper .route-me-pb-120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pb-120 {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pb-120 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pb-120 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pb-120 {
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-pt-30 {
  padding-top: 30px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-30 {
    padding-top: 65px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-30 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-30 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-30 {
    padding-top: 35px;
  }
}
.route-me-main-wrapper .route-me-pt-90 {
  padding-top: 90px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-90 {
    padding-top: 65px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-90 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-90 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-90 {
    padding-top: 35px;
  }
}
.route-me-main-wrapper .route-me-pb-90 {
  padding-bottom: 90px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pb-90 {
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pb-90 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pb-90 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pb-90 {
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-ptb-90 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-ptb-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-ptb-90 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-ptb-90 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper .route-me-pt-64 {
  padding-top: 64px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-64 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-64 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-64 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-64 {
    padding-top: 35px;
  }
}
.route-me-main-wrapper .route-me-pt-145 {
  padding-top: 145px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-pt-145 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper .route-me-pt-145 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-pt-145 {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper .route-me-pt-145 {
    padding-top: 35px;
  }
}

.route-me-main-wrapper p,
.route-me-main-wrapper h1,
.route-me-main-wrapper h2,
.route-me-main-wrapper h3,
.route-me-main-wrapper h4,
.route-me-main-wrapper h5,
.route-me-main-wrapper h6 {
  margin: 0;
}
.route-me-main-wrapper
  .route-me-our-info-section
  .route-me-our-info-header-text {
  max-width: 1150px;
}
.route-me-main-wrapper
  .route-me-our-info-section
  .route-me-our-info-description {
  max-width: 1050px;
  margin-left: auto;
  padding-top: 64px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-info-section
    .route-me-our-info-description {
    padding-top: 45px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-our-info-section
    .route-me-our-info-description {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-info-section
    .route-me-our-info-description {
    padding-top: 35px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper
    .route-me-our-info-section
    .route-me-our-info-description {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-our-info-section .route-me-text-40 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper .route-me-what-it-is-section {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-header-sec
    .route-me-text-40 {
    font-size: 40px;
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-header-sec
  .route-me-text-28 {
  padding-top: 15px;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-header-sec
    .route-me-text-28 {
    max-width: 1095px;
    padding-top: 70px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-header-sec
    .route-me-text-40 {
    font-size: 28px;
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-information-sec {
  padding-top: 75px;
  margin-left: auto;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 70px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec {
    padding-top: 50px;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec {
    padding-top: 45px;
    flex-direction: column;
    gap: 25px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec {
    width: calc(100% - 104px);
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-information-sec
  .route-me-section-one {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-one {
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-information-sec
  .route-me-section-two {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-two {
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-information-sec
  .route-me-section-two
  .route-me-inner-section-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-two
    .route-me-inner-section-flex {
    gap: 24px;
  }
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-two
    .route-me-inner-section-flex {
    gap: 80px;
  }
}
@media only screen and (min-width: 1900px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-two
    .route-me-inner-section-flex {
    gap: 110px;
  }
}
.route-me-main-wrapper
  .route-me-what-it-is-section
  .route-me-what-it-is-information-sec
  .route-me-section-two
  .route-me-inner-section-flex
  .route-me-image-wrapper-sec {
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-it-is-section
    .route-me-what-it-is-information-sec
    .route-me-section-two
    .route-me-inner-section-flex
    .route-me-image-wrapper-sec {
    border-radius: 257px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-what-it-is-header-sec
    .route-me-text-40 {
    font-size: 40px;
  }
}
.route-me-main-wrapper
  .route-me-what-did-we-do-main-section
  .route-me-what-it-is-header-sec
  .route-me-text-28 {
  padding-top: 15px;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-what-it-is-header-sec
    .route-me-text-28 {
    margin-left: clamp(40px, 5vw, 104px) !important;
    padding-top: 60px;
    max-width: 880px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-what-it-is-header-sec
    .route-me-text-28 {
    margin-left: 104px;
  }
}
.route-me-main-wrapper
  .route-me-what-did-we-do-main-section
  .route-me-hovering-card-main-wrapper {
  padding-top: 75px;
  padding-bottom: 125px;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper {
    transition: 1s ease-in-out;
  }
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.route-me-main-wrapper
  .route-me-what-did-we-do-main-section
  .route-me-hovering-card-main-wrapper
  .route-me-hovering-card-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (min-width: 600px) and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper
    .route-me-card {
    height: 100%;
  }
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper
    .absolute-card {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper {
    min-height: 690px;
    gap: 70px;
    transition: 1s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper {
    grid-template-columns: 1fr;
  }
}
.route-me-main-wrapper
  .route-me-what-did-we-do-main-section
  .route-me-hovering-card-main-wrapper
  .route-me-hovering-card-grid-wrapper
  .absolute-card
  .route-me-card {
  border: 1px solid rgb(221, 221, 221);
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-hovering-card-grid-wrapper
    .absolute-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s ease-in-out;
  }
}
.route-me-main-wrapper
  .route-me-what-did-we-do-main-section
  .route-me-hovering-card-main-wrapper
  .route-me-card {
  padding: 48px;
  border: 1px solid #dddddd;
  border-radius: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background-color: white;
  gap: 24px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-card {
    transition: 1s ease-in-out;
    height: 330px;
  }
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-card
    span,
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-card
    p {
    transition: 1s ease-in-out;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-card {
    transform: rotate(0);
    border-radius: 15px;
    gap: 12px;
    padding: 22px;
  }
  .route-me-main-wrapper
    .route-me-what-did-we-do-main-section
    .route-me-hovering-card-main-wrapper
    .route-me-card
    .route-me-text-28 {
    font-size: 22px;
  }
}
.route-me-main-wrapper .route-me-our-service-sectino {
  background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%);
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section
    .route-me-title-header
    .route-me-text-40 {
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section
    .route-me-title-header
    .route-me-text-40 {
    font-size: 21px;
    text-align: left !important;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section
    .route-me-span-bages-wrapper-container {
    white-space: nowrap;
    width: calc(100% - 190px);
    margin: auto;
    padding-top: 120px;
    padding-bottom: 170px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section
    .route-me-span-bages-wrapper-container {
    display: flex;
    gap: 15px;
    overflow: auto;
    padding-bottom: 10px;
  }
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-span-bage {
  background-color: white;
  border: 1px solid rgb(221, 221, 221);
  padding: 27px 55px;
  min-width: 338px;
  border-radius: 100px;
  display: inline-block;
  white-space: nowrap;
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-span-bage:nth-child(2) {
  transform: rotate(-5.99deg) translateY(25px) translateX(-70px);
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-span-bage:nth-child(3) {
  transform: rotate(0.93deg) translateX(-150px);
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-span-bage:nth-child(4) {
  transform: rotate(-1.35deg) translateY(55px) translateX(-270px);
  position: relative;
  z-index: 1;
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-span-bage:nth-child(5) {
  transform: rotate(0.91deg) translateX(-430px);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section
    .route-me-span-bages-wrapper-container
    .route-me-span-bage {
    transform: rotate(0deg) translateY(0px) translateX(0px) !important;
    padding: 8px 35px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border: 0 !important;
  }
}
.route-me-main-wrapper
  .route-me-our-service-sectino
  .route-me-header-section
  .route-me-span-bages-wrapper-container
  .route-me-active-span-bage {
  background: linear-gradient(90deg, #ffa605 0%, #ee0978 100%);
  color: white;
  /* border: 1px solid transparent; */
  position: relative;
  z-index: 1111 !important;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-our-service-sectino
    .route-me-header-section {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper .route-me-our-travale-service .route-me-text-40 {
    font-size: 21px;
    text-align: left !important;
    line-height: 1.5;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-section {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-section {
    gap: 43px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-section {
    padding-top: 55px;
    gap: 30px;
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-section {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-section {
    padding-top: 45px;
    gap: 25px;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-sec-one {
  width: 35%;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-one {
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-sec-one
  .route-me-travale-flex-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 28px;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-one
    .route-me-travale-flex-wrapper {
    gap: 16px;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-sec-one
  .route-me-travale-flex-wrapper
  .route-me-travale-flex-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-one
    .route-me-travale-flex-wrapper
    .route-me-travale-flex-inner-wrapper {
    gap: 16px;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-sec-two {
  width: 65%;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 10px;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-two {
    width: 100%;
    gap: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-two {
    flex-direction: column;
  }
}
.route-me-main-wrapper
  .route-me-our-travale-service
  .route-me-travale-flex-sec-two
  .route-me-travale-flex-image-container {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-our-travale-service
    .route-me-travale-flex-sec-two
    .route-me-travale-flex-image-container {
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .section-two-inner-flex-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  width: 50%;
  max-width: 370px;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .section-two-inner-flex-card {
    width: 100%;
    max-width: 100%;
  }
  .route-me-main-wrapper
    .route-me-top-feature-section
    .section-two-inner-flex-card
    .route-me-text-18 {
    font-size: 16px;
  }
  .route-me-main-wrapper
    .route-me-top-feature-section
    .section-two-inner-flex-card
    .route-me-text-24 {
    font-size: 20px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .section-two-inner-flex-card
  .route-me-card-icon {
  padding: 16px;
  border: 1px solid rgb(221, 221, 221);
  width: -moz-fit-content;
  width: fit-content;
  background: FFFFFF;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .section-two-inner-flex-card
    .route-me-card-icon {
    padding: 12px;
  }
  .route-me-main-wrapper
    .route-me-top-feature-section
    .section-two-inner-flex-card
    .route-me-card-icon
    img {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section {
    width: calc(100% - 125px);
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section {
    padding-top: 45px;
  }
}
@media screen and (max-width: 575px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section {
    padding-top: 35px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-top-feature-main-wrapper-section
  .route-me-top-feature-main-flex-wrapper-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(30px, 3vw, 60px);
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section {
    gap: 32px;
    align-items: stretch;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section {
    gap: 24px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section {
    flex-direction: column;
    gap: 35px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-top-feature-main-wrapper-section
  .route-me-top-feature-main-flex-wrapper-section
  .route-me-top-feature-section-one {
  width: 35%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-one {
    width: 50%;
    top: 0;
    position: sticky;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-one {
    width: 100%;
    display: none;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-top-feature-main-wrapper-section
  .route-me-top-feature-main-flex-wrapper-section
  .route-me-top-feature-section-two {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(30px, 3vw, 68px);
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two {
    justify-content: center;
    gap: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two {
    width: 50%;
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two {
    width: 100%;
    gap: 24px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-top-feature-main-wrapper-section
  .route-me-top-feature-main-flex-wrapper-section
  .route-me-top-feature-section-two
  .section-two-inner-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two
    .section-two-inner-flex {
    align-items: flex-start;
    gap: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two
    .section-two-inner-flex {
    flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-main-wrapper-section
    .route-me-top-feature-main-flex-wrapper-section
    .route-me-top-feature-section-two
    .section-two-inner-flex {
    flex-direction: column;
    gap: 24px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-top-feature-title {
  position: absolute;
  top: 40px;
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-title {
    top: -45px;
    left: 16px;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-title
    .route-me-text-20 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-title
    .route-me-text-20 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-title {
    top: -35px;
    left: 16px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-top-feature-title
    .route-me-text-20 {
    font-size: 26px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper {
    flex-direction: column;
    gap: 24px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper
  .section-two-inner-flex-card {
  max-width: 523px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .section-two-inner-flex-card {
    width: 100%;
    max-width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper
  .route-me-accessibility-flex-sec-one {
  width: 50%;
  padding-top: clamp(30px, 2vw, 88px);
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-flex-sec-one {
    width: 100%;
    padding-top: 0;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper
  .route-me-accessibility-flex-sec-two {
  width: 50%;
  border-radius: 330.44px;
  overflow: hidden;
}
@media only screen and (max-width: 1399px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-flex-sec-two {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-flex-sec-two {
    border-radius: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-flex-sec-two {
    width: 100%;
    border-radius: 0px;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper
  .route-me-accessibility-overlay-image {
  position: absolute;
  background-color: white;
  border: 1px solid #dddddd;
  padding: 30px 100px 30px 40px;
  border-radius: 40px;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 19px;
  box-shadow: 0px 14px 194px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1400px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image {
    left: 55%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1500px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image {
    left: 45%;
  }
}
@media only screen and (max-width: 1399px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image {
    right: 20px;
    bottom: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image {
    position: relative;
    width: 100%;
    left: 0;
    transform: translateX(0%);
    border-radius: 15px;
    padding: 30px 20px;
  }
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image
    .text-section {
    width: 100%;
  }
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image
    img,
  .route-me-main-wrapper
    .route-me-top-feature-section
    .route-me-accessibility-friendly-main-flex-wrapper
    .route-me-accessibility-overlay-image
    .image-wrapper {
    height: 45px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.route-me-main-wrapper
  .route-me-top-feature-section
  .route-me-accessibility-friendly-main-flex-wrapper
  .route-me-accessibility-overlay-image
  .text-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-header-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-header-section
  .text-label-sec {
  width: 20%;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .text-label-sec
    .route-me-text-20 {
    font-size: 26px;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-header-section
  .main-title-section {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section {
    flex-direction: column;
    gap: 12px;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .text-label-sec,
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .main-title-section {
    width: 100%;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .text-label-sec
    .route-me-text-20,
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .main-title-section
    .route-me-text-20 {
    font-size: 26px;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .text-label-sec
    .route-me-text-40,
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-header-section
    .main-title-section
    .route-me-text-40 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper {
    flex-direction: column;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-controller {
  width: 30%;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller {
    flex-direction: column;
    max-width: 375px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller {
    width: 100%;
    overflow: auto;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .route-me-text-40 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller {
    width: 100%;
    overflow: auto;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .route-me-text-40 {
    font-size: 16px;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-controller
  .slider-controller-flex-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 36px;
  padding-bottom: 10px;
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-controller
  .slider-controller-flex-wrapper
  .route-me-text-40 {
  font-size: clamp(24px, 1.5vw, 32px);
  text-align: left !important;
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .slider-controller-flex-wrapper {
    flex-direction: row;
    gap: 12px;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .slider-controller-flex-wrapper
    button {
    width: 100%;
    white-space: nowrap;
    background-color: whitesmoke !important;
    padding: 12px 30px;
    font-size: 18px !important;
    border-radius: 99em;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .slider-controller-flex-wrapper
    .route-me-text-liner-bg {
    color: white;
    -webkit-background-clip: unset;
    background-clip: unset;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .slider-controller-flex-wrapper {
    gap: 18px;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-controller
    .slider-controller-flex-wrapper
    .route-me-text-40 {
    font-size: 20px;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper {
  width: 70%;
  overflow: hidden;
  flex-grow: 1;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper {
    flex-direction: column;
    max-width: 1083px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper {
    padding-top: 10px;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slides-inner-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  transition: 0.5s ease-in-out;
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one {
  min-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one {
    width: 100%;
    margin: 0 auto;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one
  .inner-flex-section {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: clamp(30px, 3.5vw, 70px);
  height: 100%;
  width:calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (min-width: 1900px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section {
    gap: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section {
    gap: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section {
    max-height: 621px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section {
    gap: 25px;
    flex-direction: column;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one
  .inner-flex-section
  .section-one {
  width: 50%;
  flex-grow: 1;
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one
  .inner-flex-section
  .section-one img {
  object-fit:cover;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one {
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one
  .inner-flex-section
  .section-one
  .inner-content-flex-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one
    .inner-content-flex-wrapper {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one
    .inner-content-flex-wrapper {
    gap: 14px;
  }
}
.route-me-main-wrapper
  .route-me-industries-overflow-info-section
  .route-me-industries-pagination-slider-main-wrapper
  .route-me-industries-pagination-slider-slides-main-wrapper
  .route-me-industries-pagination-slider-slide-one
  .inner-flex-section
  .section-one
  .inner-content-flex-wrapper
  .content-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one
    .inner-content-flex-wrapper
    .content-card {
    gap: 8px;
  }
}
@media only screen and (max-width: 1499px) {
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one
    .inner-content-flex-wrapper
    .content-card
    .route-me-text-24 {
    font-size: 20px;
  }
  .route-me-main-wrapper
    .route-me-industries-overflow-info-section
    .route-me-industries-pagination-slider-main-wrapper
    .route-me-industries-pagination-slider-slides-main-wrapper
    .route-me-industries-pagination-slider-slide-one
    .inner-flex-section
    .section-one
    .inner-content-flex-wrapper
    .content-card
    .route-me-text-18 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-container-inner-wrapper {
    width: calc(100% - 140px);
    margin: auto;
    max-width: 1460px;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .different-approach-card {
  height: 100%;
  padding: 32px 32px;
  border: 1px solid #dddddd;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 35px;
  position: relative;
  background-color: white;
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .different-approach-card
  .text-sec {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 35px;
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .text-sec
    .route-me-text-30 {
    white-space: nowrap;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .different-approach-card
  .card-svg-image {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .different-approach-card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ffa605 0%, #ee0978 100%);
  opacity: 14%;
  bottom: 0;
  right: 0;
  max-width: 278px;
  max-height: 174px;
  filter: blur(100px);
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card {
    padding: 24px 20px;
    gap: 20px;
  }
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .text-sec {
    gap: 12px;
  }
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .route-me-text-20 {
    font-size: 16px;
  }
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .route-me-text-30 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .route-me-text-30 {
    font-size: clamp(18px, 2.2vw, 22px);
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .route-me-text-30 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .different-approach-card
    .card-svg-image
    img {
    width: 50px;
    height: 50px;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .route-me-different-approach-for-wayfinding-main-flex-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 84px;
}
@media screen and (max-width: 1199px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper {
    padding-top: 55px;
  }
}
@media screen and (max-width: 991px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper {
    flex-direction: column;
    padding-top: 30px;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .route-me-different-approach-for-wayfinding-main-flex-wrapper
  .route-me-different-approach-for-wayfinding-section-one {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 600px) and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-one {
    flex-direction: row;
    width: 100%;
  }
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-one
    .different-approach-sec-one,
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-one
    .different-approach-sec-two {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-one {
    flex-direction: column;
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .route-me-different-approach-for-wayfinding-main-flex-wrapper
  .route-me-different-approach-for-wayfinding-section-two {
  width: 67%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-two {
    flex-direction: column;
    width: 100%;
  }
}
.route-me-main-wrapper
  .route-me-different-approach-for-wayfinding
  .route-me-different-approach-for-wayfinding-main-flex-wrapper
  .route-me-different-approach-for-wayfinding-section-two
  .different-approach-inner-flex-sec-one {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media only screen and (max-width: 600px) {
  .route-me-main-wrapper
    .route-me-different-approach-for-wayfinding
    .route-me-different-approach-for-wayfinding-main-flex-wrapper
    .route-me-different-approach-for-wayfinding-section-two
    .different-approach-inner-flex-sec-one {
    flex-direction: column;
    width: 100%;
  }
}
.route-me-main-wrapper .route-me-footer-section .route-me-footer-section-text {
  position: absolute;
  bottom: clamp(30px, 18%, 194px);
  right: clamp(30px, 5%, 160px);
  color: white;
  font-size: clamp(16px, 2vw, 44px);
  max-width: 300px;
}
@media only screen and (max-width: 767px) {
  .route-me-main-wrapper
    .route-me-footer-section
    .route-me-footer-section-text {
    max-width: 200px;
    right: 15px;
  }
}
@media only screen and (max-width: 381px) {
  .route-me-main-wrapper
    .route-me-footer-section
    .route-me-footer-section-text {
    max-width: 150px;
    right: 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .route-me-main-wrapper
    .route-me-footer-section
    .route-me-footer-section-text {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  .route-me-main-wrapper
    .route-me-footer-section
    .route-me-footer-section-text {
    max-width: 520px;
  }
}
@media only screen and (min-width: 1800px) {
  .route-me-main-wrapper
    .route-me-footer-section
    .route-me-footer-section-text {
    max-width: 597px;
  }
} /*# sourceMappingURL=style.css.map */

/* ------------------------------------------------- ROUTE ME PAGE CSS END HERE ------------------------------------------- */