/* header view ---------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1260px) {
  .header .nav-links {
    position: absolute;
    top: 50px;
    left: 0;
    background: white;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    height: calc(100dvh - 50px);
    display: none;
    z-index: 999;
    align-items: flex-start;
    border: 0;
    max-height: calc(100dvh - 50px);
    overflow: auto;
  }
  .hero-section .hero-image{
    /* max-height: max(400px,20.833vw);
    object-fit: cover;
    object-position: top; */
    width: 100%;

  }
  .header .nav-links a {
    font-size: 16px;
    padding-inline: 0;
  }
  .header .nav-links a:after{
    width: 100%;
  }
  .header .sign-in {
    display: block;
    width: 100%;
    margin-top: auto;
  }
  .header .logo {
    margin-right: 0;
  }
  .header .hamburger {
    display: block;
  }
  .header .header-actions {
    margin-right: 0;
  }
  .header .close {
    position: absolute;
    right: 0;
    top: max(0px,0.208vw);
    display: none;
    font-size: max(28px, 1.458vw);
    margin-left: auto;
  }
  .header .close img{
    border: 1px solid var(--light-gray-color,#d3d3d3);
    border-radius: 50%;
    padding: 0.2rem;
  }
  .header .demo-btn {
    display: none;
  }
  .hero-buttons{
    margin-bottom: max(48px,4.167vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 400px) {
  .header .get-started{
    padding: max(8px,0.417vw) 0;
  }
}

@media (max-width: 381px) {
  .hero-buttons{
    flex-direction: column;
    align-items: center;
  }
  .hero-section .btn + .btn{
    margin-left: 0;
  }
}
/* hero layout ---------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1260px) {
  .hero-section .hero-container {
    flex-direction: row;
  }

  .hero-section .hero-content-text {
    padding-left: max(20px, 10.417vw);
  }
  .hero-section .hero-content {
    text-align: left;
    max-width: 49%;
  }
  .hero-section .btn {
    width: auto;
  }
  .hero-section .hero-image::before {
    top: 0;
    left: min(-10px,-0.521vw);
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, rgba(2, 0, 29, 1), rgb(2 0 29 / 59%) 20%, rgba(2, 0, 29, 0.3) 70%, rgba(2, 0, 29, 0) 100%)
  }
  .hero-section .hero-image img {
    width: 100%;
    max-height: max(720px, 40vw);
    object-fit: cover;
    min-height: max(720px, 40vw);
    
  }
  .hero-section .hero-image{
    width: 52%;
  }
}

/* problemwesolve --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Mobile Responsive */
@media (max-width: 768px) {
  .problem-section .partner-cards-grid {
    flex-wrap: wrap;
  }
  .problem-section .partner-card:nth-child(2n){
    margin-right: 0;
  }
  .problem-section .partner-cards-grid .d-flex{
    min-width: 100%;
  }
  .problem-section .partner-cards-grid .d-flex:first-child .partner-card:first-child{
    min-width: 190px;
    width: auto;
  }
  .problem-section .partner-cards-grid .d-flex:nth-child(2) .partner-card:first-child{
    min-width: 160px;
  }
}

/* our solution section ---------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .our-solution-section .our-solution-container{
    flex-direction: column;
    gap: 0;
  }
  .our-solution-section .our-solution-content,.our-solution-section .our-solution-subtitle{
    max-width: 100%;
    text-align: center;
  }
  .our-solution-section .our-solution-content{
    margin-bottom: 0;
  }
  .our-solution-section .our-solution-subtitle{
    margin-bottom: 0;
  }
  .our-solution-section .our-solution-content .btn{
    display: none;
  }
  .our-solution-section .feature-section .btn{
    display: block;
    margin: 0 auto;
  }
  .our-solution-section .feature-section .feature-card:nth-child(5){
    margin-bottom: 32px;
  }
  .our-solution-section .feature-card{
    flex-direction: row;
    align-items: self-start;
  }
  .our-solution-section .feature-icon{
    margin-bottom: max(12px, 0.8333vw);
  }
  .our-solution-section .our-solution-content {
    position: static;
    width: 100%;
  }
}


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


/* Desktop Layout */
@media (min-width: 993px) {

  .features-accordion {
    flex: 1;
    align-self: flex-start;
  }

  .features-image {
    flex: 2;
    display: block;
    margin-left: max(60px,3.125vw);
    /* max-height: max(830px,41.667vw); */
  }

  .feature-accordion-item img.mobile-image {
    display: none;
  }
  .feature-accordion-item .feature-accordion-content p{
    padding-left: max(45px, 2.083vw);
    margin-top: 0;
  }
  .mobile-display {
    display: none !important;
  }
  /* .feature-accordion-item:last-child{
    border-bottom: 1px solid #ddd;
  } */
}
@media (max-width: 992px) {
  .features-accordion-container{
    padding-bottom: 0;
  }
}
/* @media (min-width: 576px) and (max-width: 992px) {
  .features-accordion-container.flexible-accordion .feature-accordion-content img, .features-accordion-container.flexible-accordion .feature-accordion-content iframe{
    max-width: 70%;
    display: block;
    margin-inline:auto;
  }
} */


/* technology section---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .technology-section .our-technology-feature {
    flex-direction: row;
  }
}
/* journey section ---------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 600px) and (max-width: 768px) {
  .journey-section .steps-container{
    width: 80%;
  }
}
@media (max-width: 768px) {
  .journey-section .steps-container {
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    position: relative;
  }
  .journey-section .progress-bar,
  .journey-section .progress-bar-bg,
  .journey-section .progress-bar-fill {
    left: 31px;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    margin:0;
  }
  .journey-section .progress-bar-bg,
  .journey-section .progress-bar-fill{
    left: 1px;

  }
  .journey-section .progress-bar-bg{
    background: repeating-linear-gradient(to bottom, #4D4D4D,#4D4D4D 6px, transparent 0px, transparent 10px);
  }
  .journey-section .progress-bar-bg,
  .journey-section .progress-bar-fill {
    top: 10px;      /* half of .step-circle height (40px) */
    bottom: 70px;   /* half of .step-circle height (40px) */
    height: auto;
  }
  .journey-section .step-item {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: max(32px,1.667vw);
    text-align: left;
    min-width: 0;
    position: relative;
    z-index: 2;
    width: 100%;
    flex-wrap: wrap;
  }
  .journey-section .step-circle {
    margin-bottom: 0;
    margin-right: 16px;
    margin-left: 16px;
    flex-shrink: 0;
  }
  .journey-section .step-label, .journey-section .step-desc {
    margin-bottom: 0;
  }
  .journey-section .step-label{
    width: 60%;

  }
  .journey-section .step-desc{
    padding-left: max(60px,3.75vw);
    width: 100%;
    max-width: unset;
  }
}
@media (max-width: 391px) {
  .journey-section .journey-footer{
    flex-direction: column;
    align-items: center;

  }
  .journey-section .journey-footer button{
    width: max-content;
  }
  .journey-section .journey-footer button:last-child{
    margin-bottom: 0;
    margin-left: 0;
  }

}


/* subscription section ---------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 992px) {
  .subscribe-section .plans-container {
    flex-direction: column;
    align-items: center;
  }

  .subscribe-section .plan-card,.subscribe-section .plan-card.popular {
    width: 100%;
    max-width: 95%;
    margin-inline: 0;
    margin-bottom: max(24px,1.25vw);
    margin-top: 0;
    min-width: unset
  }
  .subscribe-section .plan-price-holder{
    height: auto;
  }
  .modal{
    padding-inline: 0 !important;
  }
  .modal-content{
    min-width: unset;
  }
  .result-features{
    max-height: unset;

  }
  .result-features li{
    max-width: 100%;
  }
  .modal-close-btn{
    max-width: max(24px,1.25vw);
    padding: 0;
  }
  .modal-title.result-title p{
    max-width: 100%;
  }
}
@media (min-width:768px) and (max-width: 992px) {
#recommendationModal.modal{
  padding-left: max(16px,0.833vw) !important;
  padding-right: max(16px,0.833vw) !important;
}
}
@media (max-width: 768px) {
  .subscription-section .subscription-container{
    flex-direction: column;
  }
  .modal-dialog {
    margin: 0;
    height: 100%;
    max-width: 100%;
    border-radius: 1rem 1rem 0 0;
    display: flex;
    align-items: flex-end;
  }
  #recommendationModal.modal{
    padding-right: 0 !important;
  }
  .modal-content {
    height: 70%;
    border-radius: 1rem 1rem 0 0;
  }
  .modal-body{
    max-height: max(788px,41.042vw);
    overflow-y: auto;
  }
  
  .modal-title.result-title {
    max-width: 100%;
    padding: 0 max(16px, 0.833vw);
  }
  
  #recommendationModal .result-features,#recommendationModal .result-features li{
    max-height: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 575.98px) {
  .modal-fullscreen-sm-down .modal-content{
    height: 70%;
    border-radius: inherit;
  }
  #recommendationModal .result-footer-btns{
    justify-content: center;
  }
 
}
@media (max-width: 432px) {
  .what-you-need-button-footer{
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  .what-you-need-button-footer button{
    width: max-content;
  }
  .what-you-need-button-footer button:last-child{
    margin-bottom: 0;
    margin-left: 0;
  }
}

/* Add fallback for browsers that don't support :has() */
@supports not selector(:has(a, b)) {
  .modal-title.result-title {
    display: none;
  }
  
  .modal-body .step-content[data-step="result"].active ~ .modal-title.result-title {
    display: block;
  }
  
  .modal-body .step-content[data-step="result"].active ~ .modal-title.default-title {
    display: none;
  }
}
@media (max-width: 432px) {
  /* .btn + .btn {
  margin-inline:auto !important;
  display: block;
  } */
}


/* we partner with section ---------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 992px) {
  .we-partner-with-content-holder{
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
  .we-partner-with-section .we-partner-with-subtitle{
    max-width: 100%;
  }
  .we-partner-with-section .we-partner-with-container{
    flex-wrap: wrap;
  }
  
}

/* result expectation section ---------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
  .result-expectation-section .result-expectation-columns .plan-features li{
    display: flex;
    white-space: normal;
  }
}
@media (max-width: 992px) {
  .result-expectation-section .result-expectation-columns-title-holder{
    display: block;
  }
  .result-expectation-section .result-expectation-columns:last-child h2,
  .result-expectation-section .result-expectation-columns:last-child p{
    display: none;
  }
  .result-expectation-section .result-expectation-container{
    display: block;
  }
  .result-expectation-section .result-expectation-columns img:not(.btn img){
    max-height:max-content;
    width:100%;
    height: auto;
  }
  .result-expectation-section .result-expectation-columns:first-child{
    padding-block: max(16px,1.25vw);
    width: 100%;
  }
  .result-expectation-section .result-expectation-columns:last-child{
    margin-inline:auto;
    text-align: center;
  }

  .result-expectation-section .result-expectation-columns-title-holder{
    text-align: center;
  }
}
@media (max-width: 768px) {
  .result-expectation-carousel .owl-item .caption{
    width: 260px;
  }
 .result-expectation-carousel .owl-item{
  height: auto;
 }
  .result-expectation-carousel .owl-item .caption{
    transform: none;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .result-expectation-section .result-expectation-columns img:not(.btn img){
    max-height:max-content;
    /* width:75%; */
    display: block;
    margin-inline:auto;
  }
  .result-expectation-section .graph-img-json{
    left:unset;
    right: min(-15px,-0.781vw);
  }
}
@media (max-width: 400px) {
.result-expectation-section .result-expectation-button-footer button{
  width: auto;
  display: block;
  margin-inline: auto;
  margin-left: auto !important;
}
.result-expectation-section .result-expectation-button-footer button:last-child{
  margin-bottom: 0;
}
}


/* trusted by section --------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .partner-trusted-section .stats{
    flex-wrap: nowrap;
  }
  .partner-trusted-section .stat{
    flex: 1;
    white-space: nowrap;
  }
  .trusted-logos-carousel .item{
    filter: grayscale(0);
  }
   .partner-trusted-section .stats {
    flex-wrap: nowrap;
    animation: slideLeft 30s linear infinite;
  }

  .partner-trusted-section .stat {
    box-sizing: border-box;
    margin-right: 20px;
  }

  @keyframes statsScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* You may adjust later */
  }

  .partner-trusted-section .stats:hover {
    animation-play-state: paused;
  }
}

/* industry leaders section --------------------------------------------------------------------------------------------------------------------- */
@media (max-width:768px) {
  .industry-leaders-new-carousel-item-content{
    margin-left: 0;
    margin-top: max(16px,0.833vw);
  }
  .industry-leaders-new-carousel.owl-carousel .owl-nav{
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .industry-leaders-carousel .item {
    max-width: 95%;
  }
}


/* enterprise leaders section --------------------------------------------------------------------------------------------------------------------- */

/* our team section --------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .our-team-carousel.owl-carousel .owl-item img{
    filter: grayscale(0);
  }
}
@media (min-width:1920px) {
  .our-team-carousel{
    width: max(1148px,59.792vw);
  }
  
}

/* faq section --------------------------------------------------------------------------------------------------------------------- */

/* Desktop layout */
@media (min-width: 768px) {
  .partner-faq-section .faq-main {
    flex-direction: row;
    gap: max(48px,2.5vw);
    align-items: flex-start;
  }
  .partner-faq-section .faq-sidebar {
    display: block;
    width: max(342px,17.813vw);
    margin-right: max(32px,2vw);
    flex:1;
  }
  
  .partner-faq-section .faq-content-panels {
    flex: 2;
    min-width: 0;
  }
  .partner-faq-section .faq-category-panel {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  .partner-faq-section .faq-category-panel .faq-item:nth-child(2) .faq-question{
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .partner-faq-section .faq-category-panel.active .faq-item {
    display: none;
  }
  .partner-faq-section .faq-category-panel.active .faq-category-mobile-header.active ~ .faq-item {
    display: block;
  }
  .partner-faq-section .faq-main{
    margin-top: 0;
  }
  .partner-faq-section .faq-category-mobile-header.active{
    color: var(--primary-color,#ff8927);
  }
  .partner-faq-section .faq-item:last-child{
    border-bottom:3px solid var(--gray-color,#d3d3d3);
  }
  
}
@media (max-width: 575.98px) {
  .partner-faq-section .faq-footer button{
    margin: 0;
     width: 100%;
   }
   .partner-faq-section .faq-footer{
    flex-direction: column;
    background: var(--secondary-color);
  }
  .partner-faq-section .faq-footer p{
    margin-bottom: max(12px,0.625vw);
  }
}
@media (min-width: 768px) {
  .partner-faq-section .faq-category-mobile-header {
    display: none;
  }
  .partner-faq-section .faq-category-panel {
    transition: none;
    max-height: none;
    overflow: visible;
    padding-bottom: 0;
  }
  
  
}

/* footer section --------------------------------------------------------------------------------------------------------------------- */
/* Responsive */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    gap: max(30px,1.563vw);
  }
  .footer-links > div.footer-newsletter{
    width: 100%;
    flex: 1 1 100%;
    text-align: center;
  }
  .footer-trust-icons{
    justify-content: center;
  }
  .footer-bottom{
    flex-direction: column;
    gap: max(10px,0.521vw);
  }
  
}


@media (max-width: 768px) {
  .lottie-animation:not(.graph-img-json,.map-img-json) svg{
    scale: 1.5;
  }
}
@media (min-width:991px) {
  .lottie-animation:not(.graph-img-json){
    margin-top: 0;
  }
}