.elementor-kit-96{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c6ce155:#EEF5FC;--e-global-color-be701d9:#087C74;--e-global-color-58448a7:#E74058;--e-global-color-a592653:#E74058;--e-global-color-3749753:#FFE4E8;--e-global-color-83ecfda:#00FF19;--e-global-color-65cb77a:#34AD4A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-96 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Hero Section Styles */
.hero-section {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  overflow: hidden;
}

.hero-section img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the section without distortion */
  position: absolute;
  top: 0;
  left: 0;
}

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the content */
  text-align: center;
  color: white;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5); /* Optional: adds a dark overlay for text readability */
  border-radius: 10px; /* Optional: rounds the corners */
}

.hero-content h1 {
  font-size: 3rem; /* Adjust as needed */
  margin-bottom: 10px;
}

.hero-content p {
  font-size: 1.25rem; /* Adjust as needed */
  margin-bottom: 20px;
}

.hero-content .btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1rem;
  color: white;
  background-color: #007bff; /* Primary button color */
  border: none;
  border-radius: 5px;
  text-decoration: none;
}

.hero-content .btn:hover {
  background-color: #0056b3; /* Darker shade for hover effect */
  transition: background-color 0.3s ease;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2.5rem; /* Adjust for smaller screens */
  }

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

@media (max-width: 480px) {
  .hero-content h1 {
    font-size: 1.75rem; /* Adjust for mobile screens */
  }

  .hero-content p {
    font-size: 0.875rem; /* Adjust for mobile screens */
  }
}/* End custom CSS */