@media screen and (min-width: 768px) {
  .sm-mb-block {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .startups-priorities .text div{
    font-size: 14px !important;
  }
  /* .wave-container1 {
    top: 65vh !important; 
  } */
  .bottom-section {
    padding-left: 1rem !important;
  }
  .e-n-accordion-item:not(:last-child) {
    margin-block-end: 0px !important;
  }
  .Timeline_subheading {
    display: none !important;
  }
  .content-description {
    font-size: 14px !important;
    line-height: 1.4;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px;
    transition: color 2s ease;
  }
  .button-text_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: self-start !important;
    width: 100%;
    gap: 1rem;
    flex-direction: column !important;
  }
  .line-divider {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0 0rem !important;
  }
  .max-width-large {
    width: 100%;
    max-width: 40rem;
    margin-bottom: 55px !important;
  }
  p {
    font-size: 14px !important;
  }
  .tagsDis {
    display: flex
;
    gap: 4px !important;
    flex-wrap: wrap;
}
.Timeline_headings h2{
  font-size: 24px !important;
}
  .tag {
    padding: 3px 9px !important;
    border-radius: 25px;
    /* font-size: 12px !important; */
    font-size: 9px !important;
    text-decoration: none;
    display: flex
;
        align-items: center;
        justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 500;
  }
  /* .related-articles {
        padding-top: 70px !important;
    } */
  .offer-features_component {
    flex-direction: column;
  }
  .featured-portfolio_kpi-number {
    margin-right: 0.5rem;
    font-size: 5rem !important
;
    line-height: 0.8;
    font-weight: 500;
  }
  .footer-info {
    flex-direction: column;
    width: auto;
  }
  .startups-benefits .list {
    display: none;
  }

  .sm-mb-none {
    display: none;
  }
  .sm-pt-50px {
    padding-top: 50px !important;
  }
  .sm-pb-50px {
    padding-bottom: 50px !important;
  }
  .sm-pt-70px {
    padding-top: 70px !important;
  }
  .sm-pb-70px {
    padding-bottom: 70px !important;
  }
  .sm-pt-100px {
    padding-top: 100px !important;
  }
  .sm-pb-100px {
    padding-bottom: 100px !important;
  }
  /* .tagline-container {
    display: flex
;
    flex-direction: column;
    margin-top: auto;
    padding-left: 1rem !important;
    top: 50px;
    margin-top: 30vh;
    position: relative;
    z-index: 10;
} */
  .Timeline_headings {
    position: relative;
    display: flex;
    flex-direction: column;
    /* padding: 4rem 0rem 4rem 2rem  !important; */
    width: 100%;
    z-index: 2;
  }

  .Timeline_image img {
    width: 70px !important;
    height: 70px !important;
  }
  .container-timeline {
    position: relative;
    /* top: 30px !important; */
    width: 100%;
    height: 100%;
    max-width: calc(1800px + 15%);
  }
  .top-nav {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 1rem !important;
    font-size: 0.85rem;
    position: fixed;
    width: 100%;
    z-index: 100;
    /* backdrop-filter: blur(20px); */
    box-sizing: border-box;
  }
  /* .name-container {
    padding-top: 7vh;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
} */
  .name {
    font-size: 9.8vw;
    text-align: center;
    /* padding: 10px; */
  }

  .tagline {
    font-size: 1.5rem;
  }

  .footer-info {
    flex-direction: row;
  }

  .footer-info div {
    margin-bottom: 0.5rem;
  }
  .butn {
    font-size: 14px !important;
    font-weight: 500;
  }
  .subscr-cover-link {
    position: fixed;
    z-index: 50;
    bottom: 40px;
    z-index: 999;
    width: 180.156px !important;
    height: 40px !important;
    left: 50% !important;
  }
  .footer-four-1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* padding: 0 1em !important; */
    padding: 0 2.2em !important;
    margin-top: auto;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .main-title-2 {
    /* font-size: 12.8vw; */
    font-size: 63px !important;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;
    /* margin-top: -280px; */
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .contentDiscover {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
  .contentDiscover > *:nth-child(1) {
    grid-column: span 2;
  }
  /* .contentDiscover {
        grid-template-columns: 1fr 1fr 0px !important;
        gap: 15px;
    } */

  .work-be-section {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .startups-priorities .inner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .startups-priorities .text {
    margin-left: 0px !important;
  }
  .startups-priorities .title,
  .startups-priorities .list {
    text-align: center !important;
    font-weight: 500;
    line-height: 1;
           padding-right: 0 !important;
        font-size: 36px;
    flex: 0 0 auto;
    width: 100% !important;
    margin-bottom: 15px !important;
  }
  /* .wave-base {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: fit-content !important;
      object-fit: fill;
      z-index: 1;
    }
.wave-container {
    position: relative;
    width: 100%;
    top: 10px;
    margin-top: 0px !important;
    height: 50vh;
    overflow: hidden;
} */

  .body-container .body-line.body-line-l1 {
    margin-left: -130px !important;
  }
  .body-container .body-line.body-line-l2 {
    margin-left: -40px !important;
  }
  .body-container .body-line.body-line-r1 {
    margin-left: 50px !important;
  }
  .body-container .body-line.body-line-r2 {
    margin-left: 140px !important;
  }

  /* Main Cards Section */
  /* Benefits Section */
  .footer {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 126px !important;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
    /* background-color: rgba(0, 0, 0, 0.41); */
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* .faq-section{
                padding-top: 150px;
            } */
  .wrap1 {
    display: flex;
    align-items: center;
    /* height: 100vh;
            position: sticky;
            top: 0; */
    overflow: hidden;
  }

  /* Benefits Header */
  .startups-benefits-head1 {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 5vw;
    z-index: 2;
  }

  .title1 {
    font-size: clamp(56px, 7.5vw, 120px);
    font-weight: 500;
    line-height: 1;
    margin: 0 0 20px 0;
    max-width: 7em;
    position: relative;
    z-index: 3;
  }

  .startups-benefits-head1 p {
    font-size: clamp(18px, 1.5vw, 24px);
    max-width: 25em;
    color: #aaa;
    position: relative;
    z-index: 3;
    margin-bottom: 2rem;
  }

  /* Background Video */
  .bg1 {
    /* position: absolute;
            top: 50%;
            right: 10%;
            transform: translateY(-50%);
            width: 300px;
            height: 300px; */
    z-index: 1;
    opacity: 0.8;
  }

  .bg1 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }

  /* Stack Cards Section */
  /* .stack-cards-section {
            padding: 4rem 0;
            background: #111;
        } */

  .stack-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 2rem;
  }

  .stack-section-header {
    text-align: center;
    position: relative;
  }

  /* Cards Slider Container */
  .stack-slider-wrapper {
    position: relative;
    width: 100%;
    /* Mobile scroll optimization */
    -webkit-overflow-scrolling: touch;
  }

  .stack-sticky-area {
    position: sticky;
    top: 10vh;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .stack-cards-holder {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 500px;
    margin: 0 auto;
  }

  .stack-single-card {
    width: 100%;
    height: 500px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    /* Improved mobile transitions */
    transition: none;
    will-change: transform, opacity;
  }
  .stack-single-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    /* Prevent image flickering */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  .stack-card-image {
    position: relative;
    height: 55%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .stack-card-title {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    margin: 0;
  }

  .stack-card-content {
    padding: 2rem;
    height: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .stack-card-content p {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .stack-card-link {
    display: inline-block;
    color: #667eea;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: color 0.3s ease;
  }

  .stack-card-link:hover {
    color: #764ba2;
  }

  /* Card specific backgrounds */
  .stack-card-variant-1 .stack-card-image {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  }
  .stack-card-variant-2 .stack-card-image {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  }
  .stack-card-variant-3 .stack-card-image {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  }
  .stack-card-variant-4 .stack-card-image {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  }
  .stack-card-variant-5 .stack-card-image {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  }
  .stack-card-variant-6 .stack-card-image {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .stack-cards-holder {
      max-width: 100%;
      height: 400px;
    }

    .stack-single-card {
      height: 500px;
      /* Slightly longer transition for mobile smoothness */
      transition: transform 0.15s ease-out;
    }

    .stack-single-card img {
      height: 500px;
      object-fit: cover;
    }

    .stack-card-title {
      font-size: 1.5rem;
    }

    .title1 {
      font-size: clamp(36px, 10vw, 80px);
    }
  }

  /* Small mobile specific fixes */
  @media (max-width: 480px) {
    .stack-single-card {
      /* Hardware acceleration */
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
    }

    .title1 {
      font-size: clamp(28px, 13vw, 60px);
    }
  }
  .logo1 {
    flex: 2 0 0px;
    height: auto;
    position: relative;
    /* white-space: pre-wrap; */
    padding: 15px;
    width: 1px;
    word-break: unset !important;
    word-wrap: break-word;
  }
  .copyright {
    flex: 2 0 0px;
    height: auto;
    position: relative;
    white-space: unset !important;
    width: 1px;
    word-break: break-word;
    word-wrap: break-word;
  }
  .social {
    flex: 3 0 0px !important;
    height: auto;
    position: relative;
    /* white-space: pre-wrap; */
    width: 1px;
    word-break: break-word;
    word-wrap: break-word;
  }
  .email-section {
    flex: 1 0 0px;
    height: auto;
    position: relative;
    /* white-space: pre-wrap; */
    padding: 15px;
    width: 1px;
    word-break: unset !important;
    word-wrap: break-word;
  }
  .nav-section {
    flex: 1 0 0px;
    height: auto;
    position: relative;
    padding: 15px;
    /* white-space: pre-wrap; */
    width: 1px;
    word-break: unset !important ;
    word-wrap: break-word;
  }
  .top-section {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column !important;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 10;
    width: 100%;
  }
  /* .startups-benefits{
                display: none;
            } */

  .lane img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
    transform: scale(0.9) !important;
    transition: transform 0.3s ease;
    will-change: transform;
  }
  .header-text {
    width: 100% !important;
    max-width: 500px !important;
    transition: opacity 0.3s ease;
  }
  .max-width-xlarge h1 {
    color: #000;
    font-size: 28px;
  }
  h1 {
    line-height: 1 !important;
    /* font-size: 37px !important; */
    font-size: 36px !important;
  }
  .e-n-accordion-item[open] .accordion-content {
    opacity: 1;
    max-height: 700px;
    padding: 0px 0 40px 0 !important;
  }
  .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
    height: 60px !important;
    cursor: pointer;
    border: none;
    margin-top: 0px !important;
  }
  .wave-container-1 {
    position: absolute;
    /* bottom: 0; */
    /* top: 150px; */
    /* margin-top: -200px; */
    transform: rotate(180deg);
    z-index: 99;
    left: 0;
    width: 100%;
    /*height: 35vh !important;*/
    height: 40vh !important;
  }
  .accordian-container {
    background-color: #000 !important;
    margin-top: -100px !important;
    padding-top: 0px !important;
    padding-bottom: 70px;
    position: relative;
    transition: background-color 2s ease, color 2s ease;
  }
  .gallery-wrapper {
    padding: 50px 0 0px !important;
  }
  .v-flex-small {
    gap: 1rem !important;
    position: relative;
    top: -150px !important;
    padding: 2rem 1rem !important;
  }

  .content-image img {
    width: 100%;
    height: 200px !important;
    border-top-right-radius: 12.5rem;
    object-fit: cover;
    transition: filter 2s ease;
  }
  .content-text {
    font-size: 1.25rem;
    line-height: 1.6;
    gap: 0px !important;
    margin-bottom: 10px !important;
  }
  .startups-priorities {
    position: relative;
    height: 250vh;
    width: 100%;
    background-color: unset !important;
    z-index: -1;
  }
  .startups-priorities .list,
  .startups-priorities .list li {
    list-style: none;
    margin: 0;
    padding: 0;
    /* font-size: 36px !important; */
    font-size: 24px !important;
    color: #fff;
  }
  .intro-cst {
    background-color: #fff;
    position: relative;
    margin-top: 0px !important;
    z-index: -1 !important;
  }
  .contentDiscover {
    display: grid;
    grid-template-columns: 2fr 1fr 300px;
    gap: 20px;
    /* margin-top: -20px !important; */
    align-items: stretch;
    padding: 0px 0px 0px 0px;
  }
  .offer-features_list {
    flex: 1;
    display: flex;
    align-items: center;
    list-style-type: none;
    flex-direction: column;
    padding: 0px !important;
    margin-top: 30px;
  }
  .spacer-semimedium {
    height: 0px !important;
  }
  .offer-features_item {
    z-index: 1;
    border-radius: 0.375rem;
    border: 1.5px solid rgba(248, 248, 248, 0);
    padding: 1rem 1rem;
    position: relative;
    overflow: hidden;
    width: 385px;
    /* display: flex
; */
    justify-content: center;
    /* align-items: center; */
    margin-bottom: 1rem;
  }
  .offer-features_item-head {
    grid-column-gap: 1rem;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    display: flex;
  }
  .w-richtext p{
    font-size: 14px !important;
  }
  .text-size-xlarge {
    font-size: 16px !important;
    margin: 0;
    font-weight: 400;
  }
  .logo1 a {
    font-size: 60px !important;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 0.8em;
    text-decoration: none;
    color: #fff;
  }

  .offer-features_item-content {
    text-wrap: pretty;
    overflow: hidden;
    /* height: fit-content !important; */
    transition: height 0.3s ease;
  }
}
@media screen and (min-width: 768px) {
  .stack-cards-section {
    display: none;
  }
}
@media screen and (min-width: 400px) and (max-width: 767px) {
  .Timeline_block {
    width: 95vw;
    margin-right: 2rem;
  }

  .featured-portfolio_item {
    flex-direction: column;
  }

  /* Show content first on mobile */
  .featured-portfolio_item-content {
    width: 100%;
    order: 1;
    justify-content: unset !important;
    /* padding: 1.5rem; */
  }

  /* Show image second on mobile */
  .image-wrapper-16-9 {
    width: 100%;
    order: 2;
    /* aspect-ratio: 16/9; */
  }

  .Timeline_scroller {
    position: relative;
    width: 100%;
    /* top: -50px !important; */
    overflow: hidden;
  }
  .view-all-btn {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
  }
  .h-flex-xxsmall {
    display: flex;
    flex-flow: nowrap;
    gap: 0.4rem !important;
    justify-content: flex-start;
    align-items: center;
  }
  .offer-features_component {
    flex-direction: column;
    padding-top: 30px !important;
  }
  .main-title-1 {
    /* font-size: 12.8vw; */
    font-size: 80px !important;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;

    /* margin-top: -280px; */
    margin-bottom: 10px !important;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .main-title-3 {
    /* font-size: 12.8vw; */
    font-size: 43px;
    text-align: center;

    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }

  .startups-priorities .wrap {
    height: 100vh !important;
    /* height: 100lvh; */
    overflow: hidden;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5vw;
    z-index: 1;
  }
  .offer-features_image-wrapper.is-tablet {
    display: none;
    position: relative;
  }
  .Timeline_headings {
    position: relative;
    display: flex;
    margin-top: 0px !important;
    flex-direction: column;
    /* padding: 4rem 0rem 4rem 2rem  !important; */
    width: 100%;
    z-index: 2;
  }
}
/* @media only screen and (max-width:450px){
   .intro-cst{
        display: none !important;
    }
} */
@media only screen and (max-width: 450px) {
  
  .d-grid .ImageDesign {
    height: 180px;
  }

  .contentDiscover > .ImageDesign:first-child {
    height: 220px;
  }

  .Timeline_block {
    width: 85vw;
    margin-right: 0rem;
  }

  .featured-portfolio_item {
    flex-direction: column;
  }

  /* Show content first on mobile */
  .featured-portfolio_item-content {
    width: 100%;
    order: 1;
    justify-content: unset !important;
    /* padding: 1.5rem; */
  }

  /* Show image second on mobile */
  .image-wrapper-16-9 {
    width: 100%;
    order: 2;
    /* aspect-ratio: 16/9; */
  }

  /*           

            .featured-portfolio_image-small {
                width: 50px;
                height: 50px;
            } */

  #canvas1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 600px !important;
    mix-blend-mode: lighten;
    filter: blur(30px);
    /* z-index: 3; */
  }
  .Timeline_subheading {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0px !important;
  }
  .bg1 {
    z-index: 1;
    opacity: 0.8;
    height: 400px !important;
  }
 
  .Timeline_headings {
    position: relative;
    display: flex;
    /* margin-top: 100px !important; */
    flex-direction: column;
    /* padding: 4rem 0rem 4rem 2rem  !important; */
    width: 100%;
    z-index: 2;
  }
  .offer-features_image-wrapper.is-tablet {
    display: none;
    position: relative;
  }
  .wave-container {
    height: 50vh;
    z-index: -1 !important;
  }
  .wave-base {
    height: 520px !important;
    width: 100vw;
    object-fit: cover !important;
    object-position: bottom;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1;
    top: -10px !important;
  }
  /* .wave-container {
    display: none;
  } */
  /* Wave Animation Container */
  .wave-container11 {
    position: absolute;
    width: 100%;
    height: 450px;
    top: 400px;
    left: 0;
    z-index: -1;
    pointer-events: none;
  }

  /* Base wave image */
  .wave-base11 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 430px;
    object-fit: fill;
    z-index: 1;
  }

  .view-all-btn {
    padding: 0.5rem 0.2rem !important;
    font-size: 0.8rem;
  }
  .startups-priorities .wrap {
    /* height: 100vh !important; */
    height: 100vh !important;
    /* height: 100lvh; */
    overflow: hidden;
    position: sticky;
    /* top: 0; */
    /*top:130px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5vw;
    z-index: 1;
  }
  .h-flex-xxsmall {
    display: flex;
    flex-flow: wrap !important;
    gap: 0.4rem !important;
    justify-content: flex-start;
    align-items: center;
  }
  .main-title-3 {
    /* font-size: 12.8vw; */
    font-size: 42px;
    text-align: center;

    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }

  .main-title-1 {
    /* font-size: 12.8vw; */
    font-size: 70px !important;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;
    /* margin-top: -280px; */
    margin-bottom: 10px !important;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startups-priorities .text div {
    opacity: 0;
    position: absolute;
    font-size: 17px;
    transition: opacity 0.5s ease;
    width: auto !important;
    max-width: 100% !important;
  }
  .offer-features_component {
    flex-direction: column;
    margin-top: 50px;
  }
  .intro-cst {
    background-color: #fff;
    position: relative;
    margin-top: -100px !important;
    z-index: 1;
  }
  .startups-priorities .text :before {
    content: "";
    position: absolute;
    top: 1.5em;
    left: 0px !important;
    right: 100%;
    margin-right: clamp(10px, 1.875rem, 30px);
    height: 1px;
    border-radius: 0.5px;
    background: #fff;
    opacity: 0.4;
    transform: translate3d(0, -50%, 0);
    width: clamp(40px, 8.125rem, 130px);
  }
  .main-title-1 {
    /* font-size: 12.8vw; */
    font-size: 150px !important;
    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: auto;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .startups-priorities .list,
  .startups-priorities .list li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 36px !important;
    color: #fff;
  }
  .startups-priorities .text {
    font-weight: normal;
    font-size: clamp(16px, 1.5rem, 24px);
    line-height: 1.5;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 50px;
    display: flex;
    margin-left: 0px !important;
    justify-content: end;
    margin-bottom: calc(-4.5em - 20px);
    position: relative;
    color: #fff;
  }

  .main-title-3 {
    /* font-size: 12.8vw; */
    font-size: 83px !important;
    font-weight: 700;
    text-align: center;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: 35px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .offer-features_list {
    flex: 1;
    list-style-type: none;
    padding: 30px !important;
  }
  .subscr-cover-link {
    position: fixed;
    z-index: 50;
    bottom: 20px;
    left: 50% !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .name-container {
    padding-top: 10vh !important
;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .main-title {
    /* font-size: 12.8vw; */
    font-size: 256px !important;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;
    /* margin-top: -280px; */
    margin-top: 280px;
    margin-bottom: auto;
    /* color: #000; */
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .main-title-1 {
    /* font-size: 12.8vw; */
    font-size: 282px !important;
    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    text-align: center;
    margin-bottom: auto;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .main-title-3 {
    /* font-size: 12.8vw; */
    font-size: 158px !important;
    text-align: center;
    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: auto;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }

  .name {
    font-size: clamp(3rem, 9.9vw, 12rem) !important;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 0.85;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
    border: none;
    margin-top: 50px;
    background: none;
    height: 80px;
    font-weight: 400;
    transition: all 0.3s ease, color 2s ease;
    font-size: 115px !important;
    line-height: 1.1em;
    color: #fff;
    letter-spacing: -0.02em;
  }
  .intro-cst {
    background-color: #fff;
    position: relative;
    margin-top: -130px !important;
    z-index: 1;
  }
  .tagline-container {
    padding-left: 7rem !important;
    margin-top: 25vh;
    top: 250px;
  }
  .container {
    max-width: 1200px !important;
  }

  .v-flex-small {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1200px !important;
    margin: 0 auto;
    position: relative;
    /* top: -130px; */
    top: -20px;
    padding: 2rem 0;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1599px) {
  .wave-base{
    object-fit: cover !important;
  }
  .subscr-cover-link {
    position: fixed;
    z-index: 50;
    bottom: 20px;
    left: 86% !important;
    z-index: 999;
    color: #000;
    background: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    transform: translate3d(-50%, 0, 0) scale(1);
    size: clamp(60px, 4.75rem, 76px);
    width: 253.156px;
    height: 50px;
    border-radius: 30px;
    transition: transform 0.25s ease;
    opacity: 0;
    transform: translate3d(-50%, 100px, 0);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .name-container {
    padding-top: 10vh !important
;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
    width: 100%;
  }
  .wave-base1 {
    position: absolute;
    top: 110px !important;
  }
  .featured-portfolio_item {
    z-index: 1;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.75fr;
    grid-auto-columns: 1fr;
    padding: 1.25rem;
    transition: background-color 0.3s, border-color 0.3s;
    display: grid;
    position: relative;
    background-color: rgba(18, 18, 18, 0.7);
    filter: brightness(0.9);
    height: 380px !important;
  }
  .main-title {
    /* font-size: 12.8vw; */
    font-size: 256px !important;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;
    /* margin-top: -280px; */
    margin-top: 280px;
    margin-bottom: auto;
    /* color: #000; */
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .main-title-1 {
    /* font-size: 12.8vw; */
    font-size: 282px !important;
    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    text-align: center;
    margin-bottom: auto;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }
  .main-title-3 {
    /* font-size: 12.8vw; */
    font-size: 167px !important;
    text-align: center;
    font-weight: 700;
    line-height: 0.8em;
    /* margin-top: -280px; */
    margin-bottom: auto;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 2s ease;
  }

  .name {
    font-size: clamp(3rem, 9.9vw, 12rem) !important;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 0.85;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
    border: none;
    margin-top: 50px;
    background: none;
    height: 80px;
    font-weight: 400;
    transition: all 0.3s ease, color 2s ease;
    font-size: 115px !important;
    line-height: 1.1em;
    color: #fff;
    letter-spacing: -0.02em;
  }
  .intro-cst {
    background-color: #fff;
    position: relative;
    margin-top: -130px !important;
    z-index: 1;
  }
  .tagline-container {
    padding-left: 7rem !important;
    margin-top: 25vh;
    /* top: 250px; */
    top: 80px;
  }
  .container {
    max-width: 1200px !important;
  }

  .v-flex-small {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1280px !important;
    margin: 0 auto;
    position: relative;
    /* top: -130px; */
    top: -20px;
    padding: 2rem 0;
  }
}
  /* Responsive design */
        @media (max-width: 768px) {
            #waveCanvas {
                bottom: 150px;
            }
            #waveCanvas1 {
                bottom: 150px;
            }
          
        }

        @media (max-width: 480px) {
            #waveCanvas {
                       bottom: 0px;
        transform: rotate(180deg);
            }
            #waveCanvas1 {
                bottom: 50px;
        transform: rotate(180deg);
            }
        
        }
        @media screen and (max-width:600px) {
          .works-section{
            margin-bottom: 0 !important;
          }
          .ServicesPanel_tag__JYwRk {
    font-size: 9px !important;
    /* border: 2px solid rgba(0, 0, 0, 0.3); */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;

          }
          .client-name {
            font-size: 9px !important;
          }
          .button-text{
            font-size: 14px !important;
          }
          .button-text_icon-wrapper {
    display: flex;
    position: relative;
    width: 14px !important;
    height: 14px !important;
}
          .offer-features_divider {
    background-color: #333 !important;
    width: calc(100% - 0rem) !important;
  
}
.Timeline_timeline{
    overflow: hidden !important;
}
        }
        @media screen and (max-width:399px){
            .works-section {
           margin-top: -120px;
  }
           .wave-base1 {
    /*height: 417px !important;*/
                 height: 472px !important;
        width: 100vw;
        min-width: 100vw;
        /*margin-top: -126px;*/
        margin-top: -22px;

    /*width: 100vw;*/
    min-width: 100vw;
    /*margin-top: -25px;*/
    object-fit: cover;
    object-position: center bottom;
  }
              .featured-portfolio_item {
    z-index: 1;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    grid-template-rows: auto;
    grid-template-columns: 0.75fr 0.75f !important;
    grid-auto-columns: 1fr;
    padding: 1.25rem;
    transition: background-color 0.3s, border-color 0.3s;
    display: grid;
    position: relative;
    background-color: rgba(18, 18, 18, 0.7);
    filter: brightness(0.9);
    height: 500px !important;
  }
  .faq-section  {
    margin-top: -180px !important;
  }
        }
        @media screen and (min-width:300px) and (max-width:375px) {
           .faq-section  {
    margin-top: -180px !important;
    padding-top: 80px !important;
  }
        }
          @media screen and (min-width:376px) and (max-width:425px) {
           .faq-section  {
    margin-top: -200px !important;
    padding-top: 80px !important;
  }
        }
           @media screen and (min-width:350px) and (max-width:600px){
              .works-section {
           /*margin-top: -80px;*/
           margin-top: -100px;
  }
             .wave-base1 {
    height: 417px !important;
                 /* height: 472px !important; */
        width: 100vw;
        min-width: 100vw;
        /*margin-top: -126px;*/
        margin-top: -22px;

    /*width: 100vw;*/
    min-width: 100vw;
    /*margin-top: -25px;*/
    object-fit: cover;
    object-position: center bottom;
  }
              .featured-portfolio_item {
    z-index: 1;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    grid-template-rows: auto;
    grid-template-columns: 0.75fr 0.75f !important;
    grid-auto-columns: 1fr;
    padding: 1.25rem;
    transition: background-color 0.3s, border-color 0.3s;
    display: grid;
    position: relative;
    background-color: rgba(18, 18, 18, 0.7);
    filter: brightness(0.9);
    height: 400px !important;
  }
 
        }