@media (max-width: 1300px) {
  .login-left {
    justify-content: end;
  }
  .step-aft {
    display: none;
  }
  .login-right,
  .login-left {
    flex: 1;
  }
}
@media (max-width: 1200px) {
  .dashboard-inner-sec {
    flex-wrap: wrap;
  }
  .dashboard-inner {
    gap: 20px;
  }
  .dashboard-left,
  .dashboard-right {
    width: 100%;
  }
  .dashboard-inner {
    flex-wrap: wrap;
  }
  .view-details-content {
    flex-wrap: wrap;
  }
  .add-fund-page .describe-section {
    height: 100%;
  }
  .timeline-container {
    width: auto;
  }
}
@media (max-width: 1023px) {
  .login-left {
    display: none;
  }
}

@media (max-width: 991px) {
  .tabs-header {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
  .login-btn {
    width: fit-content;
  }
  .work-section-svg {
    width: 63%;
  }
  .header.login-header .header_list {
    gap: 10px;
  }
  .dashboard-quick-action-grid,
  .dashboard-inner-grid {
    grid-template-columns: auto;
  }
  .dashboard-inner-sec {
    flex-wrap: wrap;
  }
  .dashboard-inner-grid-card:last-child {
    grid-column: auto;
  }
  .form-sec-upload .input-form,
  .form-sec-upload .input-form:first-child {
    flex: 1;
  }
  .form-sec-upload {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .desktop-none {
    display: flex;
    flex-wrap: wrap;
  }

  .header-links-container.expand,
  .login-header-links-container.login-expand {
    transform: translateX(0px);
  }
  .header-links-container,
  .login-header-links-container {
    position: fixed;
    right: 0;
    background: #090a0d;
    top: 0px;
    box-shadow: -4px 6px 7px 0px #75757530;
    transform: translateX(100%);
    transition: 1s all;
    width: 100%;
    height: 100vh;
    z-index: 9;
  }
  .header_list {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    z-index: 99;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
  }
  .notification-icon {
    margin-left: auto;
    width: 45px;
    height: 45px;
    padding: 0;
  }
  .mobile-none {
    display: none;
  }
  .header.login-header {
    gap: 20px;
  }
  .hamburger-icon {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 767px) {
.profile-page  .form-flex {
    gap: 0;
}
  .input-form-last{
    width: 100%;
  }
  .works-grid-card-icon {
    border-radius: unset !important;
  }
  .works-grid-card {
    margin: 0;
    overflow: hidden;
  }
  .works-grid-card-dots {
    display: none;
  }
  .works-grid-card-icon {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .works-grid-card {
    flex-wrap: wrap;
  }
  .verification-card input {
    width: 40px;
    height: 40px;
  }

  .login {
    flex-wrap: wrap;
  }
  .thumb-image-grid {
    flex-wrap: wrap;
  }
  .input-filter svg,
  .input-search svg {
    top: 26%;
  }
  .filter-sec {
    flex-wrap: wrap;
    width: 100%;
  }
  .request-page form-pd-block .input-form input,
  .request-page form-pd-block .input-form select,
  .download-invoice select {
    width: 100%;
  }
  .request-completed-page .btn-mt {
    position: unset;
  }
  .request-completed-page .dashboard-card-bg {
    height: 100%;
  }
  .request-success-container-inner {
    padding-bottom: 0px;
  }

  .upload-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .chart-container-header,
  .dashboard-profile-title,
  .form-flex {
    flex-wrap: wrap;
  
  }
  .dashboard-plans-grid {
    grid-template-columns: auto;
  }
  .footer-sec {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
  }
  .cards,
  .about-content-names {
    flex-wrap: wrap;
  }
  .works-section-grid-content {
    flex-wrap: wrap;
    gap: 50px;
    flex-direction: column;
  }
  .work-section-svg {
    display: none;
  }
  .about-content-grid-card-md {
    max-width: 100%;
  }
  .about-content-names-card {
    width: 100%;
    max-width: 100%;
  }
  .about-content-grid > div {
    padding: 0;
  }
  .about-content-grid-card-icon span svg {
    width: 20px;
    height: 20px;
  }
  .about-content-grid-card-icon span {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width:1600px){
 
  .step-cards {
      margin-bottom: 20px;
  }
   
  .login {
      align-items: stretch;
  }
   
  .login-left {
      height: auto;
      min-height: 100%;
  }
   
  .login-right {
      height: 100%;
  }
   .timeline-img-top svg {
      width: 60px;
      height: 60px;
  }
   
  .timeline-img-top {
      transform: translate(-96px, -55px);
  }
   
  .timeline-container h2 {
      font-size: clamp(24px, 4vw, 70px);
  }
      .time-line-logo svg {
      width: 56px;
  }
  }


  @media (max-width: 1023px) {  
    .request-completed-page .dashboard-card-bg {
        height: auto;
      }
      .request-success-container{
        gap: 20px;
      }
      .request-completed-page .btn-mt{
        position: unset;
        padding:  0 ;
      }
    }