/*
Extra class set
*/
/* COLOR VARIABLES */
/* BLACK */
/* Medium */
/* BOLD */
/*$font-base-450: 'NHaasGroteskDSStd-55Rg', sans-serif; /* Roman */
/* Roman */
/* Convert px to em */
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@font-face {
  font-family: 'NHaasGroteskDSStd-15UltTh';
  src: url("assets/fonts/NHaasGroteskDSStd-15UltTh.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-15UltTh.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-15UltTh.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-15UltTh.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-15UltTh.svg#NHaasGroteskDSStd-15UltTh") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-16UltThIt';
  src: url("assets/fonts/NHaasGroteskDSStd-16UltThIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-16UltThIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-16UltThIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-16UltThIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-16UltThIt.svg#NHaasGroteskDSStd-16UltThIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-25Th';
  src: url("assets/fonts/NHaasGroteskDSStd-25Th.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-25Th.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-25Th.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-25Th.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-25Th.svg#NHaasGroteskDSStd-25Th") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-26ThIt';
  src: url("assets/fonts/NHaasGroteskDSStd-26ThIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-26ThIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-26ThIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-26ThIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-26ThIt.svg#NHaasGroteskDSStd-26ThIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-45Lt';
  src: url("assets/fonts/NHaasGroteskDSStd-45Lt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-45Lt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-45Lt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-45Lt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-45Lt.svg#NHaasGroteskDSStd-45Lt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-36XLtIt';
  src: url("assets/fonts/NHaasGroteskDSStd-36XLtIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-36XLtIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-36XLtIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-36XLtIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-36XLtIt.svg#NHaasGroteskDSStd-36XLtIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-35XLt';
  src: url("assets/fonts/NHaasGroteskDSStd-35XLt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-35XLt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-35XLt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-35XLt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-35XLt.svg#NHaasGroteskDSStd-35XLt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-66MdIt';
  src: url("assets/fonts/NHaasGroteskDSStd-66MdIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-66MdIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-66MdIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-66MdIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-66MdIt.svg#NHaasGroteskDSStd-66MdIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-65Md';
  src: url("assets/fonts/NHaasGroteskDSStd-65Md.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-65Md.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-65Md.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-65Md.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-65Md.svg#NHaasGroteskDSStd-65Md") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-46LtIt';
  src: url("assets/fonts/NHaasGroteskDSStd-46LtIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-46LtIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-46LtIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-46LtIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-46LtIt.svg#NHaasGroteskDSStd-46LtIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-56It';
  src: url("assets/fonts/NHaasGroteskDSStd-56It.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-56It.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-56It.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-56It.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-56It.svg#NHaasGroteskDSStd-56It") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-55Rg';
  src: url("assets/fonts/NHaasGroteskDSStd-55Rg.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-55Rg.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-55Rg.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-55Rg.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-55Rg.svg#NHaasGroteskDSStd-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-96BlkIt';
  src: url("assets/fonts/NHaasGroteskDSStd-96BlkIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-96BlkIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-96BlkIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-96BlkIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-96BlkIt.svg#NHaasGroteskDSStd-96BlkIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-75Bd';
  src: url("assets/fonts/NHaasGroteskDSStd-75Bd.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-75Bd.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-75Bd.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-75Bd.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-75Bd.svg#NHaasGroteskDSStd-75Bd") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-95Blk';
  src: url("assets/fonts/NHaasGroteskDSStd-95Blk.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-95Blk.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-95Blk.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-95Blk.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-95Blk.svg#NHaasGroteskDSStd-95Blk") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-55Rg';
  src: url("assets/fonts/NHaasGroteskTXStd-55Rg.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-55Rg.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-55Rg.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-55Rg.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-55Rg.svg#NHaasGroteskTXStd-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskDSStd-76BdIt';
  src: url("assets/fonts/NHaasGroteskDSStd-76BdIt.eot");
  src: url("assets/fonts/NHaasGroteskDSStd-76BdIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskDSStd-76BdIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskDSStd-76BdIt.woff") format("woff"), url("assets/fonts/NHaasGroteskDSStd-76BdIt.svg#NHaasGroteskDSStd-76BdIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-56It';
  src: url("assets/fonts/NHaasGroteskTXStd-56It.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-56It.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-56It.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-56It.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-56It.svg#NHaasGroteskTXStd-56It") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-66MdIt';
  src: url("assets/fonts/NHaasGroteskTXStd-66MdIt.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-66MdIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-66MdIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-66MdIt.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-66MdIt.svg#NHaasGroteskTXStd-66MdIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-75Bd';
  src: url("assets/fonts/NHaasGroteskTXStd-75Bd.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-75Bd.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-75Bd.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-75Bd.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-75Bd.svg#NHaasGroteskTXStd-75Bd") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-65Md';
  src: url("assets/fonts/NHaasGroteskTXStd-65Md.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-65Md.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-65Md.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-65Md.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-65Md.svg#NHaasGroteskTXStd-65Md") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NHaasGroteskTXStd-76BdIt';
  src: url("assets/fonts/NHaasGroteskTXStd-76BdIt.eot");
  src: url("assets/fonts/NHaasGroteskTXStd-76BdIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/NHaasGroteskTXStd-76BdIt.woff2") format("woff2"), url("assets/fonts/NHaasGroteskTXStd-76BdIt.woff") format("woff"), url("assets/fonts/NHaasGroteskTXStd-76BdIt.svg#NHaasGroteskTXStd-76BdIt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* Prevent the iOs focus zoom */
form ::-webkit-input-placeholder,
.form ::-webkit-input-placeholder {
  font-size: 16px; }

form :-moz-placeholder,
.form :-moz-placeholder {
  font-size: 16px; }

form ::-moz-placeholder,
.form ::-moz-placeholder {
  font-size: 16px; }

form :-ms-input-placeholder,
.form :-ms-input-placeholder {
  font-size: 16px; }

form input, form textarea,
.form input,
.form textarea {
  font-size: 16px; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0 !important; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
.home section {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.home section .elementor-container {
  width: 100%; }

.language_pick {
  /* border: 7px solid green; */
  max-width: 1920px; }

.col_eng {
  /*background-color: rgba(223, 107, 137, 0.5);*/ }

.col_fr {
  /*background-color: rgba(111, 122, 228, 0.5);*/ }

.col_lang_pic_center {
  /*background-color: rgba(153, 139, 54, 0.5);*/ }

.frm_form_fields fieldset {
  padding: 0px !important; }

.svg_animation #star_a {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.otgs-development-site-front-end {
  display: none; }

.page-spin-to-win .elementor-widget-wrap {
  padding: 0 !important;
  max-height: 100vh !important; }

.btn_home a {
  border-radius: 150px !important;
  min-height: 224px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
  font-weight: 600 !important;
  font-size: 86px !important;
  line-height: 86px;
  letter-spacing: 0em;
  color: #000 !important; }

.page-spin-to-win #formidable_instance {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  overflow: hidden;
  height: 100vh; }

.page-spin-to-win #formidable_instance .elementor-container {
  width: 100%;
  /*             border: 1px solid pink; */
  max-width: none !important; }

.frm_submit .frm_prev_page {
  display: none; }

#form_enbridge_gas_dist .form-field {
  margin-bottom: 0; }

.page-spin-to-win .site-content.orangefy::before {
  width: 100%;
  height: 100vh;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: #ffb616;
  z-index: -999;
  animation: fadeIn 2s; }

.page-spin-to-win .site-content.deorangefy::before {
  width: 100%;
  height: 100vh;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: #ffb616;
  z-index: -999;
  animation: fadeOut 2s;
  animation-fill-mode: forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show_message {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.message_show {
  animation: show_message 2s;
  animation-fill-mode: forwards; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .btn_home a {
    min-height: 146px;
    font-size: 50px !important;
    line-height: 50px !important; }
  .page-spin-to-win #formidable_instance {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .page-spin-to-win #formidable_instance .elementor-container {
    width: 100vw;
    height: 100vh;
    /*                 border: 1px solid blue; */ }
  .page-spin-to-win #formidable_instance .elementor-widget-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .btn_home a {
    min-height: 146px;
    font-size: 50px !important;
    line-height: 50px !important; } }

.frm_page_num_1 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw; }

#frm_field_21_container {
  width: 100vw; }

.page-spin-to-win section .step_1_radios .frm_opt_container {
  margin: 13px 0 0 20%; }

.page-spin-to-win section .step_1_radios .frm_primary_label {
  display: none; }

.step_1_radios .frm_radio label {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  font-size: 50px;
  line-height: 90px;
  letter-spacing: 0em;
  text-align: left;
  color: #000; }

.step_1_radios input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 80px !important;
  height: 80px !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #000; }

.step_1_radios input[type="radio"]:focus {
  outline: none !important; }

.step_1_radios input[type="radio"]::after {
  width: 80px !important;
  height: 80px !important;
  content: "";
  display: block;
  background-color: #fff;
  border: 8px solid #FFB81C;
  margin: -80px -80px 0 0;
  position: relative;
  border-radius: 100%;
  box-shadow: none !important;
  outline: none !important; }

.step_1_radios input[type="radio"]:checked::after {
  display: none;
  outline: none !important; }

.step_1_radios input[type="radio"]::before {
  display: inline-block;
  vertical-align: middle;
  width: 80px !important;
  height: 80px !important;
  padding: 2px;
  margin: 0 !important;
  text-align: center;
  box-shadow: none !important;
  background-color: #FFB81C;
  box-shadow: none !important;
  outline: none !important; }

.frm_page_num_1 .frm_submit {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  bottom: 0;
  right: 20px; }

.frm_page_num_1 .frm_submit .frm_button_submit {
  width: 321px !important;
  height: 106px !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
  font-weight: 600 !important;
  font-size: 37px !important;
  line-height: 42px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 50px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 73px !important;
  margin-top: 24px !important; }

.frm_page_num_1 .frm_submit .frm_button_submit::after {
  width: 321px !important;
  height: 78px !important;
  content: "";
  position: relative;
  display: block !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center right;
  right: 0;
  margin-right: -4px;
  background-image: url("../astra/assets/images/arrow_cont.svg"); }

.frm_page_num_1 .frm_submit .frm_button_submit:hover {
  color: #000; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .page-spin-to-win section .step_1_radios .frm_opt_container {
    margin: 11px 0 0 18.3%; }
  .frm_page_num_1 .frm_submit {
    position: absolute;
    bottom: -64px;
    margin-top: -30px; }
  .step_1_radios .frm_radio label {
    font-size: 31px;
    line-height: 31px;
    margin-bottom: 14px; }
  .step_1_radios input[type="radio"] {
    width: 50px !important;
    height: 50px !important;
    margin: 0 17px 0 0 !important; }
  .step_1_radios input[type="radio"]::after {
    width: 50px !important;
    height: 50px !important;
    border: 5px solid #FFB81C;
    margin: -50px -50px 0 0; }
  .step_1_radios input[type="radio"]::before {
    width: 50px !important;
    height: 50px !important;
    padding: 2px; }
  .frm_page_num_1 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important; }
  .frm_page_num_1 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important;
    margin-right: -10px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .page-spin-to-win section .step_1_radios .frm_opt_container {
    margin: 0 0 0 13%; }
  .frm_page_num_1 .frm_submit {
    position: absolute;
    bottom: -64px; } }

.frm_page_num_2 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw; }

.frm-star-group .star-rating,
.frm-star-group input + label {
  width: 80px;
  height: 80px;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  margin-right: 13px; }

.frm-star-group {
  padding-bottom: 17px; }

.rating .frm-star-group .star-rating::after,
.rating .frm-star-group input + label::after {
  width: 80px !important;
  height: 80px !important;
  content: "";
  display: block !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  background-image: url("../astra/assets/images/circle_rate_fill.svg"); }

.frm-star-group input[type="radio"]:checked + label::after,
.frm-star-group:not(.frm-star-hovered) input[type="radio"]:checked + label::after {
  transition: 120ms transform ease-in-out;
  transform: scale(1); }

.frm-star-group input[type="radio"]:checked + label::before,
.frm-star-group:not(.frm-star-hovered) input[type="radio"]:checked + label::before {
  content: "";
  display: none; }

.frm-star-group input + label::before,
.frm-star-group .star-rating::before {
  width: 80px !important;
  height: 80px !important;
  content: "";
  display: block !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../astra/assets/images/circle_rate.svg"); }

.rating .frm-star-group input + label:hover:before {
  content: "";
  display: none; }

.frm_page_num_2 .frm_submit {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  -webkit-tap-highlight-color: transparent;
  margin-right: 20px; }

.frm_page_num_2 .frm_submit .frm_button_submit {
  width: 321px !important;
  height: 106px !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
  font-weight: 600 !important;
  font-size: 37px !important;
  line-height: 42px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 50px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 73px !important;
  margin-top: 24px !important; }

.frm_page_num_2 .frm_submit .frm_button_submit::after {
  width: 321px !important;
  height: 78px !important;
  content: "";
  position: relative;
  display: block !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center right;
  right: 0;
  margin-right: -4px;
  background-image: url("../astra/assets/images/arrow_cont.svg"); }

.frm_page_num_2 .frm_submit .frm_button_submit:hover {
  color: #000; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .frm-star-group {
    padding-bottom: 10px; }
  .frm_page_num_2 .frm_submit {
    margin-top: 4px; }
  .frm-star-group .star-rating,
  .frm-star-group input + label {
    width: 50px;
    height: 50px;
    margin-right: 12px; }
  .rating .frm-star-group .star-rating::after,
  .rating .frm-star-group input + label::after {
    width: 50px !important;
    height: 50px !important; }
  .frm-star-group input + label::before,
  .frm-star-group .star-rating::before {
    width: 50px !important;
    height: 50px !important; }
  .frm_page_num_2 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important; }
  .frm_page_num_2 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important;
    margin-right: -10px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .frm-star-group .star-rating,
  .frm-star-group input + label {
    width: 50px;
    height: 50px;
    margin-right: 5px; }
  .rating .frm-star-group .star-rating::after,
  .rating .frm-star-group input + label::after {
    width: 50px !important;
    height: 50px !important; }
  .frm-star-group input + label::before,
  .frm-star-group .star-rating::before {
    width: 50px !important;
    height: 50px !important; } }

.frm_page_num_3 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .frm_page_num_3 .checkboxes_consider {
    padding-left: 16%;
    padding-right: 16%; }
    .frm_page_num_3 .checkboxes_consider .frm_primary_label {
      display: none; }
  .frm_page_num_3 .frm_checkbox {
    height: 80px;
    margin-bottom: 18px !important; }
    .frm_page_num_3 .frm_checkbox input[type=checkbox] {
      position: relative;
      width: 80px;
      min-width: 80px;
      height: 80px;
      background-color: unset;
      color: unset;
      border-color: unset;
      border: 0;
      border-top-color: unset;
      border-bottom-color: unset;
      border-left-color: unset;
      border-right-color: unset;
      outline: none;
      box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0); }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::before {
        width: 80px !important;
        height: 80px !important;
        content: "";
        display: block !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-position: center center;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("../astra/assets/images/circle_rate.svg");
        transform: none;
        transition: none;
        box-shadow: none;
        margin: 0;
        clip-path: none;
        border-radius: 0; }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::after {
        width: 80px !important;
        height: 80px !important;
        content: "";
        display: block !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-position: center center;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("../astra/assets/images/circle_rate_fill.svg");
        transform: none;
        transition: none;
        box-shadow: none;
        margin: 0;
        transform: scale(0); }
    .frm_page_num_3 .frm_checkbox input[type=checkbox]:focus {
      background-color: unset !important;
      border-color: unset !important;
      color: unset !important;
      box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0) !important; }
    .frm_page_num_3 .frm_checkbox input[type=checkbox]:checked::after {
      transition: 120ms transform ease-in-out;
      transform: scale(1); }
    .frm_page_num_3 .frm_checkbox input[type="checkbox"]:checked::before {
      content: "";
      display: none; }
    .frm_page_num_3 .frm_checkbox label {
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      font-size: 50px;
      line-height: 50px;
      letter-spacing: 0em;
      text-align: left;
      color: #000; }
  .frm_page_num_3 .frm_submit {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-tap-highlight-color: transparent;
    margin-right: 20px; }
  .frm_page_num_3 .frm_submit .frm_button_submit {
    width: 321px !important;
    height: 106px !important;
    background-color: #fff !important;
    border-radius: 50px !important;
    font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
    font-weight: 600 !important;
    font-size: 37px !important;
    line-height: 42px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 50px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 73px !important;
    margin-top: 21px !important; }
  .frm_page_num_3 .frm_submit .frm_button_submit::after {
    width: 321px !important;
    height: 78px !important;
    content: "";
    position: relative;
    display: block !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center right;
    right: 0;
    margin-right: -4px;
    background-image: url("../astra/assets/images/arrow_cont.svg"); }
  .frm_page_num_3 .frm_submit .frm_button_submit:hover {
    color: #000; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .frm_page_num_3 .checkboxes_consider {
    padding-left: 16vw;
    padding-right: 16vw; }
  .frm_page_num_3 .frm_checkbox {
    height: 50px;
    margin-bottom: 15px !important; }
    .frm_page_num_3 .frm_checkbox input[type=checkbox] {
      width: 50px !important;
      min-width: 50px !important;
      height: 50px !important; }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::before {
        width: 50px !important;
        height: 50px !important; }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::after {
        width: 50px !important;
        height: 50px !important; }
    .frm_page_num_3 .frm_checkbox label {
      font-size: 30.5px;
      line-height: 33px; }
  .frm_page_num_3 .frm_submit {
    margin-top: 10px; }
  .frm_page_num_3 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important;
    margin-top: 0 !important; }
  .frm_page_num_3 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important;
    margin-right: -10px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .frm_page_num_3 .checkboxes_consider {
    padding-left: 16%;
    padding-right: 16%; }
    .frm_page_num_3 .checkboxes_consider .frm_primary_label {
      display: none; }
  .frm_page_num_3 .frm_checkbox {
    height: 50px;
    margin-bottom: 18px !important; }
    .frm_page_num_3 .frm_checkbox input[type=checkbox] {
      position: relative;
      width: 50px;
      min-width: 50px;
      height: 50px; }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::before {
        width: 50px !important;
        height: 50px !important; }
      .frm_page_num_3 .frm_checkbox input[type=checkbox]::after {
        width: 50px !important;
        height: 50px !important; }
    .frm_page_num_3 .frm_checkbox label {
      font-size: 31px;
      line-height: 31px; } }

#form_enbridge_gas_dist .step_1_titles h2 {
  font-family: "NHaasGroteskDSStd-95Blk", sans-serif;
  font-size: 80px;
  line-height: 96px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000; }

#form_enbridge_gas_dist .step_1_titles h3 {
  font-family: "NHaasGroteskTXStd-65Md", sans-serif;
  color: #000000;
  font-size: 64px;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 24px; }

#form_enbridge_gas_dist .step_1_titles ol {
  max-width: 1301px;
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif;
  color: #000000;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0em;
  margin: 0 auto; }

#form_enbridge_gas_dist .step_1_titles h4 {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  color: #000000;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 7%; }

#form_enbridge_gas_dist .step_1_titles h4 b {
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }

#form_enbridge_gas_dist .step_1_titles h4 .blank_space {
  width: 17px;
  display: inline-block; }

hr.split_1 {
  border-top: 7px solid #FFB81C;
  max-width: 403px;
  margin: 0 auto !important;
  margin-top: 26px !important; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  hr.split_1 {
    max-width: 243px;
    margin-top: 8px !important;
    border-top: 5px solid #FFB81C; }
  #form_enbridge_gas_dist .step_1_titles h2 {
    font-size: 49px;
    line-height: 52px;
    margin-top: 0; }
  #form_enbridge_gas_dist .step_1_titles h3 {
    font-size: 38px;
    margin-top: 3px; }
  #form_enbridge_gas_dist .step_1_titles ol {
    font-size: 30.5px;
    max-width: 70%; }
  #form_enbridge_gas_dist .step_1_titles h4 {
    font-size: 30.5px;
    margin-top: 51px; }
  #form_enbridge_gas_dist .step_1_titles h4 .blank_space {
    width: 17px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  #form_enbridge_gas_dist .step_1_titles ol {
    font-size: 30.5px;
    max-width: 85%; }
  #form_enbridge_gas_dist .step_1_titles h4 {
    font-size: 30.5px;
    margin-top: 57px;
    text-align: left; } }

#form_enbridge_gas_dist .step_2_titles ol {
  max-width: 70%;
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif;
  color: #000000;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0em;
  margin: 0 auto; }

#form_enbridge_gas_dist .step_2_titles h4 {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  color: #000000;
  font-size: 50px;
  line-height: 59px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 100%;
  /*     border: 1px solid red; */
  padding-bottom: 58px; }

#form_enbridge_gas_dist .frm_page_num_2 .frm_fields_container {
  height: unset; }

#form_enbridge_gas_dist .step_2_titles.upgrade {
  margin-top: 0; }

#form_enbridge_gas_dist .step_2_titles p {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  margin-bottom: 0;
  width: 100%; }

#form_enbridge_gas_dist .step_2.col_1 {
  /* width: 37%; 
    background-color: pink;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 30%; }

#form_enbridge_gas_dist .step_2.col_2 {
  /* width: 25%; 
    background-color: red;*/
  padding-right: 19%; }

#form_enbridge_gas_dist .step_2 .frm_primary_label {
  display: none; }

.points_mark ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /*         background-color: gray; */
  padding-bottom: 19px; }
  .points_mark ul li {
    width: 80px;
    height: 42px;
    font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
    font-weight: 600 !important;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
    margin-right: 14px; }

#form_enbridge_gas_dist .step_2_titles h4 b {
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }

#form_enbridge_gas_dist .step_2_titles h4 .blank_space {
  width: 17px;
  display: inline-block; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  #form_enbridge_gas_dist .frm_page_num_2 .frm_fields_container {
    height: unset; }
  #form_enbridge_gas_dist .step_2.col_1 {
    padding-left: 18vw;
    max-height: 50px;
    margin-bottom: 28px; }
  #form_enbridge_gas_dist .step_2.col_2 {
    padding-right: 10vw;
    margin-left: -12.5%; }
  #form_enbridge_gas_dist .step_2_titles ol {
    font-size: 30.5px;
    width: 80%; }
  #form_enbridge_gas_dist .step_2_titles h4 {
    font-size: 30.5px;
    line-height: 33px;
    margin-top: -29px;
    text-align: left;
    letter-spacing: 0.005em;
    padding-bottom: 35px; }
  #form_enbridge_gas_dist .step_2_titles p {
    font-size: 30.5px;
    line-height: 33px;
    padding-right: 45px; }
  .points_mark ul {
    padding-bottom: 6px; }
    .points_mark ul li {
      font-size: 30.5px;
      line-height: 33px;
      width: 50px;
      height: 33px;
      margin-right: 12px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  #form_enbridge_gas_dist .frm_page_num_2 .frm_fields_container {
    height: unset; }
  #form_enbridge_gas_dist .step_2.col_1 {
    padding-left: 20%; }
  #form_enbridge_gas_dist .step_2.col_2 {
    padding-right: 20%; }
  #form_enbridge_gas_dist .step_2_titles ol {
    font-size: 30.5px;
    max-width: 85%; }
  #form_enbridge_gas_dist .step_2_titles h4 {
    font-size: 30.5px;
    line-height: 33px;
    margin-top: 57px;
    text-align: left; }
  #form_enbridge_gas_dist .step_2_titles p {
    font-size: 30.5px;
    line-height: 33px; }
  .points_mark ul li {
    font-size: 30.5px;
    line-height: 33px;
    width: 50px;
    height: 42px; } }

#form_enbridge_gas_dist .step_3_titles ol {
  max-width: 1382px;
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif;
  color: #000000;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0em;
  margin: 0 auto; }

#form_enbridge_gas_dist .step_3_titles.consider {
  margin-top: 0;
  width: 100vw !important; }

#form_enbridge_gas_dist .step_3_titles h4 {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  color: #000000;
  font-size: 50px;
  line-height: 59px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 100%;
  /*     border: 1px solid cyan; */
  padding-bottom: 32px; }

#form_enbridge_gas_dist .step_3_titles.small p {
  font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
  font-weight: 600 !important;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  margin-bottom: 0;
  width: auto;
  float: left;
  padding-left: 21%;
  margin-top: -21px; }

#form_enbridge_gas_dist .step_3 .frm_primary_label {
  display: none; }

#form_enbridge_gas_dist .step_3_titles h4 b {
  font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }

#form_enbridge_gas_dist .step_3_titles h4 .blank_space {
  width: 17px;
  display: inline-block; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  #form_enbridge_gas_dist .step_3_titles ol {
    font-size: 30.5px;
    max-width: 75%; }
  #form_enbridge_gas_dist .step_3_titles h4 {
    font-size: 30.5px;
    line-height: 33px;
    margin-top: -14px;
    text-align: left;
    letter-spacing: 0.005em;
    padding-bottom: 35px; }
  #form_enbridge_gas_dist .step_3_titles.small p {
    font-size: 19px;
    line-height: 21px;
    padding-left: 22vw; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  #form_enbridge_gas_dist .step_3_titles ol {
    font-size: 30.5px;
    max-width: 80%; }
  #form_enbridge_gas_dist .step_3_titles h4 {
    font-size: 30.5px;
    line-height: 33px;
    margin-top: 57px;
    text-align: left; }
  #form_enbridge_gas_dist .step_3_titles.small p {
    font-size: 16px;
    line-height: 18px;
    padding-left: 23%; } }

.page-spin-to-win section .frm_page_num_4 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .page-spin-to-win section .frm_page_num_4 .spin_win_tt .ghost {
    display: none; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    min-width: 1507px;
    min-height: 450px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center center;
    position: relative;
    background-image: url("../astra/assets/images/spin_win_graph.svg"); }
    .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      position: relative;
      padding-right: 350px; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
    width: 1226px !important;
    height: 296px !important;
    background-color: #FFB81C !important;
    border-radius: 150px !important;
    font-family: "NHaasGroteskDSStd-75Bd", sans-serif !important;
    font-size: 110px !important;
    line-height: 111px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 125px !important;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit::after {
    width: 1226px !important;
    height: 218px !important;
    content: "";
    position: absolute;
    display: block !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center right;
    right: 42px;
    background-image: url("../astra/assets/images/arrow_cont.svg"); }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .page-spin-to-win section .frm_page_num_4 .frm_submit {
    min-width: 920px;
    min-height: 278px; }
    .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
      padding-right: 220px; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
    width: 753px !important;
    height: 182px !important;
    border-radius: 150px !important;
    font-size: 58px !important;
    line-height: 48px !important;
    padding-left: 75px !important;
    padding-right: 171px; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit::after {
    width: 753px !important;
    height: 134px !important;
    right: 18px;
    bottom: 26px; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .page-spin-to-win section .frm_page_num_4 .frm_submit {
    min-width: 641px;
    min-height: 193px; }
    .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
      padding-right: 153px; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit {
    width: 523px !important;
    height: 126px !important;
    border-radius: 150px !important;
    font-size: 53px !important;
    line-height: 53px !important;
    padding-left: 53px !important; }
  .page-spin-to-win section .frm_page_num_4 .frm_submit .frm_button_submit::after {
    width: 523px !important;
    height: 93px !important;
    right: 18px; } }

.page-spin-to-win section .frm_page_num_5 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw; }
  .page-spin-to-win section .frm_page_num_5 #frm_field_16_container {
    height: 100vh; }
  .page-spin-to-win section .frm_page_num_5 .video_wrapper {
    /*             height: 720px; */
    margin: 0 auto; }
    .page-spin-to-win section .frm_page_num_5 .video_wrapper .elementor-widget.elementor-widget-video {
      margin-bottom: 0; }
  .page-spin-to-win section .frm_page_num_5 .video_object {
    width: 1280px;
    height: 720px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn {
    width: 777px;
    height: 188px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 100px;
    margin: 0 auto;
    box-shadow: 5px 10px #FFD766; }
    .page-spin-to-win section .frm_page_num_5 .spin_btn .copy {
      color: #000;
      font-family: "NHaasGroteskDSStd-75Bd", sans-serif;
      font-size: 120px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn_a {
    position: absolute;
    bottom: 0; }
    .page-spin-to-win section .frm_page_num_5 .spin_btn_a a {
      -webkit-tap-highlight-color: transparent; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn_a.fr .spin_btn .copy {
    font-size: 52px; }
  .page-spin-to-win section .frm_page_num_5 .message_spin {
    position: relative;
    bottom: 102px;
    display: block;
    opacity: 0; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h2 {
      font-family: "NHaasGroteskDSStd-95Blk", sans-serif;
      font-size: 112px;
      line-height: 112px;
      letter-spacing: 0em;
      text-align: center;
      color: #000000;
      height: 218px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-position: center center;
      background-image: url("../astra/assets/images/congrat_stars.svg"); }
    .page-spin-to-win section .frm_page_num_5 .message_spin h3 {
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      font-size: 52px;
      line-height: 52px;
      letter-spacing: 0em;
      color: #000;
      margin-bottom: 0;
      width: 100%;
      margin-top: -45px; }
      .page-spin-to-win section .frm_page_num_5 .message_spin h3 b {
        font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h4 {
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      font-size: 37px;
      line-height: 37px;
      letter-spacing: 0em;
      color: #000;
      margin-bottom: 0;
      width: 100%; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-tap-highlight-color: transparent;
    margin-top: -10px;
    display: none;
    bottom: 5px;
    right: 20px;
    position: absolute; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit {
    width: 321px !important;
    height: 106px !important;
    background-color: #fff !important;
    border-radius: 50px !important;
    font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
    font-weight: 600 !important;
    font-size: 37px !important;
    line-height: 42px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 50px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 73px !important;
    margin-top: 0 !important; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit::after {
    width: 321px !important;
    height: 78px !important;
    content: "";
    position: relative;
    display: block !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center right;
    right: 0;
    margin-right: -4px;
    background-image: url("../astra/assets/images/arrow_cont.svg"); }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit:hover {
    color: #000; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .page-spin-to-win section .frm_page_num_5 .video_wrapper {
    height: 720px;
    margin: 0 auto; }
  .page-spin-to-win section .frm_page_num_5 .video_object {
    width: 788px;
    height: 443px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn {
    width: 480px;
    height: 117px; }
    .page-spin-to-win section .frm_page_num_5 .spin_btn .copy {
      font-size: 80px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn_a.fr .spin_btn .copy {
    font-size: 21px; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit {
    bottom: 40px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn_a {
    bottom: 82px; }
  .page-spin-to-win section .frm_page_num_5 .message_spin {
    bottom: 0; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h2 {
      font-size: 73px;
      line-height: 73px;
      margin-top: 0;
      height: 138px; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h3 {
      font-size: 41px;
      line-height: 41px;
      margin-top: -36px; }
      .page-spin-to-win section .frm_page_num_5 .message_spin h3 b {
        font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h4 {
      font-size: 31px;
      line-height: 31px; }
  .page-spin-to-win section .frm_page_num_5 .frm_page_num_1 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important; }
  .page-spin-to-win section .frm_page_num_5 .frm_page_num_1 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important;
    margin-right: -10px; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 19px !important; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */
@media (max-width: 1024px) {
  .page-spin-to-win section .frm_page_num_5 .video_wrapper {
    height: 547px;
    margin: 0 auto; }
  .page-spin-to-win section .frm_page_num_5 .video_object {
    width: 547px;
    height: 307px;
    margin-left: 2px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn {
    width: 333px;
    height: 82px; }
    .page-spin-to-win section .frm_page_num_5 .spin_btn .copy {
      font-size: 53px; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit {
    bottom: 25px; }
  .page-spin-to-win section .frm_page_num_5 .spin_btn_a {
    bottom: 26%; }
  .page-spin-to-win section .frm_page_num_5 .message_spin {
    bottom: 0; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h2 {
      font-size: 47px;
      line-height: 47px;
      margin-top: 0;
      height: 88px; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h3 {
      font-size: 32px;
      line-height: 32px;
      margin-top: -22px; }
      .page-spin-to-win section .frm_page_num_5 .message_spin h3 b {
        font-family: "NHaasGroteskDSStd-75Bd", sans-serif; }
    .page-spin-to-win section .frm_page_num_5 .message_spin h4 {
      font-size: 19px;
      line-height: 19px; }
  .page-spin-to-win section .frm_page_num_5 .frm_page_num_1 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important; }
  .page-spin-to-win section .frm_page_num_5 .frm_page_num_1 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important;
    margin-right: -10px; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit {
    width: 198px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 19px !important; }
  .page-spin-to-win section .frm_page_num_5 .frm_submit .frm_button_submit::after {
    width: 198px !important;
    height: 48px !important; } }

.page-spin-to-win section .frm_page_num_6 {
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw; }
  .page-spin-to-win section .frm_page_num_6 fieldset {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .page-spin-to-win section .frm_page_num_6 h2 {
    font-family: "NHaasGroteskDSStd-95Blk", sans-serif;
    font-size: 80px;
    line-height: 96px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    max-width: unset;
    margin: 0 auto;
    padding-left: 3%;
    padding-right: 3%;
    max-width: 75%; }
  .page-spin-to-win section .frm_page_num_6 .email_input {
    width: 1323px;
    height: 117px;
    margin: 0 auto;
    margin-top: 111px; }
    .page-spin-to-win section .frm_page_num_6 .email_input label {
      display: none; }
    .page-spin-to-win section .frm_page_num_6 .email_input input {
      width: 1323px;
      height: 117px;
      background-color: #fff;
      border-radius: 0;
      border-width: 5px;
      border-color: #FFB81C;
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      color: #000000 !important;
      font-size: 50px;
      line-height: 60px;
      letter-spacing: 0em;
      text-align: left;
      padding: 0 20px 0 20px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input::-webkit-input-placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        color: #5f5f5f !important;
        font-size: 50px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input::placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        font-weight: 600 !important;
        font-weight: 600 !important;
        color: #5f5f5f !important;
        font-size: 50px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input:invalid {
        border-width: 5px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input:focus {
        border-width: 5px;
        border-color: #FFB81C; }
  .page-spin-to-win section .frm_page_num_6 .text_input {
    width: 1323px;
    margin: 0 auto;
    margin-top: 14px; }
    .page-spin-to-win section .frm_page_num_6 .text_input label {
      display: none; }
    .page-spin-to-win section .frm_page_num_6 .text_input input {
      width: 524px;
      height: 117px;
      background-color: #fff;
      border-radius: 0;
      border-width: 5px;
      border-color: #FFB81C;
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      color: #000000 !important;
      font-size: 50px;
      line-height: 60px;
      letter-spacing: 0em;
      text-align: left;
      padding: 0 20px 0 20px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input::-webkit-input-placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        font-weight: 600 !important;
        color: #5f5f5f !important;
        font-size: 50px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input::placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        font-weight: 600 !important;
        color: #5f5f5f !important;
        font-size: 50px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input:invalid {
        border-width: 5px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input:focus {
        border-width: 5px;
        border-color: #FFB81C; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-tap-highlight-color: transparent;
    margin-top: 221px;
    position: absolute;
    right: 20px;
    bottom: 20px; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit {
    width: 411px !important;
    height: 106px !important;
    background-color: #fff !important;
    border-radius: 50px !important;
    font-family: "NHaasGroteskDSStd-45Lt", sans-serif !important;
    font-weight: 600 !important;
    font-size: 37px !important;
    line-height: 42px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 50px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 73px !important;
    margin-top: 21px !important; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit::before {
    width: 0 !important;
    height: 0 !important;
    display: none !important; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit::after {
    width: 78px !important;
    height: 78px !important;
    content: "";
    position: absolute;
    display: block !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center right;
    left: 322px;
    background-image: url("../astra/assets/images/arrow_cont.svg"); }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit:disabled {
    opacity: 0; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit:hover {
    color: #000; }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET LANDSCAPE */
@media (max-width: 1300px) {
  .page-spin-to-win section .frm_page_num_6 h2 {
    font-size: 48px;
    line-height: 48px;
    max-width: unset;
    margin-top: -84px; }
  .page-spin-to-win section .frm_page_num_6 .email_input {
    width: 747px;
    height: 65px;
    margin-top: 111px; }
    .page-spin-to-win section .frm_page_num_6 .email_input label {
      display: none; }
    .page-spin-to-win section .frm_page_num_6 .email_input input {
      width: 748px;
      height: 65px;
      background-color: #fff;
      border-radius: 0;
      border-width: 5px;
      border-color: #FFB81C;
      font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
      font-weight: 600 !important;
      color: #000000 !important;
      font-size: 29px;
      line-height: 31px;
      letter-spacing: 0em;
      text-align: left;
      padding: 0 20px 0 20px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input::-webkit-input-placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        font-weight: 600 !important;
        color: #5f5f5f !important;
        font-size: 29px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input::placeholder {
        font-family: "NHaasGroteskDSStd-45Lt", sans-serif;
        font-weight: 600 !important;
        color: #5f5f5f !important;
        font-size: 29px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input:invalid {
        border-width: 5px; }
      .page-spin-to-win section .frm_page_num_6 .email_input input:focus {
        border-width: 5px;
        border-color: #FFB81C; }
  .page-spin-to-win section .frm_page_num_6 .text_input {
    width: 747px;
    margin: 0 auto;
    margin-top: 14px; }
    .page-spin-to-win section .frm_page_num_6 .text_input label {
      display: none; }
    .page-spin-to-win section .frm_page_num_6 .text_input input {
      width: 454px;
      height: 65px;
      font-size: 29px;
      line-height: 31px;
      letter-spacing: 0em;
      padding: 0 20px 0 20px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input::-webkit-input-placeholder {
        font-size: 29px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input::placeholder {
        font-size: 29px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input:invalid {
        border-width: 5px; }
      .page-spin-to-win section .frm_page_num_6 .text_input input:focus {
        border-width: 5px; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit {
    margin-top: 0;
    right: 0;
    bottom: 44px; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit {
    width: 268px !important;
    height: 68px !important;
    font-size: 23px !important;
    line-height: 23px !important;
    padding-left: 26px !important;
    margin-right: 20px !important; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit::after {
    width: 78px !important;
    height: 48px !important;
    left: 179px;
    top: 32px;
    right: auto;
    bottom: auto; }
  .page-spin-to-win section .frm_page_num_6 .frm_submit .frm_button_submit:disabled::after {
    left: 165px;
    top: 32px;
    right: auto;
    bottom: auto; } }

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* TABLET to tablet port */