:root {
  --primary-color: #ff8927;
  --secondary-color: #02001d;
  --primary-light-color: rgba(249, 248, 244, 1);
  --dark-blue-color: #454377;
  --darkest-blue-color: #141331;
  --sky-blue: #2DBDCA;
  --white: #ffffff;
  --black: #000000;
  --dark-gray-color: #4D4D4D;
  --gray-color: #d3d3d3;
  --gray-light-color: #eee;
  --gray-input-border:#D3D3D3;
  --dark-gray-input-label:#212121;
}
body {
  font-family: "Lato", sans-serif;
  user-select: none;
  
}
body.modal-open{
  overflow: hidden !important;
}
section {
  /* scroll-margin-top: max(50px,4.167vw); same as your header height */
}
.text-primary{
  color: var(--primary-color,#ff8927) !important;
}
.btn {
  padding: max(9px, 0.625vw) max(24px, 1.25vw);
  font-size: max(16px, 0.833vw);
  border-radius: max(24px, 1.25vw);
  -webkit-border-radius: max(24px, 1.25vw);
  -moz-border-radius: max(24px, 1.25vw);
  cursor: pointer;
  font-weight: 600;
  border: 1px solid transparent;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  white-space: nowrap;
  margin-bottom: max(16px, 0.833vw);
}

.btn.white {
  background-color: var(--white,#fff);
  color: #02001d;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.btn.white:hover {
  background-color: var(--primary-color,#ff8927);
  color: var(--white,#fff);
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.btn.white svg, .btn.white img{
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7461%) hue-rotate(347deg) brightness(105%) contrast(111%);
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7461%) hue-rotate(347deg) brightness(105%) contrast(111%);
}
.btn.white:hover:not(.border) svg, .btn.white:hover:not(.border) img{
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(347deg) brightness(105%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(347deg) brightness(105%) contrast(100%);
}
.btn.white.border{
  -webkit-transition: border 0.3s, color 0.3s;
  -moz-transition: border 0.3s, color 0.3s;
  transition: border 0.3s, color 0.3s;
}
.btn.white.border:hover {
  border: 1px solid var(--black,#000) !important;
  color: var(--black,#000);
  background-color: var(--white,#fff);
  -webkit-transition: border 0.3s, color 0.3s;
  -moz-transition: border 0.3s, color 0.3s;
  transition: border 0.3s, color 0.3s;
}

.btn.secondary {
  background-color: #ffffff1a;
  border: 1px solid rgb(255 255 255 / 39%);
  color: var(--white,#fff);
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
}

.btn.secondary:hover {
  border: 1px solid var(--white,#fff) !important;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
 
}

.btn.primary {
  background-color: var(--primary-color,#ff8927);
  color: var(--white,#fff);
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.btn.primary:hover {
  background-color: var(--darkest-blue-color,#141331);
  color: var(--white,#fff);
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.btn + .btn {
  margin-left: max(12px, 0.833vw);
}

.btn + .btn svg,.btn img {
  width: max(20px, 1.25vw);
  height: max(20px, 1.25vw);
}
  
/* menu------------------------------------------------------------------------------------------------------------------------------- */
.header {
  background: var(--white,#fff);
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 1px 2px 73px #0000001f;
}

.header .container-fluid-header {
  max-width: max(1800px, 93.75vw);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header .logo {
  margin-right: max(22px, 1.667vw);
  padding: max(8px, 0.417vw) max(16px, 0.833vw);
}
.header .logo a{display: inline-block;outline: none;}
.header .logo img {
  width: max(118px, 7.396vw);
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}

.header .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: max(32px, 1.667vw);
  border-left: 1px solid var(--gray-color,#d3d3d3);
  width: 100%;
  border-right: 1px solid var(--gray-color,#d3d3d3);
  margin-right: max(32px, 1.667vw);
}

.header .nav-links a {
  text-decoration: none;
  color: var(--secondary-color,#02001d);
  font-size: max(14px, 0.833vw);
  padding: max(13px, 1.198vw) max(12px, 0.833vw);
  font-weight: 500;
  position: relative;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.header .nav-links a:after{
    content: "";
    position: absolute;
    top: 75%;
    left: 0;
    width: 80%;
    height: max(1px,0.052vw);
    background: var(--secondary-color,#02001d);
    margin: auto;
    display: block;
    right: 0;
    opacity: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.header .nav-links a:hover:after,.header .nav-links a.active:after{
    opacity: 1;
    height: max(3px,0.156vw);
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.header .nav-links a:focus-visible {
  outline: none;
}
.header .nav-links a:hover {
  /* color: var(--primary-color,#ff8927); */
}

.header .sign-in {
  margin-top: max(20px,1.042vw);
  padding: max(10px,0.521vw);
  border: 1px solid var(--gray-color,#d3d3d3);
  border-radius: max(24px,1.25vw);
  -webkit-border-radius: max(24px,1.25vw);
  -moz-border-radius: max(24px,1.25vw);
  width: 90%;
  font-size: max(16px,0.833vw);
  background: var(--white,#fff);
  cursor: pointer;
  display: none;
}

.header .header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin-right: max(10px, 0.521vw); */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.header .demo-btn {
  border: 1px solid var(--gray-color,#d3d3d3);
  /* background: var(--white,#fff); uncomment for next phase */
  border-radius: max(20px, 1.042vw);
  -webkit-border-radius: max(20px, 1.042vw);
  -moz-border-radius: max(20px, 1.042vw);
  padding: max(8px, 0.417vw) max(20px, 0.833vw);
  font-size: max(14px, 0.729vw);
  cursor: pointer;
  white-space: nowrap;
  width: max(160px,8.333vw);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  margin-bottom: 0;
  line-height: 1.5;
}

.header .get-started {
  background: var(--primary-color,#ff8927);
  color: var(--white,#fff);
  border: none;
  border-radius: max(20px, 1.042vw);
  -webkit-border-radius: max(20px, 1.042vw);
  -moz-border-radius: max(20px, 1.042vw);
  padding: max(8px, 0.417vw) max(20px, 0.833vw);
  font-size: max(14px, 0.729vw);
  cursor: pointer;
  white-space: nowrap;
  width: max(120px,6.25vw);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  margin-bottom: 0;
}

.header .hamburger,
.close {
  display: none;
  font-size: max(24px, 1.25vw);
  cursor: pointer;
  padding: 0 max(12px,0.625vw);
  border: none;
  background: none;
}
.header .nav-links.show {
  display: flex !important;
}

/* header banner */
/* --------------------------------------------------------------------------------------------------------------------- */
  .hero-section {
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
  font-family: "Lato", sans-serif;
}

.hero-section .hero-container {
  display: flex;
  flex-direction: column-reverse;
  margin: auto;
  height: auto;
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
}

.hero-section .hero-content {
  text-align: center;
  padding: max(20px, 2.083vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.hero-section .hero-content h1 {
  font-size: max(28px, 3.33vw);
  font-weight: 900;
  margin-bottom: max(16px, 0.833vw);
  line-height: 1.2;
}

.hero-section .hero-content p {
  font-size: max(16px, 1.042vw);
  line-height: 1.6;
  margin-bottom: max(22px, 2.5vw);
  color: #ddd;
  font-weight: 500;
}
.hero-section .btn.secondary img{
  width: max(20px,1.25vw);
}


.hero-section .btn.secondary {
  background-color: #ffffff1a;
  border: 1px solid rgb(255 255 255 / 16%);
  color: var(--white,#fff);
}
.hero-section .hero-image {
  position: relative;
}

.hero-section .hero-image img {
  width: 100%;
  height: auto;
  max-height:50vh;
  object-fit: cover;
}

/* Gradient overlay */
.hero-section .hero-image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  right: 0;
  background: linear-gradient(
    to top,
    rgba(2, 0, 29, 1),
    rgb(2 0 29) 20%,
    rgba(2, 0, 29, 0.3) 70%,
    rgba(2, 0, 29, 0) 100%
  );
  z-index: 1;
}
.hero-section .btn + .btn {
  margin-left: max(12px, 0.833vw);
}


/* problemwesolve ----------------------------------------------------------------------------------------------------------------------------------*/
.problem-section{
  border-radius: max(20px,2.083vw) max(20px,2.083vw) 0 0;
  overflow: hidden;
  margin-top: min(-30px,-1.823vw);
  position: relative;
  z-index: 1;
  margin-bottom: max(25px,1.25vw);
  background-color: var(--white,#fff);

}

.problem-section .problem-section-container,.our-solution-section .our-solution-container,.partner-features-section .features-container,.journey-section .journey-container,.subscribe-section .subscribe-container,.we-partner-with-section .we-partner-with-container,.result-expectation-section .result-expectation-container,.partner-trusted-section .trusted-container,.industry-leaders-section .industry-leaders-container,.enterprise-leaders-section .enterprise-leaders-container,.our-team-section .our-team-container,.partner-faq-section .faq-container,.footer-container,.technology-section .technology-container,.partner-featured-in-section .featured-in-container,.industry-leaders-section .industry-leaders-container {
  max-width: max(1440px,75vw);
  margin: 0 auto;
  text-align: center;
  padding:0 max(16px,0.833vw);
}

.problem-section .problem-section-title,.our-solution-section .our-solution-title,.partner-features-section .features-title,.journey-section .journey-title,.subscribe-section .subscribe-title,.we-partner-with-section .we-partner-with-title,.result-expectation-section .result-expectation-title,.partner-trusted-section .trusted-title,.industry-leaders-section .industry-leaders-title,.enterprise-leaders-section .enterprise-leaders-title,.our-team-section .our-team-title,.partner-faq-section .faq-title,.technology-section .technology-title,.partner-featured-in-section .featured-in-title {
  font-size: max(24px,2.292vw);
  font-weight: 900;
  color: var(--secondary-color,#02001d);
  padding-top: max(50px,5.208vw);
  padding-bottom: max(15px,1.042vw);
  margin-bottom: 0;
}

.problem-section .problem-section-subtitle,.our-solution-section .our-solution-subtitle,.partner-features-section .features-subtitle,.journey-section .journey-subtitle,.subscribe-section .subscribe-subtitle,.we-partner-with-section .we-partner-with-subtitle,.result-expectation-section .result-expectation-subtitle,.partner-trusted-section .trusted-subtitle,.industry-leaders-section .industry-leaders-subtitle,.enterprise-leaders-section .enterprise-leaders-subtitle,.our-team-section .our-team-subtitle , .technology-section .technology-subtitle,.partner-featured-in-section .featured-in-subtitle{
  color: var(--dark-gray-color,#4D4D4D);
  line-height: 1.6;
  font-size: max(16px,1.042vw);
  max-width: max(503px,49.583vw);
  margin: auto;
  margin-bottom:max(24px,1.25vw);
}

.problem-section .problem-section-link {
  color: var(--black,#000);
  font-weight: 600;
  margin-bottom: max(24px,2.5vw);
  font-size: max(16px,1.042vw);
  display: inline-block;
  border-bottom: 1px dotted var(--primary-color,#ff8927);
}

.problem-section .partner-cards-grid {
  display: flex;
  /* grid-template-columns: repeat(4, 1fr); */
  margin-bottom: max(24px,2.5vw);
}

.problem-section .partner-card {
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
  border-radius: max(16px,0.8333vw);
  padding: max(16px,1.25vw) max(16px,0.833vw);
  text-align: left;
  margin-bottom: max(12px,0.625vw);
  width: 100%;
  border: 1px solid;
  border-color: var(--gray-light-color,#eee);
}
.problem-section .partner-card{
  margin-right:max(14px,1.25vw)
}
.problem-section .partner-card-icon {
  color: #f67c1b;
  margin-bottom: max(12px,0.625vw);
}
.problem-section .partner-card-icon img,.our-solution-section .feature-section .feature-icon img{
  width: max(32px,2.5vw);
  height: max(32px,2.5vw);
}
.problem-section .partner-card-text {
  font-size: max(16px,0.938vw);
  color: var(--dark-gray-color,#4D4D4D)
}

.problem-section .problem-section-footer {
  font-size: max(16px,1.042vw);
  color: var(--dark-gray-color,#4D4D4D);
  margin-bottom: max(56px,5.208vw);
}

.problem-section .problem-section-footer strong {
  color: var(--black,#000);
}

.flex-1{
  flex: 1;
}


/* our solution section -------------------------------------------------------------------------------------------------------------------------------*/
.our-solution-section{
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
}
.our-solution-section .our-solution-content{
  position: sticky;
  top: max(40px, 3.125vw); /* adjust as needed */
  align-self: flex-start;
  z-index: 2;
  margin-bottom: max(32px, 5.208vw);
}
.our-solution-section .our-solution-title{
  color: var(--white,#fff);
}
.our-solution-section .our-solution-subtitle{
  max-width: 100%;
  text-align: left;
  margin-bottom: max(32px,2.917vw);
  color: var(--white,#fff);
}
.our-solution-section .our-solution-container{
  text-align: left;
  display: flex;
  align-items: flex-start;
  gap: max(20px,1.25vw);
}


.our-solution-section .feature-section {
  margin-top: max(32px,5.208vw);
  width: 100%;
  margin-bottom: max(56px,5.208vw);
  display: flex;
  flex-direction: column;
  gap: max(16px,1.25vw);
}

.our-solution-section .feature-card {
  display: flex;
  align-items: center;
  background-color: var(--darkest-blue-color,#141331);
  border-radius: max(12px,0.833vw);
  padding: max(20px,1.25vw);
  border: 10px solid transparent;
  /* margin-bottom: max(16px,1.25vw); replaces the gap between cards */
  /* flex-direction: column; */
  backdrop-filter: blur(max(10px,0.521vw));
  /* margin: max(1px, 0.052vw); */
    box-shadow: 0px 0px 0px 1px #4543779e;
}
.our-solution-section .feature-section .feature-card:nth-child(5) {
  margin-bottom: 0;
}

.our-solution-section .feature-icon {
  margin-right: max(12px,0.8333vw); /* replaces the gap between icon and text */
  /* margin-bottom: max(12px,0.8333vw); */
}

.our-solution-section .feature-text h3 {
  margin: 0;
  font-size: max(18px,1.042vw);
  font-weight: 700;
  color: var(--white,#fff);
  line-height: max(24px,1.563vw)
}

.our-solution-section .feature-text p {
  margin: max(6px,0.313vw) 0 0;
  font-size: max(16px,0.938vw);
  color: var(--white,#fff);
  font-weight: 500;
  line-height: max(24px,1.563vw);
}
.our-solution-section .feature-section .btn{
  display: none;
}
.our-solution-section .feature-section .feature-card-holder{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: max(16px,1.25vw);
  transition: scale 0.3s ease-in-out;
}
/* animation of features------- */

.our-solution-section .clockwise-border-btn {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  border-radius: max(12px,0.833vw);
  border: none;
  background-color: #0f0f20;
  color: white;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
  padding: max(1px,0.052vw);
  /* border: 1px solid #45437766; */
}

/* The rotating ring */
.our-solution-section .feature-card-holder:hover{
  scale:1.03;
  transition: scale 0.3s ease-in-out;
}
.our-solution-section .clockwise-border-btn:hover::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  background: conic-gradient(from 359deg, #f3f3f330 35deg, #b2aff3 30%, transparent 60%, transparent 100%);
  animation: rotateClockwise 3s linear infinite;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

@keyframes rotateClockwise {
  to {
    transform: rotate(360deg);
  }
}





/* features section ----------------------------------------------------------------------------------------------------------------------------------*/

.partner-features-section .features-title,.partner-features-section .features-subtitle{
  text-align: center;
}

.partner-features-section .features-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}

 .features-accordion {
  position: relative;
}

.features-accordion-container{
  padding-bottom: max(56px,5.208vw);
  margin-top: max(20px,2.5vw);
}
.feature-accordion-item:last-child{
  border-bottom: none;
}
 .feature-accordion-item {
  border-top: 0;
    border-left: 0;
    border-right: 0;
  border-bottom: 1px solid #ddd;
  padding: max(22px,1.25vw) 0;
  text-align: left;
  transition: border-color 0.3s ease;
}
.feature-accordion-item:nth-child(2) svg{
max-width:60%;
margin: auto;
display: block;
}
 .feature-accordion-title {
  cursor: pointer;
  font-size: max(16px,1.042vw);
  font-weight: 700;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}
 .feature-accordion-title span{
  padding-right: max(16px,1.042vw);
}
 .feature-accordion-title img{
  width: max(28px,1.667vw);
  height: max(28px,1.667vw);
  margin-right: max(12px,0.625vw);
}


 .feature-accordion-item{
  position: relative;
}
 .feature-accordion-item.active .feature-accordion-content {
  /* padding-top: max(16px,0.833vw); */
  opacity: 1;
}
.feature-accordion-content .mobile-display{
  /* padding-top: max(16px,0.833vw); */
  transition: padding-top 0.3s ease;
  border-radius: max(8px, 0.521vw);
}
 .feature-accordion-item.active .feature-accordion-content p{
  font-size: max(16px,0.938vw);
  margin-bottom: 0;
  margin-top: max(16px,0.833vw);
  transition: margin 0.3s ease;
}
 .feature-accordion-item img.mobile-image {
  width: 100%;
  border-radius: max(8px,0.521vw);
  margin-top: max(16px,0.833vw);
  transition: margin-top 0.3s ease;
  max-height: max(320px,12.604vw);
  object-fit: cover;
}
 .feature-accordion-item:first-of-type{
  padding-top: 0;
}
 .feature-accordion-item:first-of-type:after{
  top: max(4px,0.208vw);
}
 .feature-accordion-item:after{
  content: "";
    display: block;
    height: max(24px,1.25vw);
    background-image: url(../images/down-arrow.svg);
    background-size: max(20px,1.042vw);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: max(26px,1.302vw);
    right: 0;
    width: max(20px,1.042vw);
    transition: transform 0.3s ease;
}
 .feature-accordion-item.active:after{
  transform: rotate(180deg);
  filter: invert(69%) sepia(58%) saturate(3416%) hue-rotate(340deg) brightness(101%) contrast(102%);
}
/* Right Side Image */
 .features-image {
  display: none;
  margin-top: 0;
}

 .features-image img {
  width: 100%;
  /* object-fit: cover; */
  border-radius: max(12px,0.833vw);
  max-height: 100%;
}
.mobile-display video,  .mobile-display iframe{
  width: 100%;
}
.preview-container{
  height: 100%;
  background-color:#f3f4f7;
  border-radius: max(12px,0.833vw);
}
.preview-container video, .preview-container img, .preview-container iframe{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: max(12px,0.833vw);
  max-height: 100%;
}
 
 .feature-accordion-content {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: height 0.3s ease-out,
                visibility 0.3s ease-out,
                opacity 0.3s ease-out;
    overflow: hidden;
}

.feature-accordion-content.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    transition: height 0.3s ease-out,
                visibility 0.3s ease-out,
                opacity 0.3s ease-out;
}

/* technology section------------------------------------------------------------------------------------------------------------------------------------ */
.technology-section .our-technology-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(304px,16.875vw), 1fr));
  gap: max(24px,1.25vw) max(16px,0.833vw);
  margin: auto;
  margin-bottom: max(56px, 5.208vw);
}

.technology-section .our-technology-feature {
  background: #fff;
    border-radius: 12px;
    padding: max(5px,1.25vw) max(10px,0.5vw);
    display: flex;
    align-items: flex-start;
    gap: max(16px,0.833vw);
    flex-direction: column;
    text-align: left;
    transition: all 0.3s ease;
    /* width: max(324px,16.875vw); */
}

.technology-section .our-technology-feature:hover .our-technology-icon{
background-color: var(--primary-color,#ff8927);
transition: all 0.3s ease;

}
.technology-section .our-technology-feature:hover .our-technology-icon img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(103%) contrast(102%);
  }
.technology-section .our-technology-icon {
  background: #FFEFE6;
  border-radius: 50%;
  width: max(48px,3.125vw);
  height: max(48px,3.125vw);
  object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.technology-section .our-technology-icon img
{
height: max(25px,1.667vw);
}
.technology-section .our-technology-content h3 {
  font-size: max(16px,1.042vw);
  font-weight: 600;
  margin: 0 0 max(6px,0.625vw);
  color: var(--dark-gray-input-label,#212121);
}

.technology-section .our-technology-content p {
  font-size: max(16px,0.938vw);
  line-height: 1.5;
  color: var(--dark-gray-color,#4D4D4D);
  margin: 0;
}

/* journey section ----------------------------------------------------------------------------------------------------------------------------------*/
/* Journey Steps Responsive Design */
.journey-section{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
}
.journey-section .steps-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: max(40px,2.5vw);
  max-width: 100%;
}

.journey-section .step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  z-index: 2;
  text-align: center;
  background: transparent;
}
.journey-section .steps-container .step-3{
  margin-bottom: 0
}
.journey-section .step-circle {
  width: max(30px,1.667vw);
  height: max(30px,1.667vw);
  border-radius: 50%;
  background: var(--white,#fff);
  border: 1px solid var(--gray-color,#d3d3d3);
  color:var(--dark-gray-color,#4D4D4D);
  font-weight: 700;
  font-size: max(14px,0.833vw);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: max(20px,1.042vw);
  transition: border 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
  box-shadow: none;
}

.journey-section .step-item.active .step-circle {
  border: 2px solid var(--primary-color,#ff8927);
  color: var(--white,#fff);
  background:var(--primary-color,#ff8927);
}

.journey-section .step-label {
  font-size: max(20px,1.042vw);
  font-weight: 700;
  margin-bottom: max(4px,0.208vw);
}

.journey-section .step-desc {
  font-size: max(16px,0.938vw);
  max-width:max(303px,23.854vw);
}

.journey-section .progress-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: max(15px,0.781vw);
  height: max(2px,0.104vw);
  z-index: 1;
  width: 70%;
  pointer-events: none;
  margin: auto;
}

.journey-section .progress-bar-bg,
.journey-section .progress-bar-fill {
  position: absolute;
  left: max(20px,1.042vw); /* half of .step-circle width (40px) */
  right: max(20px,1.042vw);
  top: 0;
  height: max(1px,0.052vw);
  background: repeating-linear-gradient(to right, var(--gray-color,#d3d3d3), var(--gray-color,#d3d3d3) 6px, transparent 0px, transparent 10px);
  border-radius: max(1px,0.052vw);
  width: auto;
}

.journey-section .progress-bar-fill {
  position: absolute;
  left: max(20px,1.042vw);
  top: 0;
  height: max(2px,0.104vw);
  background: var(--primary-color,#ff8927);
  border-radius: max(1px,0.052vw);
  width: 0;
  transition: width 0.5s linear;
}



.journey-section .journey-footer{
  padding-top: max(46px,2.917vw);
  padding-bottom: max(56px,5.208vw);
  flex-wrap: wrap;
}
.journey-section .journey-footer .btn + .btn svg{
  margin-right: max(10px,0.521vw);
}


/* subscribe section ----------------------------------------------------------------------------------------------------------------------------------*/
.subscribe-section{
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
}
.subscribe-section .subscribe-subtitle{
  color: var(--white,#fff);

}
.subscribe-section .subscribe-title{
  color: var(--white,#fff);
}

.subscribe-section .pricing-toggle {
  margin-top: max(40px,2.5vw);
  margin-bottom: max(24px,1.667vw);
}

.subscribe-section .plans-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: max(27px,2.917vw);
}

.subscribe-section .plan-card {
  flex: 1 ;
  max-width: max(448px,23.333vw);
  background-color: var(--darkest-blue-color,#141331);
  padding: max(20px,1.25vw);
  border-radius: max(12px,0.833vw);
  margin-top: max(24px,1.25vw);
  border: 1px solid #454377;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  text-align: left;
  position: relative;
  overflow: hidden;
}

.subscribe-section .plan-card:not(.popular):after {
  content: "";
    position: absolute;
    top: min(-150px,-7.813vw);
    left: 0;
    width: max(251px,13.073vw);
    height: max(251px,13.073vw);
    /* background: linear-gradient(90deg, #ffffff 0%, #ffffffa8 55.98%); */
    filter: blur(max(50px, 2.604vw));
    border-radius: 50%;

}
.subscribe-section .plan-card:first-child:not(.popular):after {
  animation: shine 5s ease-in-out 5 4s alternate;
  animation-fill-mode: forwards;
  background-image: linear-gradient(90deg, #9796F0 0%, #FBC7D4 100%);
  opacity: 0.3;

}
@keyframes shine {
  0% {
    transform: translatex(0%);
  }
  50% {
    transform: translatex(100%);
  }
  100% {
    transform: translatex(50%);
  }
}
.subscribe-section .plan-card:last-child:not(.popular):after {
  animation: shine1 5s ease-in-out 5 6s alternate;
  animation-fill-mode: forwards;
  background-image: linear-gradient(90deg, #83A4D4 0%, #B6FBFF 100%);
  opacity: 0.3;

}
@keyframes shine1 {
  0% {
    transform: translatex(0%);
  }
  50% {
    transform: translatex(100%);
  }
  100% {
    transform: translatex(50%);
  }
}



.subscribe-section .plan-card.popular {
  border: 1px solid var(--primary-color,#ff8927);
  position: relative;
  margin-top: 0;
  margin-inline: max(15px,0.781vw);
  max-width: max(496px,25.833vw);
  min-width: max(496px,25.833vw);
}

.subscribe-section .plan-card.popular::before {
  content: "MOST POPULAR";
    position: absolute;
    top: min(-3px, -0.156vw);
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #F9A55F 0%, #FF8927 55.98%);
    color: var(--white,#fff);
    font-weight: bold;
    padding: max(4px,0.208vw);
    border-radius: max(16px,0.833vw) max(16px,0.833vw) 0 0;
    font-size: max(14px,0.729vw);
    width: 100%;
    text-align: center;
    outline: 1px solid var(--primary-color,#ff8927);
    color: var(--white,#fff);
    height: max(40px,2.083vw);
    letter-spacing: max(1px,0.052vw);
    font-weight:700;
}
.subscribe-section .plan-card.popular h3{
  margin-top: max(24px,1.25vw);

}
.subscribe-section .plan-card.popular label,.subscribe-section .plan-card:last-child label{
  font-size: max(16px,0.833vw);
}
.subscribe-section .plan-card p{
  margin:0;
  font-weight: 400;
  font-size: max(16px,0.833vw);
}
.subscribe-section .plan-card p:not(:last-child){
  margin-bottom: max(16px,0.833vw);
}

.subscribe-section .plan-card h3 {
  font-size: max(20px,1.25vw);
  margin-bottom: max(8px,0.417vw);
}
.subscribe-section .plan-callmsg{
  width: max(56px,5vw);
}
.subscribe-section .plan-price {
  margin: max(21px,1.667vw) 0 max(24px,1.25vw);
  font-size: max(16px,0.833vw);
}
.subscribe-section .plan-price-holder{
  height: max(276px,14.375vw);
}
.subscribe-section .plan-price h4{
  font-size: max(18px,1.042vw);
  margin-top: max(10px,1.042vw);
}
.subscribe-section hr{
  margin:max(16px,0.833vw) 0;
}
 .subscribe-section .plan-card:not(.popular) .plan-button {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--dark-blue-color,#454377);
  color: var(--white,#fff);
  border: none;
  padding: max(11px,0.729vw) max(24px,1.25vw);
  border-radius: max(24px,1.25vw);
  font-size: max(16px,0.833vw);
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 0;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  font-weight: 600;
}
.subscribe-section .plan-card:not(.popular) .plan-button:hover{
  background-color: var(--white,#fff);
  color: var(--black,#000);
}
.subscribe-section .plan-button{
  margin-bottom: 0;
}

.subscribe-section .plan-button img {
  width: max(20px, 1.25vw);
  height: max(20px, 1.25vw);
}
.subscribe-section .plan-button:hover img{
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7499%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7499%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
 .plan-features {
  list-style: none;
  padding: 0;
  font-size: max(12px,0.729vw);
  line-height: 1.6;
  text-align: left;
  margin-bottom: 0;
}
 .plan-features li{
  display: flex;
  margin-bottom: max(10px,0.521vw);
}
 .plan-features li::before {
  /* content: url('../images/checkmark.svg');
  height: max(20px,1.042vw);
  width: max(20px,1.042vw);
  display: inline-block; */
  margin-right: max(12px,0.625vw);
  margin-top: max(0px,0.260vw);
  content: "";
    height: max(20px, 1.042vw);
    min-width: max(20px, 1.042vw);
    display: inline-block;
    margin-right: max(12px, 0.625vw);
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
}



.toggle-label {
display: inline-flex;
align-items: center;
font-size: max(16px,0.833vw);
cursor: pointer;
font-weight: 600;
}

.toggle-text {
  margin: 0 max(8px,0.417vw);
}

.toggle-label input {
  display: none;
}

.toggle-slider {
  width: max(50px,2.604vw);
  height: max(28px,1.458vw);
  border-radius: max(50px,2.604vw);
  position: relative;
  transition: background 0.3s;
  margin-inline: max(8px,0.417vw);
  border: 1px solid var(--gray-color,#d3d3d3);
}

.toggle-slider::before {
  content: "";
  position: absolute;
  width: max(18px,0.938vw);
  height: max(18px,0.938vw);
  background: var(--white,#fff);
  border-radius: 50%;
  top: max(4px,0.208vw);
  left: max(5px,0.260vw);
  transition: transform 0.3s ease;
}


.toggle-label input:checked + .toggle-slider::before {
  transform: translateX(max(20px,1.042vw));
}
.subscribe-section .save-20{
  opacity: 0.7;
  margin-left: max(8px,0.417vw);
  font-weight: 400;
  font-size: max(14px,0.729vw);
  padding: max(3px,0.156vw) max(8px,0.417vw);
  border: 1px solid #ffffff1a;
  border-radius: max(4px,0.208vw);
  background-color: #ffffff1a;
}
.subscribe-section .plan-card.popular::after{
  content: "";
    position: absolute;
    top: max(25px,1.302vw);
    left: 50%;
    transform: translateX(-50%);
    background: var(--darkest-blue-color,#141331);
    color: var(--white,#fff);
    width: 100%;
    height:max(16px,1.406vw);
    border-radius: max(16px,0.833vw);
    outline: 1px solid var(--darkest-blue-color,#141331);
}

.subscribe-section .what-you-need-container h2{
  font-size: max(20px,1.667vw);
  font-weight: 700;
  margin-bottom: max(8px,0.833vw);
}
.subscribe-section .what-you-need-container p{
  font-size: max(16px,1.042vw);
  margin-bottom: max(20px,2.083vw);
}
.subscribe-section .what-you-need-button-footer{
  padding-bottom: max(56px,5.208vw);
}
.modal{
  padding-inline: max(20px,1.25vw) !important;
}
.modal-lg, .modal-xl {
  --bs-modal-width: max(830px,43.229vw);
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translateY(100px);
}

.modal.fade.show .modal-dialog {
  transform: translateY(0);
}
.modal-content{
  border-radius: max(12px,0.833vw);
  overflow: hidden;
  min-width: max(830px,43.229vw);
}
.modal-header {
  border-bottom: none;
  padding: max(24px, 1.25vw) max(24px, 1.25vw) 0;
}

.modal-title-container {
  flex: 1;
}

.modal-title.default-title {
  font-size: max(20px, 1.25vw);
  font-weight: 700;
  margin-bottom: 0;
  display: block;
}

.modal-title.result-title {
  text-align: center;
  max-width: max(600px, 31.25vw);
  margin: 0 auto;
  display: none;
}

/* Show result title when result step is active */
.modal-body:has(.step-content[data-step="result"].active) .modal-title.result-title {
  display: block;
}

/* Hide default title when result step is active */
.modal-body:has(.step-content[data-step="result"].active) .modal-title.default-title {
  display: none;
}

.modal-title.result-title h5 {
  font-size: max(20px, 1.458vw);
  font-weight: 700;
  margin-bottom: max(8px, 0.417vw);
  color: var(--darkest-blue-color,#141331);
}

.modal-title.result-title p {
  font-size: max(14px,0.833vw);
  margin-bottom: 0;
  max-width: 68%;
    margin: auto;
}

.modal-close-btn {
  outline: none;
  border: none;
  background: transparent;
  position: absolute;
  right: max(16px, 0.833vw);
  top: max(20px, 1.042vw);
  z-index: 1;
  width: max(24px,1.771vw);
  height: max(24px,1.771vw);
  padding: 0;
}
.modal-close-btn img{
  width: 100%;
}
.modal-title-subtitle{
  margin-bottom: max(20px,1.25vw);
}
.result-card{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
  border-radius: max(16px,0.833vw);
  padding: max(24px,1.25vw);
  border: 1px solid var(--gray-color,#d3d3d3);
}
#recommendationModal .result-footer-btns{
  width:100%; justify-content:space-between; align-items:center; gap:max(12px,0.625vw);flex-wrap:wrap-reverse;
}
#recommendationModal .result-features{
  list-style: none;
  font-size: max(14px, 0.729vw);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: max(260px,13.542vw);
  padding-left: max(32px,1.667vw);
}
#recommendationModal .result-features li{
  position: relative;
  max-width: 40%;
  margin-bottom: max(12px,0.625vw);
}
#recommendationModal .result-features img{
  position: absolute;
    left: min(-25px, -1.25vw);
    top: max(7px,0.365vw);
    width: max(15px,0.781vw);
}
#recommendationModal .top-match-badge{
  background-color: var(--primary-color,#ff8927);
  color: var(--white,#fff);
  padding: max(4px,0.208vw) max(8px,0.417vw);
  border-radius: max(6px,0.313vw);
  font-size: max(14px,0.729vw);
  font-weight: 500;
}
#recommendationModal .retake-quiz-btn{
  text-decoration:none; background:none; border:none;
  font-size: max(16px,0.833vw);
  font-weight: 500;
  margin-bottom: max(16px, 0.833vw);
}


#recommendationModal .step-content {
  display: none;
}
#recommendationModal .step-content h6{
  font-size: max(12px,0.729vw);
}
#recommendationModal .step-content.active {
  display: block;
}

#recommendationModal .progress-container {
  padding: max(16px,0.833vw) max(16px,0.833vw) max(8px,0.417vw);
  background-color: var(--white,#fff);
}

#recommendationModal .step-indicators {
  display: flex;
  justify-content: space-between;
  gap: max(6px,0.313vw);
}

#recommendationModal .step-segment {
  flex: 1;
  height: max(4px,0.208vw);
  background-color: #e0e0e0;
  border-radius: max(2px,0.104vw);
  transition: background-color 0.3s ease;
}

#recommendationModal .step-segment.active,
#recommendationModal .step-segment.completed {
  background-color: var(--primary-color,#ff8927);
}
#recommendationModal .modal-footer button img{
  width: max(18px,0.938vw) !important
}
.modal-footer .btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.modal-body{
  padding: max(20px,1.25vw);
  height: max(400px,20.833vw);
  overflow-y: auto;
}
.modal-footer{
  padding: max(20px,1.25vw);
}
.modal-footer .btn:not(.result-footer-btns .btn) {
  display: flex;
  align-items: center;
}
.why-this-details li{
  max-width:100%
}
.custom-checkbox-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-checkbox-list li {
  display: flex;
  align-items: center;
  margin-block: max(24px,1.25vw);
}

.custom-checkbox input[type="checkbox"] {
  display: none;
}

.custom-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: max(14px, 0.833vw);
}

.custom-checkbox .checkmark {
  display: inline-block;
  width: max(20px,1.042vw);
  height: max(20px,1.042vw);
  background-color: var(--white,#fff);
  border: 2px solid var(--gray-color,#d3d3d3);
  border-radius: max(4px,0.208vw);
  margin-right: max(10px,0.521vw);
  position: relative;
  transition: background 0.2s, border-color 0.2s;
}

.custom-checkbox input:checked + .checkmark {
  background-color: #1abcbd;
  border-color: #1abcbd;
}

.custom-checkbox .checkmark::after {
  content: '';
  position: absolute;
  display: none;
}

.custom-checkbox input:checked + .checkmark::after {
  display: block;
  left: 50%;
  top: 50%;
  width: max(10px,0.521vw);
  height: max(6px,0.313vw);
  border-left: max(2.5px,0.125vw) solid var(--white,#fff);
  border-bottom: max(2.5px,0.125vw) solid var(--white,#fff);
  transform: translate(-50%, -60%) rotate(-45deg);
  border-radius: max(1px,0.052vw);
}

.custom-radio-group {
  color: var(--dark-gray-color,#4D4D4D);
  display: flex;
  flex-direction: column;
  margin-top: max(24px, 1.25vw);
}
.custom-radio:first-child{
  margin-top: 0;
}
.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: max(28px,1.458vw);
  font-size: max(14px,0.833vw);
  user-select: none;
  margin-block:max(12px,0.625vw);
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-mark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: max(18px,0.938vw);
  width: max(18px,0.938vw);
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color:var(--white,#fff);
  box-sizing: border-box;
}

.custom-radio input:checked ~ .radio-mark {
  border-color: #00BCD4;
  background-color: var(--white,#fff);
}

.custom-radio input:checked ~ .radio-mark::after {
  content: "";
  position: absolute;
  top: max(2px,0.104vw);
  left: max(2px,0.104vw);
  width: max(12px,0.625vw);
  height: max(12px,0.625vw);
  border-radius: 50%;
  background: #00BCD4;
}
#recommendationModal .step-content h5{
  font-weight: 700;
  font-size: max(18px,1.042vw);
}
#recommendationModal .result-business-plan{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: max(24px,1.25vw);
}
#recommendationModal .result-business-plan span:first-child{
  font-size: max(20px,1.146vw);
}

#recommendationModal .see-pricing-link{
  color: var(--primary-color,#ff8927);
  text-decoration: none;
}
#recommendationModal .see-pricing-link img{
  filter: invert(69%) sepia(58%) saturate(3416%) hue-rotate(340deg) brightness(101%) contrast(102%);
}
/* Pricing details in modal result view */
#recommendationModal .result-card .plan-price{
  /* margin-bottom: max(12px,0.625vw); */
  font-size: max(16px,0.833vw);
}
#recommendationModal .result-card .plan-price p{
  margin-bottom: max(16px,0.833vw);
}

#recommendationModal .pricing-details {
  padding-left: max(20px,1.042vw);
  margin-bottom: max(16px,0.833vw);
  position: relative;
}
#recommendationModal .pricing-details:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: max(1px,0.052vw);
  height: 100%;
  background-color: var(--primary-color,#ff8927);
}
#recommendationModal .pricing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: max(9px,0.469vw);
}
#recommendationModal .pricing-label {
  font-size: max(12px,0.625vw);
  color: var(--dark-gray-color,#4D4D4D);
  font-weight: 500;
  display: flex;
  align-items: center;
}
#recommendationModal .pricing-value {
  font-size: max(14px,0.729vw);
  color: var(--secondary-color,#02001d);
  font-weight: 700;
  white-space: nowrap;
}
#recommendationModal .pricing-optional {
  font-style: italic;
  color: var(--dark-gray-color,#4D4D4D);
  font-size: max(15px,0.781vw);
  margin-left: max(4px,0.208vw);
}
#recommendationModal .pricing-note {
  font-style: italic;
  color: #888;
  font-size: max(15px,0.781vw);
  margin-left: max(4px,0.208vw);
}
#recommendationModal .pricing-info img {
  width: max(18px,0.938vw);
  vertical-align: middle;
  opacity: 0.7;
  margin-left: max(6px,0.313vw);
}
#recommendationModal .result-card .price-plan{
  margin-bottom: max(24px,1.25vw);
}


/* who we partner with --------------------------------------------------------------------------------------------------------------------- */
.we-partner-with-section{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
  /* for next phase--------------------- */
  /* background-color: var(--white,#fff); */
}
.we-partner-with-content-holder{
width: max(708px,36.875vw);
text-align: left;
}
.we-partner-with-section .we-partner-with-subtitle{
 margin-left: 0;
}
.we-partner-with-section .we-partner-with-container{
  display: flex;
  /* align-items: center; */
}
.we-partner-with-container .features-image{
  width: max(586px,30.521vw);
  margin-block:max(56px,5.208vw);
  /* width: 100%; */
  flex-shrink: 0;
  flex:unset;
  margin-left: max(15px, 7.552vw);
  margin-bottom: 0;
}

.we-partner-with-section .feature-accordion-item .feature-accordion-content p{
  /* margin-bottom: max(16px,1.111vw); */
  padding-left: 0;
  color: var(--dark-gray-color,#4D4D4D);
}
.we-partner-with-section .feature-accordion-item .feature-accordion-content label{
  color: var(--dark-gray-color,#4D4D4D);
  margin-bottom: max(12px,0.625vw);
  font-size: max(16px,0.938vw);
  font-weight: 700;
}
.we-partner-with-section .feature-accordion-item .feature-accordion-content ul li{
  color: var(--dark-gray-color,#4D4D4D);
  font-size: max(16px,0.938vw);
  font-weight: 500;


}
.we-partner-with-section .feature-accordion-item .feature-accordion-content ul{
 padding-left: max(32px,1.667vw);
 margin-bottom: 0;
}
.we-partner-with-section #feature-preview-container1 img{
  object-fit: cover !important;
  max-height: max(240px,33.125vw);
}
.we-partner-with-container .preview-container{
  background-color: transparent;
}

.features-accordion-container.flexible-accordion {
  display: flex;
  /* width: max(353px, 36.875vw); */
  width: 100%;
  gap: 2rem;
}

.features-accordion-container.flexible-accordion .features-accordion {
  flex: 1;
  min-width: 0;
  width: 100%;
}

.features-accordion-container.flexible-accordion .partner-feature-accordion {
  width: 100%;
}

.features-accordion-container.flexible-accordion .feature-accordion-item {
  width: 100%;
}

.features-accordion-container.flexible-accordion .feature-accordion-title {
  width: 100%;
  word-break: break-word;
}

.features-accordion-container.flexible-accordion .feature-accordion-content {
  width: 100%;
}

.features-accordion-container.flexible-accordion .feature-accordion-content img,
.features-accordion-container.flexible-accordion .feature-accordion-content iframe {
  max-width: 100%;
  height: auto;
}

/* Add this class to the container when you want the accordion to be flexible */
.we-partner-with-content-holder .features-accordion-container {
  max-width: 100%;
  padding-bottom: 0;
}

/* result expectation section --------------------------------------------------------------------------------------------------------------------- */
.result-expectation-section{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
}
.result-expectation-section .result-expectation-container{
  display: flex;
}
.result-expectation-section .result-expectation-columns{
  flex:1;
  text-align: left;
}
.result-expectation-section .result-expectation-columns img:not(.btn img){
  object-fit: cover;
  /* height: max(732px,38.125vw); */
  height: 100%;
  border-radius: max(8px,0.8333vw);
  overflow: hidden;

}
.result-expectation-section .result-expectation-label{
  font-size: max(16px,1.042vw);
  font-weight: 600;
  margin-bottom: max(24px,2.083vw);
  border-bottom: 1px dotted var(--primary-color,#ff8927);
}
.result-expectation-section .result-expectation-columns .plan-features li::before{
content: "";
min-width: max(24px,1.25vw);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;    
background-image: url(../images/checkorg.svg);
margin-top: max(7px,0.364vw);
}
.result-expectation-section .result-expectation-columns .plan-features li{
  font-size: max(16px,0.938vw);
  margin-bottom: max(16px,1.25vw);
  display: flex;
    white-space: nowrap;
}
.result-expectation-section .result-expectation-columns .plan-features li:last-child{
margin-bottom: max(24px,2.083vw);
}
.result-expectation-section .result-expectation-columns p{
  font-size: max(16px,1.042vw);
  margin-bottom: max(24px,1.25vw);
  color: var(--dark-gray-color,#4D4D4D);
}
.result-expectation-section .result-expectation-columns:first-child{
  padding-block: max(56px, 5.208vw);
  position: relative;
  width: 40%;
}
.result-expectation-section .result-expectation-columns:last-child{
  max-width:max(709px,36.927vw);
  margin-left:max(16px,7.552vw)
}
.result-expectation-section .result-expectation-button-footer{
  padding-bottom: max(56px, 5.208vw);
}
.result-expectation-section .result-expectation-columns-title-holder{
  display: none;
}
.result-expectation-section .result-expectation-graph-img-json{
  position: relative;
  height: 100%;
}
.result-expectation-section .result-expectation-image-holder{
  border-radius: max(12px,0.833vw);
  height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.result-expectation-section .graph-img-json{
  width: max(120px, 11.25vw);
  height: auto;
  position: absolute;
  top: max(39px,3.594vw);
  right:min(-15px,-2.396vw);
  z-index: 1;
}
.result-expectation-section .plan-features li{
  color: var(--dark-gray-color,#4d4d4d);
  display: block;
}
.result-expectation-carousel .owl-item{
  height: max(693px,36.094vw);
  position: relative;
}
.result-expectation-carousel .owl-item .item{
height: 100%;
position: relative;
 
}
/* .result-expectation-carousel .owl-item .item img:not(.btn img){
  max-width: max(586px,30.521vw);
} */
.result-expectation-carousel .owl-item .caption{
  position: absolute;
    background: #fff;
    bottom: max(20px,2.083vw);
    max-width: max(360px,20.833vw);
    text-align: left;
    margin: auto;
    left: max(20px,2.083vw);
    padding:  max(8px,0.833vw);
    border-radius: max(8px,0.833vw);
    font-size: max(14px,1.042vw);
    font-weight: 600;
    z-index: 1;
}
.result-expectation-section .owl-item .item::after{
     content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 133.7%);
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: max(8px,0.833vw);
    height: 30%;

}
.result-expectation-section .owl-item .caption {
  opacity: 0;
  transform: translateY(1.042vw);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.result-expectation-section .owl-item .caption.show-caption {
  opacity: 1;
  transform: translateY(0);
}

/* trusted section --------------------------------------------------------------------------------------------------------------------- */
.partner-trusted-section{
  background-color: var(--white,#fff);
}
.partner-trusted-section {
  text-align: center;
}

.partner-trusted-section .stats {
  width: max-content;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: max(20px,1.25vw);
}
.partner-trusted-section .stats-wrapper{
  margin-bottom: max(34px,2.917vw);
  border-bottom: 2px dashed var(--gray-color,#d3d3d3);
  overflow: hidden;
}

.partner-trusted-section .stat {
  flex: 1 1 30%;
}

.partner-trusted-section .stat h3 {
  font-size: max(40px,2.5vw);
  color: var(--primary-color,#ff8927);
  margin-bottom: max(10px,0.521vw);
  font-weight: 700;
}

.partner-trusted-section .stat p {
  font-size: max(16px,0.938vw);
  color: var(--dark-gray-color,#4D4D4D);
}
.partner-trusted-section .stats-wrapper .stats {
  margin-bottom: max(32px,2.917vw);
  margin-top: max(24px,2.5vw);
}
.partner-trusted-section .trusted-logo-title,.partner-featured-in-section .featured-in-subtitle{
  margin-bottom: max(32px,2.5vw);

}
.partner-trusted-section .trusted-logo-title{
  max-width: 95%;
}
.logo-wrapper .fade-left, .logo-wrapper .fade-right{
  /* height: 50%;
  top: 50%; */
}
.trusted-logos-carousel{
  position: relative;
}
.trusted-logos-carousel .item{
  filter: grayscale(1);
  transition: all .2s;
}
.trusted-logos-carousel .item:hover{
  filter: grayscale(0);
}
.trusted-logos-carousel .owl-nav{
  display: flex;
  justify-content: space-between;
  width: 100%;
    margin: auto;
    margin-top: max(8px,0.417vw);

}
.trusted-logos-carousel .owl-nav button{
  height: max(32px,1.875vw);
  width: max(32px,1.875vw);
  border-radius: 50%;
  border: 1px solid #D3D3D3;
  box-shadow: 1px 2px 13px #d3d3d3;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-color: var(--white,#fff) !important;
  margin-top:min(-45px,-2.344vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.trusted-logos-carousel .owl-nav button img{
  height: max(16px,1.042vw);
}

.trusted-logos-carousel.owl-carousel .owl-item img{
  height: max(35px,2.344vw);
}
.featured-in-carousel .owl-stage-outer::before,.featured-in-carousel .owl-stage-outer::after,.trusted-logos-carousel .owl-stage-outer::before,.trusted-logos-carousel .owl-stage-outer::after{
  content: "";
  position: absolute;
  top: 0;
  width: max(70px,4.167vw);
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.featured-in-carousel .owl-stage-outer::before,.trusted-logos-carousel .owl-stage-outer::before{
  left: 0;
  background: linear-gradient(to right, white 43%, transparent 90%);
}
.featured-in-carousel .owl-stage-outer::before{
  background: linear-gradient(to right, var(--primary-light-color,rgba(249, 248, 244, 1)) 43%, transparent 90%);
}
.featured-in-carousel .owl-stage-outer::after,.trusted-logos-carousel .owl-stage-outer::after{
  right: 0;
  background: linear-gradient(to left, white 43%, transparent 90%);
}
.featured-in-carousel.trusted-logos-carousel .owl-nav {
  margin-top: -0.5vw;
}
.featured-in-carousel .owl-stage-outer::after{
  background: linear-gradient(to left, var(--primary-light-color,rgba(249, 248, 244, 1)) 43%, transparent 90%);
}
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



.trusted-logos-carousel .owl-nav.disabled{
  display: flex;
  justify-content: space-between;
}

.logo-wrapper{
  position: relative;
  padding-bottom: max(56px,5.208vw);
}


.logo-slide img:hover {
  filter: grayscale(0%);
}


/* industry leaders section --------------------------------------------------------------------------------------------------------------------- */
.industry-leaders-section{
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
}
.industry-leaders-section .industry-leaders-title{
  color: var(--white,#fff);
}
.industry-leaders-section .industry-leaders-subtitle{
  color: var(--white,#fff);
  margin-bottom: max(32px,2.5vw);
}

/* Owl Carousel Styles */
.industry-leaders-carousel {
  position: relative;
  margin: 0 auto;
}

.industry-leaders-carousel .owl-stage-outer {
  overflow: hidden;
}

.industry-leaders-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

.industry-leaders-carousel .owl-item {
  display: flex;
  height: 100%;
}

.industry-leaders-carousel .owl-item.active {
  height: 100%;
}

.industry-leaders-carousel .item {
  text-align: center;
  font-size: max(16px,0.938vw);
  background: var(--darkest-blue-color,#141331);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: max(12px,0.833vw);
  border: 1px solid var(--dark-blue-color,#454377);
  max-width: max(322px,17.813vw);
  padding: max(20px,1.25vw);
  overflow: hidden;
  width: 100%;
  margin: 0 max(10px,0.521vw);
  height:max(416px,21.667vw)
}

.industry-leaders-carousel .item:has(video) {
  padding: 0;
}

.industry-leaders-carousel .item video, 
.industry-leaders-carousel .item img {
  width: 100%;
  object-fit: cover;
  border-radius: max(12px,0.833vw);
}
.industry-leaders-carousel .item video{
  height: 100%;
}

.industry-leaders-carousel .item p,
.industry-leaders-carousel .item h5 {
  font-size: max(16px,0.833vw);
  color: var(--white,#fff);
}

.industry-leaders-carousel .item p:not(:last-child) {
  margin-bottom: max(16px,0.833vw);
}

.industry-leaders-carousel .item p:last-child {
  margin-bottom: 0;
}
.industry-leaders-carousel .item .text-start > p{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  line-clamp: 12;
  box-orient: vertical;
  height: max(300px,15.625vw);
}
.industry-leaders-carousel .item h5 {
  font-weight: 700;
  margin-bottom: max(2px,0.104vw);
}

.industry-leaders-carousel .item .text-start {
  display: flex;
  gap: max(16px,0.833vw);
  justify-content: space-between;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}

.industry-leaders-carousel .item p {
  flex: 1 1 auto;
}

.industry-leaders-carousel .item .carousel-item-footer {
  margin-top: auto;
  width: 100%;
}

.industry-leaders-carousel .item :not(.carousel-item-footer) img {
  display: inline-block;
  width: unset;
}
.industry-leaders-grid{
  padding-bottom: max(56px,5.208vw);
}
.industry-leaders-new-carousel{
  max-width: max(950px,49.479vw);
  overflow: hidden;
}
.industry-leaders-new-carousel-item{
  display: flex;
  align-items: center;
  text-align: left;
}
.industry-leaders-new-carousel-item-footer{
  margin-bottom: max(32px,4.427vw);
}
.industry-leaders-new-carousel-item .industry-leaders-new-carousel-item-footer img{
  width:max(16px,1.042vw);
  margin-left: max(8px,0.417vw);
}
.industry-leaders-new-carousel-item-content{
  margin-left: max(20px,6.25vw);
}
.industry-leaders-new-carousel-item-content p{
  font-size: max(16px,1.042vw);
  color: var(--white,#fff);
  margin-bottom: max(24px,1.667vw);
}
.industry-leaders-new-carousel-item-content hr{
  border-color: var(--dark-blue-color,#454377);
  margin: 0 0 max(24px,2.917vw);
  filter: brightness(2.5);
}
.industry-leaders-new-carousel-item-content .industry-leaders-new-carousel-item-footer p{
  font-size: max(18px,0.938vw);
  margin-bottom: max(8px,0.417vw);
  font-weight: 700;
}
.industry-leaders-new-carousel-item-content .industry-leaders-new-carousel-item-footer p:last-child{
  font-size: max(16px,0.938vw);
  font-weight: 400;
  color: var(--gray-color,#d3d3d3);
}
.industry-leaders-new-carousel.owl-carousel .owl-nav{
  display:block;
  text-align: left;
  margin-left: max(20px, 6.25vw);
}
.common-image-leaders{
  max-width: max(464px,24.167vw);
  width: 100%;
  height: auto;
}
.industry-leaders-new-carousel.owl-carousel .owl-nav img{
  width: max(48px,2.917vw);
}
/* enterprise leaders section --------------------------------------------------------------------------------------------------------------------- */
.enterprise-leaders-grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.enterprise-leaders-carousel .owl-item img{
  max-height: max(44px,3.125vw);
  width: auto;
  margin: auto;
}
.enterprise-leaders-carousel{
  margin-top: max(32px,2.5vw);
  padding-bottom: max(56px,5.208vw);
}

/* featured in section----------------------------------------------------------------------------------------------------------------------------- */
.partner-featured-in-section .featured-in-carousel.trusted-logos-carousel.owl-carousel .owl-item img{
  height: max(55px,3.646vw);
}
.partner-featured-in-section{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
}
/* our team section --------------------------------------------------------------------------------------------------------------------- */
.our-team-section{
  background-color: var(--primary-light-color,rgba(249, 248, 244, 1));
}
.our-team-section .our-team-container{
  text-align: center;
}
.our-team-grid-item-content{
  /* background-color: #E9E8DF; */
  border-radius: max(12px,0.625vw);
  margin-bottom: max(16px,0.833vw);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: max(350px,15.104vw);
  overflow: hidden;
}
.our-team-carousel{
  margin-top: max(32px,2.5vw);
  padding-bottom: max(56px,5.208vw);
  margin-inline: auto;
}
.our-team-carousel.owl-carousel .owl-item  img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: filter 0.3s;
  filter: grayscale(1);
}
.our-team-carousel .item:hover img{
  filter: grayscale(0);
}
.our-team-carousel .item h3 {
  font-size: max(16px,0.833vw);
  font-weight: 700;
  color: var(--secondary-color,#02001d);
  margin-bottom: max(4px,0.208vw);
  text-align: left;
}

.our-team-carousel .item p {
  font-size: max(16px,0.833vw);
  color: var(--dark-gray-color,#4D4D4D);
  margin: 0;
  text-align: left;
  font-weight: normal;
}

/* FAQ Section Styles ------------------------------------------------------------------------------------------------------------------------------------ */

.partner-faq-section{
  border-radius: 0 0 max(20px,2.083vw) max(20px,2.083vw);
  overflow: hidden;
  margin-bottom: min(-30px,-1.563vw);
  position: relative;
  z-index: 1;
  background-color: var(--white,#fff);
}

.partner-faq-section .faq-main {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top:max(32px,3.33vw);
  padding-bottom: max(56px,5.208vw);
}
.partner-faq-section .faq-sidebar {
  display: none;
}
.partner-faq-section .faq-category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.partner-faq-section .faq-category-tab {
  border: none;
  border-radius: max(10px,0.521vw);
  padding: max(13px,0.677vw) max(20px,1.25vw);
  font-size: max(16px,1.042vw);
  font-weight: 600;
  color: var(--secondary-color,#02001d);
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  text-align: left;
  margin-bottom: max(10px,0.521vw);
}
.partner-faq-section .faq-category-tab.active{
  background-color: var(--gray-light-color,#eee);
}
.partner-faq-section .faq-content-panels {
  width: 100%;
  
}
.faq-content-panels ul,
.faq-content-panels ol{
  margin-block:max(16px,0.833vw);
}
.partner-faq-section .faq-category-panel {
  display: block;
  background: var(--white,#fff);
  border-radius: 0;
  padding: 0;
}
.partner-faq-section .faq-category-panel:not(.active) {
  display: none;
}
.partner-faq-section .faq-item {
  border-bottom: 1px solid var(--gray-color,#d3d3d3);
}
.partner-faq-section .faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: max(16px,1.042vw);
  font-weight: 600;
  padding: max(13px,1.25vw) 0 ;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--secondary-color,#02001d);
  transition: color 0.2s;
}

.partner-faq-section .faq-category-panel .faq-item:first-child{
  padding-top: 0;
}
.partner-faq-section .faq-toggle {
 width: max(24px,1.667vw);
 height: max(24px,1.667vw);
 display: inline-flex;
 align-items: center;
 justify-content: center;
  transition: transform 0.2s;
  border-radius: 50%;
  background-color: var(--gray-light-color,#eee);
  font-size: max(19px,0.99vw);
  color: var(--secondary-color,#02001d);
  flex-shrink: 0;
  font-size: max(16px,1.302vw);
  position: relative; 
}

.partner-faq-section .faq-toggle .plus,
.partner-faq-section .faq-toggle .minus {
  position: absolute;
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
  width: max(13px,0.677vw);
  /* line-height: max(10px,0.521vw);
  height: max(13px,0.677vw); */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-faq-section .faq-toggle .plus img,
.partner-faq-section .faq-toggle .minus img {
  max-width:100%;
}
.partner-faq-section .faq-toggle .minus {
  opacity: 0;
  transform: rotate(-90deg);
}
.partner-faq-section .faq-question.active .faq-toggle{
  background-color: var(--secondary-color,#02001d);
  color: var(--white,#fff);
}
.partner-faq-section .faq-question.active .faq-toggle .plus {
  opacity: 0;
  transform: rotate(90deg);
}

.partner-faq-section .faq-question.active .faq-toggle .minus {
  opacity: 1;
  transform: rotate(0deg);
  filter:invert(100%) sepia(0%) saturate(23%) hue-rotate(66deg) brightness(105%) contrast(108%);

}

.partner-faq-section .faq-answer {
  display: block;
  height: 0;
  padding: 0;
  color: var(--secondary-color,#02001d);
  font-size: max(16px,1.042vw);
  line-height: 1.6;
  font-weight: normal;
  text-align: left;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-10px);
  visibility: hidden;
}

.partner-faq-section .faq-item.open .faq-answer {
  height: auto;
  padding: 0 0 max(13px,1.25vw);
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: height 0.35s ease-out, 
              padding 0.35s ease-out, 
              opacity 0.35s ease-out,
              transform 0.35s ease-out,
              visibility 0s;
}

.partner-faq-section .faq-item:not(.open) .faq-answer {
  transition: height 0.35s ease-out,
              padding 0.35s ease-out,
              opacity 0.35s ease-out,
              transform 0.35s ease-out,
              visibility 0s 0.35s;
}

.partner-faq-section .faq-category-mobile-header {
  display: flex;
  align-items: self-start;
  width: 100%;
  background-color: var(--white,#fff);
  /* padding-top: max(34px,2.083vw); */
  /* padding-bottom: max(20px,1.042vw); */
  padding-block: max(20px,1.042vw);
  padding-inline: 0;
  font-size: max(16px,0.938vw);
  font-weight: 700;
  color: #222;
  text-align: left;
  cursor: pointer;
  margin-bottom: 0;
  outline: none;
  border: none;
  border-bottom: 3px solid var(--gray-color,#d3d3d3);
  position: relative;
  justify-content: space-between;
}

.partner-faq-section .faq-category-mobile-header .faq-mobile-toggle {
  float: right;
  margin-left: max(12px,0.625vw);
  transition: transform 0.3s;
  font-weight: 700;
  display: inline-block;
}
.partner-faq-section .faq-category-mobile-header.active .faq-mobile-toggle {
  transform: rotate(180deg);
  filter: invert(69%) sepia(58%) saturate(3416%) hue-rotate(340deg) brightness(101%) contrast(102%);
}
.partner-faq-section .faq-category-panel {
  transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), padding 0.2s;
  overflow: hidden;
  max-height: 0;
  padding-bottom: 0;
  display: block;
}
.partner-faq-section .faq-category-panel.active {
  max-height: 20000px;
  display: block;
}

.partner-faq-section .faq-footer{
  display: flex;
  margin-top: max(20px,2.5vw);
  align-items: center;
  background-color: var(--secondary-color,#02001d);
  border-radius: max(12px,0.625vw);
  padding: max(24px,1.25vw) max(24px,1.667vw);
  color: var(--white,#fff);
  text-align: left;
  background: url(../images/faq.svg) right / contain no-repeat , linear-gradient(to right, #02001d 100%, #02001d00 30%);

}
.faq-footer img{
margin-right: max(12px,0.625vw);
}
.partner-faq-section .faq-footer button{
  margin-left: auto;
  margin-bottom: 0;
}
.partner-faq-section .faq-footer h5{
  font-size: max(24px,1.25vw);
  margin-bottom: max(12px,0.625vw);
  
}
.partner-faq-section .faq-footer p{
  font-size: max(16px,0.938vw);
  margin-bottom: 0;
}
.partner-faq-section .faq-footer .d-flex img{
  width: max(48px,3.333vw);
  flex-shrink: 0;
}
.contactModal .modal-header h5{
  font-size: max(20px,1.25vw);
  margin-bottom: max(6px,0.521vw);
  color: var(--secondary-color,#02001d);
  font-weight: 700;
}
.contactModal .modal-header p{
  font-size: max(14px,0.833vw);
  margin-bottom: max(20px,1.667vw);
  color:var(--secondary-color)
}
.contactModal .modal-header > div img{
width:max(50px,3.542vw);
height: max(50px,3.542vw);
margin-right: max(10px,0.521vw);
}

.contactFormGrid {
  margin-bottom: max(20px,1.667vw);
  display: flex;
  flex-wrap: wrap;
  color: var(--secondary-color,#02001d);
}
.contactFormGrid label{
  font-size: max(14px,0.833vw);
  margin-bottom: max(10px,0.521vw);
  font-weight: 600;
  color: var(--dark-gray-input-label,#212121);
}

.contactFormGrid .form-group {
  flex: 1 1 45%; /* roughly half width */
  min-width: 280px;
  margin-bottom: max(16px,0.833vw);
}

.contactFormGrid .full-width {
  flex-basis: 100%;
}
.contactFormGrid .form-control{
  border-radius: max(6px,0.313vw);
  border: 1px solid var(--gray-input-border,#D3D3D3);
  padding: max(12px,0.625vw);
  font-size: max(14px,0.833vw);
  color: var(--secondary-color,#02001d);
  font-weight: 400;
  outline: none;
  box-shadow: none;
}
.contactFormGrid .form-control:focus{
  border-color: var(--sky-blue,#2DBDCA);
  box-shadow: none;
}
.thankYouModal .modal-body{
  justify-content: center;
}
.thankYouModal .modal-body,.contactModal .modal-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin:auto;
  height:auto;
}
.thankYouModal .modal-body img{
  width: max(100px,6.25vw);
  margin-bottom: max(5px,0.26vw);
}
.thankYouModal .modal-body h5{
  font-size: max(20px,1.25vw);
  margin-bottom: max(8px,0.625vw);
  color: var(--secondary-color,#02001d);
  font-weight: 700;
}
.thankYouModal .modal-body p{
  font-size: max(16px,0.938vw);
  margin-bottom: max(16px,1.875vw);
  color:var(--secondary-color);
  max-width:max(540px,28.125vw);
  text-align: center;
  font-weight: 400;
}
.thankYouModal .modal-body a.text-primary{
  font-size: max(14px,0.729vw);
  
}
.thankYouModal .modal-body a.text-primary img{
  width:max(24px,1.25vw);
  height:max(24px,1.25vw);
  margin-bottom: 0;
}

/* footer-section------------------------------------------------------------------------------------------------------------------------------------------------ */
.footer-section {
  background: var(--primary-light-color,rgba(249, 248, 244, 1));
  padding-top:max(56px,5.208vw);
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: max(40px,2.083vw);
  margin: auto;
}

.footer-logo-section {
  flex: 1;
  text-align: left;
  min-width:max(290px,15.104vw);
}

.footer-logo img {
  width: max(260px,14.667vw);
  margin-bottom: max(28px,2.083vw);
}



.footer-socials a {
  margin-right: max(10px,0.521vw);
  color: var(--secondary-color,#02001d);
  
  display: inline-block;
}
.footer-socials img{
  width: max(44px,2.292vw);
  height: max(44px,2.292vw);
}
.footer-apps img {
  width: max(130px,6.875vw);
  margin: max(10px,0.521vw) max(5px,0.26vw) 0 0;
}

.footer-links {
  text-align: left;
  display: flex;
  flex: 1 1 max(600px,33.333vw);
  gap: max(10px,0.521vw);
  flex-wrap: wrap;
}

.footer-links h4 {
  margin-bottom: max(10px,1.042vw);
  font-size: max(18px,1.042vw);
  color: var(--secondary-color,#02001d);
  font-weight: 700;
}

.footer-links ul:not(.footer-trust-icons) {
  list-style: none;
  padding: 0;
  margin: 0;
}


.footer-links a {
  text-decoration: none;
  font-size: max(14px,0.938vw);
  margin-bottom: max(12px,1.042vw);
  display: inline-block;
  color: var(--secondary-color,#02001d);
}

.footer-newsletter form {
  display: flex;
  margin-top: max(10px,0.521vw);
}
.footer-newsletter label{
  position: relative;
  display: flex;
  width: 100%;
}
.footer-newsletter label img{
  position: absolute;
  left: max(12px,0.625vw);
  top: 50%;
  transform: translateY(-50%);
  width: max(24px,1.25vw);
  height:max(24px,1.25vw);
}
.footer-newsletter label input{
  padding-left: max(40px,2.083vw);
}
.footer-newsletter button svg{
  width:max(20px,1.042vw);
  height:max(20px,1.042vw);
}
.footer-newsletter input {
  padding: max(12px,0.625vw);
  flex: 1;
  font-size: max(16px,0.833vw);
  border: 1px solid #ccc;
  border-radius:max(6px,0.313vw) 0 0 max(6px,0.313vw);
  outline: none;
}
.footer-newsletter p{
  font-size: max(14px, 0.938vw);
  margin-bottom: max(12px,0.625vw);
  color:var(--dark-gray-color,#4D4D4D);
}
.footer-newsletter button {
  background: var(--secondary-color,#02001d);
  border: none;
  padding: max(14px,0.729vw) max(16px,0.833vw);
  color:var(--white,#fff);
  border-radius: 0 max(6px,0.313vw) max(6px,0.313vw) 0;
  cursor: pointer;
}

.footer-bottom {
  border-top: 1px solid var(--gray-color,#d3d3d3);
  text-align: center;
  font-size: max(12px,0.729vw);
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: max(10px,0.521vw);
  padding: max(10px,1.25vw) 0;
  width: 100%;
}
.footer-bottom p{
  margin-bottom: 0;
}
.footer-links-inline a {
  
  color: var(--secondary-color,#02001d);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}
.footer-trust-icons{
  display: flex;
  gap: max(10px,0.521vw);
  align-items: center;
  flex-wrap: wrap;
  margin-top: max(20px,1.042vw);
  list-style: none;
  padding: 0;
}
.footer-trust-icons img{
  height: max(70px,3.646vw);
}
.footer-links > div{
  flex: 1;
}
.footer-links > div.footer-newsletter{
  min-width: max(300px,17.813vw);
}
@media (max-width: 992px) {
  .footer-logo-section{
    width: 100%;
    flex: 1 1 100%;
    text-align: center;
  }
  .footer-links{
    flex: 2 1 100%;
  }
  .footer-links > div:not(.footer-newsletter){
    flex: 1;
  }
}



/* lazy load images --------------------------------------------------------------------------------------------------------------------- */
img[data-src] {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
img[data-src].loaded {
  opacity: 1;
}

/* lottie animation --------------------------------------------------------------------------------------------------------------------- */
.lottie-animation:not(.graph-img-json) {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius:max(8px, 0.521vw);
  margin-top: max(16px, 0.833vw);
  background-color: #f3f4f7;
}

/* Custom Bootstrap Tooltip Styles -------------------------------------------------------------------------------------------------------------------*/
.tooltip-inner {
  background: #fff !important;
  color: var(--secondary-color,#02001d) !important;
  border-radius: max(10px,0.521vw) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
  padding: max(12px,0.625vw) max(16px,0.833vw) !important;
  min-width: max(290px,15.625vw);
  text-align: left;
}
.tooltip.show {
  opacity: 1;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #fff !important;
}

/* Custom tooltip table styling */

.custom-tooltip-table .tooltip-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: max(5px,0.26vw);
    font-size: max(14px,0.729vw);
}
.custom-tooltip-table .tooltip-row:last-child {
  margin-bottom: 0;
}
.custom-tooltip-table .tooltip-row span:first-child{
  font-weight: 500;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before{
  border-bottom-color: var(--white,#fff);
}

/* plyr video --------------------------------------------------------------------------------------------------------------------- */

.plyr--video{
  height: 100%;
  max-width: 100%;
}

/* pediatric modal */
.pediatric_modal_content {
  box-shadow: none;
  border: none;
  border-radius: 10px;
}

.pediatric_modal_content .text-acent {
  color: #071A23 !important;
}

.pediatric_modal_content .text-lg {
  font-size: 18px;
}

.pediatric_modal_content .modal-body {
  padding: 40px 25px;
}

.pediatric_modal_content .text-md {
  font-size: 15px;
}

.pediatric_modal_content .text-primary {
  color: #2DBDCA !important;
}

.pediatric_modal_content .cta-secondary {
  border-radius: 8px;
  font-size: 14px;
  padding: 10px 20px;
  color: #FFFFFF;
}

.pediatric_modal_content .cta-secondary {
  background-color: #FF7909;
}

.pediatric_modal_content .text-light-blue {
  color: #6172B6 !important;
}