/* Navbar */
@media (max-width: 992px) {
  .navbar-nav {
    text-align: center;
    width: 100%;
  }

  .navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-toggler {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  /* Navbar background color change on scroll (Mobile) */
  .navbar {
    background-color: rgba(0, 0, 0, 0.8);
    transition: background-color 0.3s ease;
  }
}

/* Sections */
.custom-section {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 768px) {
  .custom-section .container {
    padding-left: 0;
    padding-right: 0;
  }

  .custom-section h1 {
    font-size: 30px;
  }

  .custom-section h2 {
    font-size: 24px;
  }

  .custom-section .btn {
    width: 100%;
    margin-top: 10px;
  }
}

/* Image Section */
@media (max-width: 768px) {
  .custom-section img {
    max-width: 100%;
    height: auto;
  }

  .text-center.text-md-end {
    text-align: center !important;
  }

  .custom-section img {
    max-width: 100%;
    height: auto;
  }
}

/* Cards */
@media (max-width: 768px) {
  .card-body {
    text-align: center;
  }

  .card img {
    max-width: 80%; /* Limit image size */
    margin-bottom: 15px;
  }

  .frame-container {
    padding: 10px;
  }
}

/* Footer */
@media (max-width: 768px) {
  footer .container {
    padding-left: 0;
    padding-right: 0;
  }

  footer h5 {
    text-align: center;
  }

  footer .col-md-3 {
    text-align: center;
    margin-bottom: 20px;
  }

  footer .list-unstyled {
    padding-left: 0;
    list-style: none;
    text-align: center;
  }

  footer .social-icons {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }

  footer .social-icons i {
    margin: 0 10px;
  }
}

/* Adjustments for smaller screens */
@media (max-width: 576px) {
  .navbar {
    padding: 10px;
  }

  .navbar-nav {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
  }

  .navbar .navbar-toggler {
    margin-right: 0;
    margin-left: auto;
  }

  .btn-lg {
    width: 100%;
  }

  /* Adjust margins for sections */
  .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .key-icon img {
    max-width: 100%;
    height: auto;
  }

  /* For Footer */
  footer .container {
    padding: 0;
  }
}

/* Ensure the navbar-toggler icon is properly aligned */
.navbar-toggler {
  border: none;
  background: transparent; /* Ensure the background is transparent */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23333' stroke-width='3' d='M3 6h24M3 12h24M3 18h24'/%3E%3C/svg%3E"); /* Bootstrap icon */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; /* Ensure the icon size is responsive */
  width: 30px; /* Set the size of the icon */
  height: 24px;
}

/* For mobile view */
@media (max-width: 768px) {
  .navbar-toggler {
    padding: 0.5rem;
  }

  .navbar-toggler-icon {
    width: 30px; /* Adjust size for mobile */
    height: 20px;
  }
}