@media screen and (max-width: 991px) {
  .offcanvas,
  .nav-link {
    color: #000 !important;
    text-align: left;
  }
  .card-section .card {
    height: 400px;
  }
  .navbar .navbar-brand img {
    opacity: 1 !important;
  }
  .header .navbar svg rect {
    fill: #fff !important;
  }
  .navbar.scrolled svg rect {
    fill: #000 !important;
  }
  .header {
    /* height: 600px; */
    position: relative;
    h1 {
      padding-top: 15rem;
    }
    .scroll-mouse {
      bottom: 30px;
    }
  }

  .service-section {
    .service-text-div {
      padding-top: 13rem;
    }
  }
}
@media screen and (max-width: 767px) {
  .company-section .company-icon {
    column-gap: 3rem;
    img {
      width: 80px;
    }
  }
  .card-section .card {
    height: auto;
  }
  .company-section .company-txt-div {
    max-width: auto;
  }
}
@media screen and (max-width: 575px) {
  .container {
    padding: 0 1.5rem;
  }
  .company-section .company-icon {
    column-gap: 30px;

    img {
      width: 60px;
    }
  }
  .profile-section {
    .table {
      td:first-child {
        padding-right: 20px;
      }
    }
  }
  .profile-section {
    .row {
      p {
        line-height: 20px;
      }
    }
  }
}
@media screen and (max-width: 425px) {
  .navbar .navbar-brand img {
    width: 250px !important;
  }
  .profile-section {
    .table {
      td:first-child {
        padding-right: 0px;
        width: 100px;
      }
    }
  }
}
@media screen and (max-width: 365px) {
  .navbar .navbar-brand img {
    width: 230px !important;
  }
}