@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Fonts */
  h1 {
    font-family: 'Bricolage Grotesque';
    font-weight: semi-bold;
    font-size: 72px;
    color: #001a47;
  }

  h2 {
    font-family: 'Bricolage Grotesque';
    font-weight: semi-bold;
    font-size: 36px;
    color: #001a47;
  }

  h3 {
    font-family: 'Bricolage Grotesque', semi-bold;
    font-weight: semi-bold;
    font-size: 20px;
    color: #001a47;
  }

  h4 {
    font-family: 'Bricolage Grotesque', semi-bold;
    font-weight: semi-bold;
    font-size: 14px;
    color: #001a47;
  }

  p {
    font-family: 'Bricolage Grotesque', regular;
    font-weight: regular;
    font-size: 18px;
    margin-top: 10px;
    color: #81829e;

  }

    li {
        font-family: 'Bricolage Grotesque', regular;
        font-weight: regular;
        font-size: 18px;
        margin: 0;
        padding: 0 0 0 25px; /* Add padding for the checkmark space */
        line-height: 1.5; /* Increase line height for better readability */
        color: #81829e;
        list-style-type: none; /* Remove default list style */
        position: relative; /* For positioning the checkmark */
    }

    li::before {
        content: '✔'; /* Checkmark symbol */
        font-size: 18px; /* Adjust size to match the text */
        color: #81829e; /* Match the text color */
        position: absolute; /* Position relative to the list item */
        left: 0; /* Place the checkmark on the left */
        top: 0; /* Align vertically with the text */
    }




/* Features*/
    /* Features (Short) */
        .Feature-Short {
            text-align: left;
        }

        .Feature-Short h3 {
            color: #001a47;
            font-weight: semi-bold;
            margin: 10px 0 0;
        }

        .Feature-Short p {
            margin: 0;
        }

    /* Features (Long) */
        .Feature-Long {
            text-align: left;
        }

        .Feature-Long h3 {
            color: #001a47;
            font-weight: semi-bold;
            margin: 10px 0 0;
        }

        .Feature-Long p {
            margin: 0;
        }

/*Form */
      /* Form Title */
      .span5.widget-span.widget-type-cell.dnd-column h2 {
          font-family: 'Bricolage Grotesque';
          font-weight: semi-bold;
          font-size: 28pt;
          color: #001a47;
          margin: 0 auto 0px auto; /* Center the title and add spacing below */
          padding: 10px; /* Add padding inside the title for spacing */
          text-align: center; /* Center align text */
          display: block; /* Ensure full width for proper centering */
          max-width: 90%; /* Prevent title overflow */
          box-sizing: border-box; /* Ensure padding doesn't affect dimensions */
      }

      /* Field Labels */
      .hs-form label {
          font-family: 'Bricolage Grotesque';
          font-weight: semi-bold;
          font-size: 14pt;
          color: #001a47;
          margin-bottom: 10px; /* Add spacing below labels */
          display: block;
      }

      /* Input Fields */
      .hs-form input[type="text"],
      .hs-form input[type="email"],
      .hs-form textarea,
      .hs-form select {
          font-family: 'Bricolage Grotesque';
          font-size: 14px;
          padding: 10px;
          border: 1px solid #ccc;
          border-radius: 8px;
          width: 90%; /* Adjust width to fit inside the container */
          margin: 0 auto 15px auto; /* Center align fields and add spacing below */
          box-sizing: border-box;
          display: block;
      }

      /* Button Styling */
      .hs-form input[type="submit"],
      .hs-form .hs-button {
          background-color: #ffdf30;
          color: #001a47;
          font-family: 'Bricolage Grotesque';
          font-weight: semi-bold;
          font-size: 14pt;
          border: none;
          padding: 10px 30px;
          border-radius: 50px; /* Rounded button */
          cursor: pointer;
          transition: background-color 0.3s ease;
          display: block;
          margin: 20px auto 0 auto; /* Center align button and add spacing above */
          max-width: 200px; /* Limit button width */
          text-align: center;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      }

      /* Button Hover Effect */
      .hs-form input[type="submit"]:hover,
      .hs-form .hs-button:hover {
          background-color: #e6c300;
      }

      /* Success Message */
      .hs-form .submitted-message {
          background-color: #e9e6ff;
          color: #001a47;
          font-family: 'Bricolage Grotesque';
          font-size: 14px;
          padding: 20px;
          border-radius: 8px;
      }

      /* Error Messages */
      .hs-form .hs-error-msg {
          color: #75123e;
          font-family: 'Bricolage Grotesque';
          font-size: 12px;
          margin-top: 5px;
      }



/* CompanyBreak */
    .CompanyBreak {
        text-align: center;
        padding: 20px;
    }
    .CompanyBreak .logo {
        margin-bottom: 20px;
        color: #fff;
        text-align: center;
        text-align: center;

    }
    .CompanyBreak h2 {
        color: #ffffff;
        text-align: center;
        font-size: 2rem;
        margin: 20px 0;
    }
    .CompanyBreak p {
        color: #ffffff;
        text-align: center;
        font-size: 1rem;
    }
    .CompanyBreak p strong {
        font-weight: semi-bold;
    }

/* sticky */ 
    .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.main-row-0-max-width-section-centering.main-row-0-vertical-alignment {
        position: sticky;
        top: 0;
        z-index: 1000;
        background-color: #6862f9;
  /* gradient
      background-color: hsla(30, 33%, 98%, 1) !important;
  background-image:
  radial-gradient(at 100% 49%, hsla(30, 33%, 98%, 0.6) 0px, transparent 70%),
  radial-gradient(at 100% 84%, hsla(30, 33%, 98%, 0.6) 0px, transparent 70%),
  radial-gradient(at 100% 100%, hsla(30, 33%, 98%, 0.6) 0px, transparent 70%),
  radial-gradient(at 55% 57%, hsla(30, 33%, 98%, 0.5) 0px, transparent 70%),
  radial-gradient(at 39% 57%, hsla(30, 33%, 98%, 0.5) 0px, transparent 70%),
  radial-gradient(at 23% 56%, hsla(30, 33%, 98%, 0.5) 0px, transparent 70%),
  radial-gradient(at 7% 0%, hsla(216, 62%, 93%, 0.5) 0px, transparent 70%),
  radial-gradient(at 23% 0%, hsla(216, 62%, 93%, 0.5) 0px, transparent 70%),
  radial-gradient(at 47% 0%, hsla(216, 62%, 93%, 0.5) 0px, transparent 70%),
  radial-gradient(at 49% 100%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 28% 100%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 12% 100%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 0% 100%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 0% 35%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 0% 70%, hsla(247, 100%, 95%, 0.5) 0px, transparent 70%),
  radial-gradient(at 0% 0%, hsla(216, 62%, 93%, 0.5) 0px, transparent 70%),
  radial-gradient(at 100% 0%, hsla(20, 100%, 97%, 0.5) 0px, transparent 70%) !important;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      border-bottom: 0px solid #6862f9; /* bottom border */
    }
*/

/* block colors */
.row-fluid-wrapper.row-depth-1.row-number-19.main-row-3-padding.dnd-section.main-row-3-background-color.main-row-3-force-full-width-section.main-row-3-background-layers {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-22.main-row-4-padding.dnd-section.main-row-4-background-layers.main-row-4-hidden.main-row-4-background-color.main-row-4-max-width-section-centering {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-24.main-row-5-background-layers.main-row-5-max-width-section-centering.main-row-5-background-color.dnd-section.main-row-5-padding.main-row-5-vertical-alignment {
  background-color: #fff7f3 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-1.main-row-3-padding.dnd-section.main-row-3-background-color.main-row-3-force-full-width-section.main-row-3-background-layers {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-4.main-row-4-padding.dnd-section.main-row-4-background-layers.main-row-4-hidden.main-row-4-background-color.main-row-4-max-width-section-centering {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-7.main-row-5-background-layers.main-row-5-max-width-section-centering.main-row-5-background-color.dnd-section.main-row-5-padding.main-row-5-vertical-alignment {
  background-color: #fff7f3 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-20.main-row-3-padding.dnd-section.main-row-3-background-color.main-row-3-force-full-width-section.main-row-3-background-layers {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-23.main-row-4-padding.dnd-section.main-row-4-background-layers.main-row-4-hidden.main-row-4-background-color.main-row-4-max-width-section-centering {
  background-color: #001a47 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-25.main-row-5-background-layers.main-row-5-max-width-section-centering.main-row-5-background-color.dnd-section.main-row-5-padding.main-row-5-vertical-alignment {
  background-color: #fff7f3 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-27.main-row-6-max-width-section-centering.main-row-6-background-color.dnd-section.main-row-6-hidden.main-row-6-padding.main-row-6-background-layers {
  background-color: #fff7f3 !important;
  background-image: none !important;
}
.row-fluid-wrapper.row-depth-1.row-number-29.main-row-7-vertical-alignment.main-row-7-background-layers.main-row-7-background-color.main-row-7-hidden.dnd-section.main-row-7-padding.main-row-7-max-width-section-centering {
  background-color: #fff7f3 !important;
  background-image: none !important;
}


/* Exclusive Offer Styling */
    .Exclusive-Offer {
        text-align: center; 
    }

    .Exclusive-Offer h4 {
        font-family: 'Bricolage Grotesque';
        color: #001a47; 
        font-weight: semi-bold;
        font-size: 64px; 
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center; 
    }

    .Exclusive-Offer h5 {
        font-family: 'Bricolage Grotesque';
        color: #001a47; 
        font-weight: semi-bold;
        font-size: 24px; 
        width: 50%; 
        display: block; 
        margin: 10px auto; 
        text-align: center; 
    }

    /* Responsive Styling */
    @media (max-width: 768px) {
        .Exclusive-Offer h4 {
            font-family: 'Bricolage Grotesque';
                  font-weight: semi-bold;
          font-size: 40px; 
        }

        .Exclusive-Offer h5 {
            font-family: 'Bricolage Grotesque';
                  font-weight: semi-bold;
          font-size: 18px;
        }
    }