/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
/* Adjust the overall vertical alignment */
.d-flex.flex-center {
    align-items: flex-start;
    padding-top: 1vh; /* Adjust this value to move content up or down */
}

/* Make logo smaller on mobile devices */
.logo {
    max-width: 600px; /* Default size */
    width: 100%;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logo {
        max-width: 400px; /* Smaller logo for mobile devices */
    }

    .heading {
        font-size: 2.5rem; /* Adjust heading size for smaller screens */
    }

    .subheading {
        font-size: 1rem; /* Adjust subheading size for smaller screens */
    }

    .d-flex.flex-center {
        padding-top: 10vh; /* Adjust for mobile to move content up more */
    }
}

@media (max-width: 576px) {
    .logo {
        max-width: 300px; /* Even smaller logo for very small devices */
    }

    .heading {
        font-size: 2rem; /* Further adjust heading size for extra small screens */
    }

    .subheading {
        font-size: 0.9rem; /* Further adjust subheading size for extra small screens */
    }

    .d-flex.flex-center {
        padding-top: 5vh; /* Move content up more on very small screens */
    }
}
.yt-video1-container {
  position: relative;
  width: 100%;
  height: 200px; /* Adjust height as needed */
  overflow: hidden;
}

.yt-video1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -100000;
  pointer-events: none;
}

iframe.yt-video1 {
  opacity: 0;
  transition: opacity 0.3s ease;
}

iframe.yt-video1.loaded {
  opacity: 1;
}
.full-background {
    background-image: url('../img/backgrounds/404_background.webp'); /* Replace with your image path */
    background-size: cover; /* Cover the entire section */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    height: 100vh; /* Make sure the section takes the full viewport height */
    color: white; /* Set the default text color to white */
}

.full-background h3,
.full-background p,
.full-background h2,
.full-background a {
    color: white; /* Ensure specific text elements are white */
}
.about-us {
  background-image: url('../img/backgrounds/about.jpg'); /* Replace 'background.jpg' with your desired background image */
  background-size: cover; /* Ensures the background covers the entire section */
  background-position: center; /* Centers the background image */
  color: black; /* Sets the text color to balck */
  font-family: 'Raleway', sans-serif; /* Use Raleway font */
}


.circle-image {
  border-radius: 50%; /* Makes the image circular */
  width: 100%; /* Adjust as needed */
  height: auto; /* Maintain aspect ratio */
}

.contact-section {
  background-image: url('../img/backgrounds/contact.webp'); /* Background image */
  background-size: cover; /* Cover the entire section */
  background-position: center; /* Center the image */
  padding: 100px 0; /* Adjust the padding as needed */
  color: white; /* Set the default text color to white */
  font-family: 'Raleway', sans-serif; /* Use Raleway font */
}
.contact-section p,
.contact-section a {
  font-size: 18px; /* Adjust the font size as needed */
  color: white; /* Ensure paragraph and link text is white */
}
.icon-size {
  width: 200px; /* Default size for large screens */
  height: auto; /* Maintains the aspect ratio */
}

/* Medium screens (tablets) */
@media (max-width: 992px) {
  .icon-size {
    width: 150px; /* Adjust size for medium screens */
    padding-top: 20px; /* Add top padding */
    padding-bottom: 20px; /* Add bottom padding */
  }
}

/* Small screens (mobile devices) */
@media (max-width: 576px) {
  .icon-size {
    width: 100px; /* Adjust size for small screens */
    padding-top: 15px; /* Add top padding */
    padding-bottom: 15px; /* Add bottom padding */
  }
}