@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");
/* =============================Common styles */
@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@200..700&display=swap");
* {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 0.8rem;
  }
}

.ul-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

body {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: #1F1F1F;
  font-family: "Host Grotesk", sans-serif;
}

img {
  max-width: 100%;
}

.global-width {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 768px) {
  .global-width {
    max-width: 1240px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .global-width {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .global-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.3rem;
}

::-webkit-scrollbar-thumb {
  background: #8F9BB3;
  border-radius: 0.3rem;
  opacity: 0.3;
}

::-webkit-scrollbar-thumb:hover {
  background: #8F9BB3;
  opacity: 0.3;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.0784313725);
  border-radius: 0.3rem;
}

.main-head {
  font-size: 6.4rem;
  font-weight: 600;
  line-height: 76px;
  color: #1F1F1F;
}
@media only screen and (max-width: 767px) {
  .main-head {
    font-size: 3.4rem;
    line-height: 52px;
  }
  .main-head br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main-head br {
    display: none;
  }
}

.sub-para {
  font-size: 1.6rem;
  font-weight: 400;
  color: #535353;
}
@media only screen and (max-width: 767px) {
  .sub-para {
    font-size: 1.4rem;
    text-align: center;
  }
  .sub-para br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-para br {
    display: none;
  }
}

.sub-head {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 46px;
}
@media only screen and (max-width: 767px) {
  .sub-head {
    font-size: 2.4rem;
    line-height: 40px;
    text-align: center;
    margin: 0;
  }
  .sub-head br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-head br {
    display: none;
  }
}

/* Header */
.header-main {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  transition: box-shadow 0.3s ease;
  /* Mobile */
}
.header-main.scrolled {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.header-main .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  /* Burger Menu */
}
.header-main .navbar .logo img {
  width: 14rem;
  margin-top: 1rem;
}
.header-main .navbar .menu {
  display: flex;
  gap: 5rem;
  list-style: none;
}
.header-main .navbar .menu li a {
  text-decoration: none;
  color: #18191F;
  font-weight: 400;
  transition: 0.3s;
  font-size: 1.6rem;
}
.header-main .navbar .menu li a.active, .header-main .navbar .menu li a:hover {
  color: #CB2EA0;
}
@media only screen and (max-width: 767px) {
  .header-main .navbar .menu li a {
    font-size: 1.2rem;
  }
}
.header-main .navbar .menu .mobile-btn {
  display: none;
}
.header-main .navbar .nav-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-main .navbar .nav-actions .btn-signup {
  background: #CB2EA0;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.4rem;
  width: 9rem;
  height: 4rem;
  transition: all 0.3s ease;
}
.header-main .navbar .nav-actions .btn-signup:hover {
  background: rgb(161.421686747, 36.578313253, 127.2289156627);
}
.header-main .navbar .burger-menu {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  margin-left: 1rem;
  display: none;
}
.header-main .navbar .burger-menu span {
  width: 2.5rem;
  height: 3px;
  background: #18191F;
  border-radius: 2px;
  transition: 0.3s;
}
.header-main .navbar .burger-menu.active span:nth-child(1) {
  transform: rotate(45deg) translateY(8px);
}
.header-main .navbar .burger-menu.active span:nth-child(2) {
  opacity: 0;
}
.header-main .navbar .burger-menu.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-8px);
}
@media only screen and (max-width: 767px) {
  .header-main .navbar {
    position: relative;
  }
  .header-main .navbar .menu {
    display: none;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    padding: 2rem 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    text-align: center;
  }
  .header-main .navbar .menu li {
    margin-bottom: 1rem;
  }
  .header-main .navbar .menu .mobile-btn {
    display: block;
  }
  .header-main .navbar .menu .mobile-btn .btn-signup {
    display: inline-block;
    margin-top: 1.5rem;
    background: #CB2EA0;
    color: #fff;
    padding: 1rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.4rem;
    width: auto;
    transition: all 0.3s ease;
    width: 10rem;
    height: 4rem;
    margin-top: 0;
  }
  .header-main .navbar .menu .mobile-btn .btn-signup:hover {
    background: rgb(161.421686747, 36.578313253, 127.2289156627);
  }
  .header-main .navbar .menu.open {
    display: flex;
    gap: 0;
  }
  .header-main .navbar .nav-actions {
    display: none;
  }
  .header-main .navbar .burger-menu {
    display: flex;
  }
}

/* Hero Section */
.hero {
  padding: 8rem 0 4rem;
}
@media only screen and (max-width: 767px) {
  .hero {
    padding: 0;
    margin-top: 6rem;
  }
}
.hero .hero-grid {
  gap: 2rem;
  display: flex;
  align-items: center;
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .hero .hero-grid {
    display: grid;
    margin-top: 6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero .hero-grid {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
  }
}
.hero .main-head {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .hero .main-head {
    text-align: center;
  }
}
.hero .strong {
  color: #535353;
}
.hero .hero-left {
  width: 70rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hero .hero-left {
    width: 100%;
  }
}
.hero .hero-left .hero-top-img {
  position: absolute;
  top: -14rem;
  left: 128rem;
  z-index: 1;
}
.hero .hero-left .hero-top-img img {
  width: 11rem;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .hero .hero-left .hero-top-img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero .hero-left .hero-top-img {
    display: none;
  }
}
.hero .hero-btns {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .hero .hero-btns {
    display: flex;
    justify-content: center;
  }
}
.hero .hero-btns .btn-primary {
  background: #CB2EA0;
  color: #fff;
  padding: 1.3rem 3rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 1.6rem;
  text-decoration: none;
  width: 18.5rem;
  height: 5.2rem;
  transition: background 0.3s ease;
}
.hero .hero-btns .btn-primary:hover {
  background: rgb(161.421686747, 36.578313253, 127.2289156627);
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .hero .hero-btns .btn-primary {
    padding: 1rem 1rem;
    font-size: 1.2rem;
    width: 11.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
  }
}
.hero .hero-btns .btn-secondary {
  border: 1px solid #CB2EA0;
  color: #CB2EA0;
  width: 16.3rem;
  height: 5.2rem;
  padding: 1rem 3rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 1.6rem;
  text-decoration: none;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .hero .hero-btns .btn-secondary {
    width: 10.3rem;
    height: 3.6rem;
    padding: 1rem 1rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
  }
}

.hero-right {
  position: relative;
}
.hero-right .hero-desktop {
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero-right .hero-desktop {
    display: flex;
    justify-content: center;
    margin-top: 7rem;
  }
}
.hero-right .hero-desktop .hero-img {
  width: 51rem;
  height: 39.5rem;
  position: relative;
  z-index: 2;
}
.hero-right .hero-desktop .hero-img img {
  width: 100%;
  height: auto;
  border-radius: 1.2rem;
}
.hero-right .hero-desktop .floating-card {
  position: absolute;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 3;
}
.hero-right .hero-desktop .floating-card img {
  width: 26rem;
  box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.02), 0px 48px 48px rgba(0, 0, 0, 0.02), 0px 107px 64px rgba(0, 0, 0, 0.01), 0px 191px 76px rgba(0, 0, 0, 0), 0px 298px 96px rgba(0, 0, 0, 0);
}
.hero-right .hero-desktop .floating-card:hover {
  transform: scale(1.05);
}
.hero-right .hero-desktop .alert-card {
  top: -23px;
  left: 58px;
}
.hero-right .hero-desktop .tracking-card {
  bottom: 9px;
  left: 81px;
}
.hero-right .hero-mobile {
  display: none;
}
.hero-right .hero-mobile img {
  width: 100%;
  max-width: 36rem;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .hero-right .hero-desktop {
    display: none;
  }
  .hero-right .hero-mobile {
    display: block;
    text-align: center;
  }
}

.ct-section {
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .ct-section {
    margin-top: 0rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ct-section {
    margin-top: 5rem;
  }
}
.ct-section .box-sec {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 2rem 2rem;
  border-radius: 1.2rem;
  background: linear-gradient(180deg, #f4f4f5 0%, #ffffff 100%);
  box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.02), 0px 48px 48px rgba(0, 0, 0, 0.02), 0px 107px 64px rgba(0, 0, 0, 0.01), 0px 191px 76px rgba(0, 0, 0, 0), 0px 298px 96px rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .ct-section .box-sec {
    display: grid;
    padding: 1rem 1rem;
  }
}
.ct-section .box-sec .grp {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.ct-section .box-sec .grp .left-side img {
  width: 4rem;
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .ct-section .box-sec .grp .left-side img {
    width: 3rem;
  }
}
.ct-section .box-sec .grp .right-side .ct-cont {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #1F1F1F;
}
@media only screen and (max-width: 767px) {
  .ct-section .box-sec .grp .right-side .ct-cont {
    font-size: 1.3rem;
  }
}

.track-manage {
  margin: 12rem 0;
}
@media only screen and (max-width: 767px) {
  .track-manage {
    margin-top: 5rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage {
    margin: 9rem 0;
  }
}
.track-manage .sub-head {
  text-align: center;
}
.track-manage .sub-para {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .track-manage .sub-para br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .sub-para br {
    display: none;
  }
}
.track-manage .track-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.track-manage .track-card {
  position: relative;
  overflow: hidden;
  height: 55.8rem;
  background: #F9F9F9;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card {
    width: 100%;
    height: auto;
    padding: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card {
    padding: 1.4rem;
    width: 100%;
    height: auto;
  }
}
.track-manage .track-card .tag {
  display: inline-block;
  border-radius: 2rem;
  color: #fff;
  margin-bottom: 1.6rem;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
}
.track-manage .track-card .tag.tag-blue {
  background-color: #00B2D6;
}
.track-manage .track-card .tag.tag-orange {
  background-color: #FFA702;
}
.track-manage .track-card .tag.tag-purple {
  background-color: #9772BC;
}
.track-manage .track-card .tag.tag-pink {
  background-color: #CAA8F5;
}
.track-manage .track-card .card-title {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 36.4px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .card-title {
    font-size: 1.8rem;
    line-height: 27.4px;
    text-align: center;
    margin: 0;
  }
  .track-manage .track-card .card-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .card-title br {
    display: none;
  }
}
.track-manage .track-card .card-desc {
  font-size: 1.6rem;
  color: #535353;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .card-desc {
    font-size: 1.4rem;
    text-align: center;
  }
  .track-manage .track-card .card-desc br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .card-desc br {
    display: none;
  }
}
.track-manage .track-card .card-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6.4rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .card-img {
    margin-top: 1.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .card-img {
    margin-top: 2.4rem;
  }
}
.track-manage .track-card .card-img img {
  width: 39rem;
  height: 25rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .card-img img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .card-img img {
    width: 100%;
    height: auto;
  }
}
.track-manage .track-card .sparkle {
  position: absolute;
  top: 30rem;
  right: 11rem;
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .sparkle {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .sparkle {
    top: 26rem;
    right: 2rem;
  }
}
.track-manage .track-card .sparkle img {
  width: 5.5rem;
  height: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .track-manage .track-card .sparkle img {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .track-manage .track-card .sparkle img {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.track-manage .track-card:hover .sparkle {
  opacity: 1;
  transform: scale(1);
}

.section-built {
  margin: 8rem 0;
}
@media only screen and (max-width: 767px) {
  .section-built {
    margin-top: 4rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-built {
    margin: 3rem 0;
  }
}
.section-built .sub-head {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .section-built .sub-head {
    text-align: center;
  }
  .section-built .sub-head br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-built .sub-head br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-built .sub-para {
    text-align: center;
  }
  .section-built .sub-para br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-built .sub-para br {
    display: none;
  }
}
.section-built .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}
.section-built .card {
  background: #fff;
  padding: 2rem;
  box-shadow: 1px 3px 13px 0px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  position: relative;
  width: 27rem;
  height: 26rem;
  flex-direction: column;
  display: flex;
  justify-content: space-around;
}
@media only screen and (max-width: 767px) {
  .section-built .card {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-built .card {
    width: 100%;
    height: auto;
  }
}
.section-built .card:hover {
  transform: translateY(-5px);
}
.section-built .card:hover .line {
  width: 100%;
}
.section-built .card .card-head {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.section-built .card .card-head:hover {
  color: #CB2EA0;
}
@media only screen and (max-width: 767px) {
  .section-built .card .card-head {
    font-size: 2rem;
  }
}
.section-built .card .line {
  display: block;
  height: 0.1rem;
  width: 3rem;
  background: #CB2EA0;
  margin: 0.5rem 0 1rem;
  transition: width 0.4s ease;
}
.section-built .card a {
  font-weight: 500;
  color: #1F1F1F;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 1.6rem;
}
.section-built .card a:hover {
  color: #CB2EA0;
}
@media only screen and (max-width: 767px) {
  .section-built .card a {
    font-size: 1.2rem;
  }
}

.our-platform {
  padding: 8rem 0;
}
@media only screen and (max-width: 767px) {
  .our-platform {
    padding: 3rem 0;
    margin-top: 4rem;
  }
}
.our-platform .platform-cont {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont {
    display: grid;
    gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .our-platform .platform-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
}
.our-platform .platform-cont .trust-list {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont .trust-list {
    margin-top: 3rem;
  }
}
.our-platform .platform-cont .trust-list .point-head {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1F1F1F;
  margin-bottom: 2.2rem;
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont .trust-list .point-head {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}
.our-platform .platform-cont .trust-list .point-head img {
  width: 20px;
  height: 20px;
  margin-right: 1rem;
}
.our-platform .platform-cont .left-cont {
  width: 56rem;
  height: 64rem;
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont .left-cont {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .our-platform .platform-cont .left-cont {
    width: 100%;
    height: auto;
  }
}
.our-platform .platform-cont .right-cont {
  margin-top: -5rem;
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont .right-cont .sub-head {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .our-platform .platform-cont .right-cont .sub-para br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .our-platform .platform-cont .right-cont .sub-para {
    text-align: center;
  }
  .our-platform .platform-cont .right-cont .sub-para br {
    display: none;
  }
}

.banner-sec {
  background: #732B5F;
  color: #fff;
  position: relative;
  padding: 4rem 0;
  overflow: hidden;
  height: 47rem;
  margin-top: -9rem;
}
@media only screen and (max-width: 767px) {
  .banner-sec {
    width: 100;
    height: auto;
    padding: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-sec {
    width: 100%;
    height: auto;
    padding: 2rem 0;
  }
}
.banner-sec .global-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .banner-sec .global-width {
    padding: 2rem 2rem;
  }
}
.banner-sec .banner-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .banner-sec .banner-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-sec .banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4rem;
  }
}
.banner-sec .banner-left {
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .banner-sec .banner-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.banner-sec .banner-left .sub-para {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-sec .banner-left .sub-para {
    margin-bottom: 3rem;
  }
}
.banner-sec .banner-left .btn-group {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .banner-sec .banner-left .btn-group {
    display: grid;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-sec .banner-left .btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.banner-sec .banner-left .btn-group .btn {
  padding: 1.5rem 3.5rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 1.4rem;
  text-decoration: none;
  transition: background 0.3s ease;
  width: 16.4rem;
  height: 5.2rem;
}
@media only screen and (max-width: 767px) {
  .banner-sec .banner-left .btn-group .btn {
    padding: 1rem 2.5rem;
    width: 16.4rem;
    height: 4.2rem;
  }
}
.banner-sec .banner-left .btn-group .btn.btn-primary {
  background: #00B2D6;
  color: #fff;
}
.banner-sec .banner-left .btn-group .btn.btn-primary:hover {
  background: #36C1CC;
}
.banner-sec .banner-left .btn-group .btn.btn-secondary {
  border: 1px solid #fff;
  color: #fff;
}
.banner-sec .banner-left .btn-group .btn.btn-secondary:hover {
  background: #e6e6e6;
  color: #000;
}
.banner-sec .banner-right {
  position: relative;
}
.banner-sec .banner-right img {
  width: 77rem;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  right: -18.4rem;
  top: 0.7rem;
  z-index: 3;
  max-width: 774px;
}
@media only screen and (max-width: 767px) {
  .banner-sec .banner-right img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-sec .banner-right img {
    width: 100%;
    height: auto;
    right: auto;
  }
}
.banner-sec .bg-shape {
  position: absolute;
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .banner-sec .bg-shape {
    display: none;
  }
}
.banner-sec .shape-top {
  top: 2px;
  left: 2px;
  width: 13rem;
  height: 13.6rem;
}
@media only screen and (max-width: 767px) {
  .banner-sec .shape-top {
    display: none;
  }
}
.banner-sec .shape-bottom {
  bottom: -12px;
  right: 773px;
  width: 13rem;
  height: 13.6rem;
}
@media only screen and (max-width: 767px) {
  .banner-sec .shape-bottom {
    display: none;
  }
}

.success-story {
  padding: 4rem 0;
}
.success-story .story-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}
.success-story .story-card {
  background: #F9F9F9;
  border-radius: 1rem;
  overflow: hidden;
  padding: 2rem;
  transition: transform 0.3s ease;
}
.success-story .story-card:hover {
  transform: translateY(-5px);
}
.success-story .story-card img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.success-story .story-card .sub-card {
  font-size: 1.8rem;
  margin: 1rem;
  font-weight: 600;
}

/* ================= Footer ================== */
.footer-sec {
  background: #f5f5f6;
  padding: 3rem 0 1rem;
  font-size: 1.2rem;
  color: #333;
}
.footer-sec .footer-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-content {
    gap: 0;
    display: grid;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer-sec .footer-content {
    display: grid;
    justify-content: normal;
    gap: 5rem;
  }
}
.footer-sec .footer-brand {
  flex: 1;
  min-width: 200px;
}
.footer-sec .footer-brand .logo {
  max-width: 14rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-brand .logo {
    width: 100%;
    height: auto;
  }
}
.footer-sec .footer-brand .footer-para {
  color: #1F1F1F;
  font-size: 1.4rem;
}
.footer-sec .footer-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  flex: 3;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-links {
    gap: 0;
  }
}
.footer-sec .footer-links .footer-head {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #1F1F1F;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-links .footer-head {
    font-size: 1.4rem;
  }
}
.footer-sec .footer-links ul {
  list-style: none;
  padding: 0;
}
.footer-sec .footer-links ul li {
  margin-bottom: 0.6rem;
  color: #535353;
  font-size: 1.4rem;
}
.footer-sec .footer-links ul li a {
  color: #535353;
  text-decoration: none;
  transition: color 0.3s;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-links ul li a {
    font-size: 1.2rem;
  }
}
.footer-sec .footer-links ul li a:hover {
  color: #CB2EA0;
}
.footer-sec .footer-links .contact-list li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-links .contact-list li {
    font-size: 1.2rem;
  }
}
.footer-sec .footer-links .contact-list li img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-sec .footer-bottom {
  border-top: 1px solid #ddd;
  font-size: 1.4rem;
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #666;
}
.footer-sec .footer-bottom .all-rights {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .footer-sec .footer-bottom .all-rights {
    font-size: 1rem;
  }
}
.footer-sec .footer-bottom .social-icons {
  display: flex;
  gap: 1rem;
}
.footer-sec .footer-bottom .social-icons img {
  width: 2rem;
  height: 2rem;
}
.footer-sec .footer-bottom .social-icons .img-wd {
  width: 2rem;
  height: 1.8rem;
}
.footer-sec .footer-bottom .social-icons a {
  color: #ddd;
  font-size: 1.2rem;
  transition: color 0.3s;
}
.footer-sec .footer-bottom .social-icons a:hover {
  color: #CB2EA0;
}
.footer-sec .cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  color: #000;
  padding: 1rem 7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  z-index: 9999;
  display: flex !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .footer-sec .cookie-banner {
    padding: 1rem 1rem;
    font-size: 1.2rem;
  }
}
.footer-sec .cookie-banner p {
  margin: 0;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .footer-sec .cookie-banner p {
    font-size: 1.2rem;
  }
  .footer-sec .cookie-banner p br {
    display: none;
  }
}
.footer-sec .cookie-banner p a {
  color: #CB2EA0;
  text-decoration: none;
}
.footer-sec .cookie-banner p a:hover {
  text-decoration: underline;
}
.footer-sec .cookie-banner .cookie-btn {
  background: #CB2EA0;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
}
.footer-sec .cookie-banner .cookie-btn:hover {
  background: rgb(161.421686747, 36.578313253, 127.2289156627);
}
@media only screen and (max-width: 767px) {
  .footer-sec .cookie-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-sec .cookie-banner .cookie-btn {
    margin-top: 1rem;
  }
}

.section-about {
  padding: 6rem 0;
}
@media only screen and (max-width: 767px) {
  .section-about {
    padding: 2rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .section-about {
    padding: 4rem 0;
  }
}
.section-about .main-head {
  margin-top: 10rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-about .main-head {
    margin-top: 7rem;
  }
}
.section-about .sub-para {
  text-align: center;
}
.section-about .about-sec-img {
  display: flex;
  justify-content: center;
}
.section-about .about-sec-img .abt-img {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .section-about .about-sec-img .abt-img {
    margin-top: 0;
  }
}

.sub-section {
  padding: 6rem 0;
}
@media only screen and (max-width: 767px) {
  .sub-section {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-section {
    padding: 2rem 0;
  }
}
.sub-section .technology {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .sub-section .technology {
    display: grid;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-section .technology {
    display: grid;
  }
}
@media only screen and (max-width: 767px) {
  .sub-section .technology .sub-head br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-section .technology .sub-head br {
    display: none;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sub-section .technology .sub-para br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-section .technology .sub-para br {
    display: none;
  }
}
.sub-section .card-section {
  display: flex;
  gap: 2rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .sub-section .card-section {
    display: grid;
    margin-top: 0;
  }
}
.sub-section .card-section .card {
  flex: 1;
  gap: 1rem;
  width: 56rem;
  height: 23rem;
  padding: 2rem;
  border-radius: 2.4rem;
  background: #F9F9F9;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .sub-section .card-section .card {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.sub-section .card-section .card:hover {
  transform: translateY(-5px);
}
.sub-section .card-section .card .card-icon {
  flex-shrink: 0;
}
.sub-section .card-section .card .card-icon img {
  width: 3.8rem;
  height: 3.1rem;
}
.sub-section .card-section .card .card-content .card-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
  color: #1F1F1F;
}
@media only screen and (max-width: 767px) {
  .sub-section .card-section .card .card-content .card-title {
    font-size: 2rem;
    text-align: center;
  }
}

.core-value {
  padding: 3rem 0;
}
.core-value .value-sec {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13rem;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec {
    display: grid;
    margin-bottom: 0;
  }
}
.core-value .value-sec .values-list {
  list-style: none;
  padding: 0;
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec .values-list {
    margin-top: 3rem;
  }
}
.core-value .value-sec .values-list li {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 3rem;
}
.core-value .value-sec .values-list li img {
  width: 4.6rem;
  height: 4.6rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec .values-list li img {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.core-value .value-sec .values-list li span {
  font-size: 2rem;
  color: #1F1F1F;
  line-height: 1.4;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec .values-list li span {
    font-size: 1.6rem;
    font-weight: 500;
  }
}
.core-value .value-sec .values-list li .sub-para {
  font-size: 1.4rem;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec .values-list li .sub-para {
    font-size: 1.2rem;
  }
}
.core-value .value-sec .right-sec {
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .core-value .value-sec .right-sec {
    margin-top: 0;
  }
}

/* ================= Contact ================== */
.contact-sec {
  padding: 6rem 0;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .contact-sec {
    padding: 2rem 0;
    margin-top: 4rem;
  }
}
.contact-sec .contact-wrapper {
  gap: 16rem;
  display: flex;
  align-items: flex-start;
  margin-top: 8rem;
}
@media (max-width: 992px) {
  .contact-sec .contact-wrapper {
    flex-direction: column;
    gap: 2rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contact-sec .contact-wrapper {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-wrapper .sub-head {
    font-size: 3rem;
  }
}
.contact-sec .contact-left {
  flex: 1;
  position: sticky;
  top: 2rem;
  align-self: flex-start;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-left {
    width: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contact-sec .contact-left {
    width: 100%;
    position: relative;
    top: auto;
  }
}
.contact-sec .contact-left .contact-form {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-left .contact-form {
    margin-top: 3rem;
  }
}
.contact-sec .contact-left .contact-form .form-row {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-left .contact-form .form-row {
    display: grid;
    gap: 2rem;
  }
}
.contact-sec .contact-left .contact-form .form-row input,
.contact-sec .contact-left .contact-form .form-row textarea {
  flex: 1;
  padding: 0.8rem 1rem;
  border: 1px solid #ddd;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-family: inherit;
  outline: none;
  width: 28rem;
  height: 4.6rem;
}
.contact-sec .contact-left .contact-form .form-row input:focus,
.contact-sec .contact-left .contact-form .form-row textarea:focus {
  border-color: #CB2EA0;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-left .contact-form .form-row input,
  .contact-sec .contact-left .contact-form .form-row textarea {
    width: 100%;
  }
}
.contact-sec .contact-left .contact-form .form-row .message-box {
  width: 100%;
  height: 10rem;
  resize: none;
}
.contact-sec .contact-left .contact-form .sub-contact {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-left .contact-form .sub-contact {
    display: flex;
    justify-content: center;
  }
}
.contact-sec .contact-left .contact-form .sub-contact .btn-submit {
  width: -moz-fit-content;
  width: fit-content;
  background: #CB2EA0;
  color: #fff;
  padding: 0.8rem 2rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 1.4rem;
  transition: 0.3s ease;
  width: 10.6rem;
  height: 4rem;
}
.contact-sec .contact-left .contact-form .sub-contact .btn-submit:hover {
  background: #CB2EA0;
}
.contact-sec .contact-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.contact-sec .contact-right .contact-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.contact-sec .contact-right .contact-image .contact-img {
  width: 47rem;
  height: 46rem;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-right .contact-image .contact-img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contact-sec .contact-right .contact-image .contact-img {
    width: 100%;
    height: auto;
  }
}
.contact-sec .contact-right .contact-info {
  gap: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-sec .contact-right .contact-info .info-box {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: #f7f8f6;
  padding: 1.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 2px 6px 0 2px 6px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 44rem;
}
.contact-sec .contact-right .contact-info .info-box .icon {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.contact-sec .contact-right .contact-info .info-box .icon img {
  width: 4rem;
  height: 3.5rem;
}
.contact-sec .contact-right .contact-info .info-box .info-text .contact-head {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 0.2rem 0;
}
.contact-sec .contact-right .contact-info .info-box .sub-para {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .contact-sec .contact-right .contact-info .info-box .sub-para {
    text-align: left;
  }
  .contact-sec .contact-right .contact-info .info-box .sub-para br {
    display: flex;
  }
}
.contact-sec .contact-right .contact-info .info-box .sub-para a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}
.contact-sec .contact-right .contact-info .info-box .sub-para a:hover {
  color: #CB2EA0;
  text-decoration: none;
}
.contact-sec .contact-right .contact-info .box-new {
  height: 9rem;
}

/* ================= Terms ================== */
.terms-conditions {
  padding: 6rem 0;
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .terms-conditions {
    padding: 3rem 0;
    margin-top: 3rem;
  }
}

/* ================= Privacy ================== */
.privacy-policy {
  padding: 6rem 0;
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .privacy-policy {
    padding: 3rem 0;
    margin-top: 3rem;
  }
}/*# sourceMappingURL=style.css.map */