/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.156
 Text Domain:  bricks
*/
label {
    color: #000 !important;
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
}
.gform_wrapper .gfield .ginput_container {
  display: flex;
  align-items: center;
  width: auto !important; /* Override the 100% width */
  padding: 0; /* Ensure no extra padding */
}

.gform_wrapper .gfield .ginput_container input[type="checkbox"] {
  width: auto !important; /* Override 100% width for the checkbox */
  margin: 0; /* Remove margin around the checkbox */
  padding: 0; /* Remove padding */
}

.gform_wrapper .gfield .ginput_container label {
  margin-left: 15px; /* Adjust space between checkbox and label */
}
.gform_required_legend {
	display:none !important;
}
html {
  font-size:16px;
}
body {
  color:#2F2951;
}
p {
  font-size: clamp(1.125rem, 1.0625rem + 0.1vw, 1.25rem);
}
h1 {
  font-size: clamp(1.875rem, 1.5rem + 1.2vw, 3.75rem);
  font-family: "epilogue", sans-serif;
}
h2 {
  font-size: clamp(2.125rem, 1.875rem + 0.39vw, 2.625rem);
  font-family: "epilogue", sans-serif;
}
h3 {
  font-size: clamp(1.5rem, 1.25rem + 1.25vw, 2.125rem);
  font-family: "epilogue", sans-serif;
}
.home-h1-hero {
  font-weight:bold;
  font-size: clamp(2.625rem, 1.5rem + 2.5vw, 4.75rem);
  font-family: "epilogue", sans-serif;
}
.body-lg {
  font-size: clamp(1.25rem, 1.125rem + 0.2vw, 1.5rem);
}
.body-sm {
  font-size: clamp(0.75rem, 0.8rem + 0.2vw, 0.875rem);
}
.w-695 {
  width:100%;
  max-width:695px;
}
.gradient-text {
  background: linear-gradient(90deg, #E51945, #FD6C3C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.no-display {
	display:none !important;
}
.glass-morph-card {
  background: rgba( 255, 255, 255, 0.45 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.05 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.no-click {
	pointer-events:none;
}
/****** NEW CSS FOR THIS PAGE *****/

.primary { color:#FA2468; }
.white-card {
  background-color:#fff;
  border-radius:10px;
  padding:40px;
  border: 1px solid transparent;
}
.white-card-np {
  background-color:#fff;
  border-radius:10px;
  border: 1px solid transparent;
}
.hide-desktop {
  display:none !important;
}
.hide-mobile {
  display:block !important;
}

@media screen and (max-width: 767px) {
.hide-desktop {
  display:block !important;
}
.hide-mobile {
  display:none !important;
}  
}

/****** Gravity Form CSS *******/

.gform_title {
  display:none !important;
}
.gform_wrapper.gravity-theme input[type=text] {
      border-radius: 10px !important;
}
#gform_submit_button_3  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_3:hover {
  background-color: transparent !important;
    color:#FA2468;
}
#gform_submit_button_4  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_4:hover {
  background-color: transparent !important;
    color:#FA2468;
}
#gform_submit_button_5  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_5:hover {
  background-color: transparent !important;
    color:#FA2468;
}
#gform_submit_button_6  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_6:hover {
  background-color: transparent !important;
    color:#FA2468;
}
#gform_submit_button_7  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_7:hover {
  background-color: transparent !important;
    color:#FA2468;
}
#gform_submit_button_8  {
  padding: 15px !important;
  border-radius:25px !important;
  text-align:center !important;
  background-color:#FA2468 !important;
  border: 1px solid #FA2468 !important;
  color:#fff;
  max-height:60px !important;
  margin:0 !important;
  transition: ease-in-out 0.2s;
}
#gform_submit_button_8:hover {
  background-color: transparent !important;
    color:#FA2468;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    border-radius: 10px;
}

/***** ANIMATED BG ******/

@keyframes move-bubble-1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(400px, 300px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes move-bubble-2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-400px, -300px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.bubble {
  position: fixed; /* Fix bubbles in the viewport */
  border-radius: 50%;
  animation: move-bubble-1 8s ease-in-out infinite;
  filter: blur(10px); /* Add blur effect */
  z-index: -1; /* Send bubbles behind the content */
  pointer-events: none; /* Ensure the bubbles don't interfere with interactions */
}

.bubble:nth-child(2) {
  animation: move-bubble-2 8s ease-in-out infinite;
}

.bubble-1 {
  width: 1200px; /* Double the previous size */
  height: 1200px; /* Double the previous size */
  background: radial-gradient(circle, rgba(250, 36, 104, 0.3) 20%, rgba(250, 36, 104, 0) 70%); /* Updated gradient with #FA2468 */
  top: 10%;
  left: 10%;
}

.bubble-2 {
  width: 1100px; /* Double the previous size */
  height: 1100px; /* Double the previous size */
  background: radial-gradient(circle, rgba(253, 108, 60, 0.3) 20%, rgba(253, 108, 60, 0) 70%); /* Updated gradient with #FD6C3C */
  top: 50%;
  left: 70%;
}

.gradient-background {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
  z-index: -1; /* Ensure the background sits behind other content */
}