/*---------------------------------------------------------------------------------

 Theme Name:   The M Group
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
div.et_pb_section.et_pb_section_0 > .et_pb_background_mask {
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI2ZmZDExNSIgdmlld0JveD0iMCAwIDE5MjAgMTQ0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gc2xpY2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1NjgsNzc2LjA2LDExNjQuODMsMEgxOTIwVjk4LjQ5Wm0zNTItNDY5TDEzMzEuNDQsMTQ0MEgxOTIwWiIvPjwvc3ZnPg==);
  z-index: 1 !important;
}

#top-menu li a {
  display: inline-block;
  font-size: 14px;
  padding-right: 22px;
  font-weight: 500 !important;
}

/* Forminator Submit Button */
.forminator-button-submit {
  background-color: #ffd115; /* Green background */
  color: #1b1b1b; /* White text */
  font-size: 18px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  border-radius: 0px !important;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase; /* Optional: capitalize button text */
}

.forminator-button-submit:hover {
  background-color: #263270; /* Darker green on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add hover shadow */
  transform: scale(1.05); /* Slight hover scale effect */
}

.forminator-button-submit:active {
  background-color: #388e3c; /* Even darker green on click */
  transform: scale(1); /* Reset scaling */
  box-shadow: none; /* Remove shadow on click */
}

/* Forminator Labels */
.forminator-label {
  font-size: 14px !important; /* Label text size */
  font-weight: 600; /* Bold text */
  color: #fff; /* Dark gray color */
  margin-bottom: 8px;
  display: block; /* Ensure proper spacing */
  text-transform: capitalize; /* Optional: capitalize the label text */
}

/* Styling for required field asterisk */
.forminator-label .forminator-required {
  color: #e53935; /* Red color for the asterisk */
  font-weight: bold;
}

/* Default (desktop) */
.hero-banner {
  padding: 30vh 0 15vh 0 !important;
}
.dipi-grid-item-subtitle {
  font-weight: 700;
  text-align: center;
  font-size: 18px !important;
  color: #263270 !important;
}

/* Laptop devices (tablets, 768px and down) */
@media (max-width: 1400px) {
  .hero-banner {
    padding: 15vh 0 8vh 0 !important;
  }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
  .hero-banner {
    padding: 20vh 0 6vh 0 !important;
  }
  .services-blurbs .et_pb_column {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Small devices (phones, 480px and down) */
@media (max-width: 480px) {
  .hero-banner {
    padding: 10vh 0 10vh 0 !important;
  }
}

@media only screen and (max-width: 980px) {
  .services-blurbs .et_pb_column {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [class^="et_pb_text_"] h2,
  [class*=" et_pb_text_"] h2 {
    font-size: 35px !important;
  }
  [class^="et_pb_text_"] h3,
  [class*=" et_pb_text_"] h3 {
    font-size: 35px !important;
  }
}