/*
      --- 01 TYPOGRAPHY SYSTEM

      - Font sizes (px)
      10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

      - Font weights
      Default: 
      Medium: 
      Semi-bold: 
      Bold: 

      - Line heights

      Default : 1
      medium : 1.2
      high : 1.5
      higher : 1.8
      - Letter spacing

      --- 02 COLORS

      - header: #eeedf2
      - Tints:
      - Shades: 

      - Accents:
      - Greys : #868686
      #6c6c6c

      --- 05 SHADOWS
      box-shadow: 0 0 6px #bbbbbb;

      --- 06 BORDER-RADIUS

      --- 07 WHITESPACE

      - Spacing system (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
      */


      /* Default padding / Margin */

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        font-size: 62.5%;
        height: 100%;
        -ms-overflow-style: scrollbar;
      }

      /*====================*/
      /* BG BODY SECTION */
      /*====================*/

      body {
        font-family:  'Roboto', sans-serif;
        line-height: 1;
        color: #000000;
        font-weight: 400;
        background-image: url("https://image.email.groupeseb.com/lib/fe3611717564047d721177/m/2/2cf55bdf-0e0f-48ce-bc61-198be5104384.png");
        width: 100% !important;
        background-color: #FFFFFF;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        background-position-y: 0.1042vw;
      }
      *:focus {
        outline: none;/* outline: 4px dotted #e67e22; *//* outline-offset: 8px; *//* box-shadow: 0 0 0 0.8rem rgba(230, 125, 34, 0.5); */
      }
      img {
        vertical-align: middle;
        width: 100%;
      }
      /*====================*/
      /* LINKS */
      /*====================*/
      a {
        color: #000000;
      }
      a:hover {
        color: #000000;
      }
      a:link {
        color: #000000;
      } 
      a:active {
        color: #ffffff;
      }
      select {
        padding: 5px;
        -webkit-appearance: none;
      }

      /*====================*/
      /* LOGO SECTION */
      /*====================*/

      .logoimg-container {
        max-width: 10.9375vw;
        position: relative;
        margin: auto;
        padding: 1.3025vw 0;
      }
      .logo-img {
        align-content: center;
        display: inline-block;
      }
      .logo_head {
        background-color: #FFFFFF;
        background-size: cover;
        background-position: 70%;
        background-repeat: no-repeat;
      }

      /*====================*/
      /* FORM SECTION */
      /*====================*/

      .form-box {
        padding-bottom: 3.28125vw !important;
        padding-top: 2.0833vw   !important;
      }
      .form-group {
        margin-bottom: 0.9375vw;
      }
      .main-form {
        padding: 0 4.5521vw;
      }
      .form-background-color {
        width: 45vw;
        height: 45vw;
        background-color: #FFFFFF;
        padding: 0.78125vw 0.6771vw;
        margin-left: 10.209vw;
        margin-right: 43.8025vw;
        margin-top: 1.5625vw;
        border-radius: 1vw;

      }
      .form_headline p {
        color: #51555D;
        margin-bottom: 0.2604vw;
        text-align: center;
        font-size: 2.321vw;
        font-family:  'Roboto', sans-serif;
        font-weight: bold;
        line-height: 1.2;
        padding-top: 3rem;
      }
      .form_bodytext p {
        color: #717275;
        margin-bottom: 0.2604vw;
        text-align: center;
        font-size: 1.406vw;
        line-height: 1.2;
        font-family:  'Roboto', sans-serif;
        font-weight: 400;
        padding: 0rem 6.40625vw 2rem 4.375vw;
      }
      .small-text p {
        font-size: 1.042vw;
        line-height: 1.3;
        color: #51555D;
        margin-bottom: 1.5625vw;
        text-align: center;
        font-family:  'Roboto', sans-serif;
        font-weight: 400;
        padding: 0 5.26875vw;
      }
      .form-background-color input, .form-background-color select {
        border: 1px solid #141414;
        border-radius: 0.5vw;
        font-family:  'Roboto', sans-serif !important;
        height: 3.0vw;

        padding: 0.5210vw 0.1200vw 0.5210vw 1.0000vw;
        display: block;

        width: 100%;
        font-size: 1.200vw;
        opacity: 1;
        background-color: #ffffff;
        float: left;
      } 
      .form-background-color button {
        background-color: #FF001D;
        font-family:  'Roboto', sans-serif;
        color: #ffffff;
        border: 1px solid #ff001b;
        font-weight: 400;
        text-transform: uppercase;
        width: 18.125vw;
        padding: 0.56719vw 0;
        border-radius: 0;
        cursor: pointer;
        margin: 0vw 0 1.40625vw 0;
        font-size: 1.302vw;
        border-radius: 0.5vw;
        font-weight: bold;
        letter-spacing: 1px;
      }
      .DOB_text {
        font-family:  'Roboto', sans-serif;
        color: #51555D;
        font-size: 1.302vw;
        line-height: 1.1;
        padding: 1.0417vw 0;
        text-align: right;
        display:block;
      }
      .date-block {
        position: relative;
      }
      .red-checkbox{
        line-height: 0.66vw !important;
        height: 2.7vw;
      }
      .red{
        width: auto !important;
        height: auto !important;

      }
      input[type="checkbox"]#commercial {
        display: none;
      }

      label[for="commercial"] {
        cursor: pointer;
        display: inline-block;
        padding-left: 25px;
        position: relative;
        line-height: 0.743vw;

      }

      label[for="commercial"]:before {
        content: '';
        display: inline-block;
        width: 1vw;
        height: 1vw;
        margin: 0;
        top: 33%;
        position: absolute;
        left: 0;
        background-color: #fff;
        border: 1px solid #51555D;
        border-radius: 2px;

      }

      input[type="checkbox"]#commercial:checked + label:before {
        content: '✔';
        position: absolute;
        font-size: 1.5vw;
        border-radius: 2px;
        color: #fff;
        background-color: #FF001D;
        border: 1px solid #FF001D;
      }


      input[type="checkbox"]#sms {
        display: none;
      }

      label[for="sms"] {
        cursor: pointer;
        display: inline-block;
        padding-left: 25px;
        position: relative;
      }

      label[for="sms"]:before {
        content: '';
        display: inline-block;
        width: 1vw;
        height: 1vw;
        margin-right: 10px;
        position: absolute;
        left: 0;
        border-radius: 2px;
        background-color: #fff;
        border: 1px solid #51555D;
        bottom: 0px;
      }

      input[type="checkbox"]#sms:checked + label:before {
        content: '✔';
        position: absolute;
        font-size: 1.5vw;
        color: #fff;
        border-radius: 2px;
        background-color: #FF001D;
        border: 1px solid #FF001D;
      }
      #smslabel{
        color : #707E7E;
      }
      .date-placeholder {
        display: none;
      }

       .wrapper-text-1 {
         display: grid;
      }

      /*====================*/
      /* TWO COLUMN SECTION */
      /*====================*/

      .clearfix {
        display: block;
        width: 100% !important;
        clear: both;
        float: left;
      }
      .col-left {
        float: left;
        padding-right: 0.50128vw;
      }
      .col-right {
        float: right;
        padding-left: 0.50128vw;
      }
      .col-md-6 {
        width: 50%
      }
      .col-md-6-DOB {
        width: 50%;
      }
      .col-left-DOB {
        float: left;
        padding-right: 1.5128vw;
      }
      .col-right-DOB {
        float: right;
        padding-left: 1.5128vw;
      }

      .col-md-12 {
        width: 100%;
      }
      .col-center{
        margin: 0 auto;

        display: flex; justify-content: center;
      }
      .text-col {
        width: 50%
      }
      .text-left {
        float: left;
        padding-right: 1.0419vw;
        padding-bottom: 0.5vh;
        text-align: left;
        font-size: 0.781vw;
      }
      .text-right {
        float: right;
        padding-left: 1.0419vw;
        text-align: right;
        font-size: 0.781vw;
      }



      /*====================*/
      /* ERROR MESSAGE CSS */
      /*====================*/



      form .error {
        color: #FA7070 !important;

      }
      input.error, select.error{
        border: 1px solid #FA7070 !important;
        color: #F96969 !important;
      }
      input.error::placeholder, select.error::placeholder{
        border: 1px solid #FA7070 !important;
        color: #F96969 !important;
      }



      option, input {
        color: #000000 !important;
      }



      label {
        display: block;
        max-width: 33%;
        margin-bottom: 5px;
        font-size: 0.60vw;
        padding-top: 0.1042vw;
        padding-left: 0.9375vw;
        font-weight: normal;
        position: absolute !important;
      }
      input.error::-webkit-input-placeholder{
        color:    #FA7070;
        border: none !important;
      }


      /*====================*/
      /* PLACEHOLDER CSS */
      /*====================*/
      input::placeholder{
        color: #51555D;
        opacity: 10;
      }
      .placeholder_text::-webkit-input-placeholder {
        text-transform: uppercase;
        color: #51555D;
      }

      .placeholder_text:-moz-placeholder { /* Firefox 18- */
        text-transform: uppercase; 
        color: #51555D;
      }

      .placeholder_text::-moz-placeholder {  /* Firefox 19+ */
        text-transform: uppercase;
        color: #51555D;
      }

      .placeholder_text:-ms-input-placeholder {  
        text-transform: uppercase;  
        color: #51555D;
      }

      .placeholder_text {
        text-transform: uppercase;  
      }
      .empty {
        color: #51555D !important;
      } 

      /*====================*/
      /* GENDER INPUT STYLES */
      /*====================*/

      select:required:invalid {
        color: #51555D;
      }
      option[value=""][disabled] {
        display: none;
      }
      option {
        color: #000000;
      }

      /*====================*/
      /* NUMBER INPUT ICON */
      /*====================*/

      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
        -webkit-appearance: none;
        margin: 0;
      }


      input[type=number] { /* Firefox */
        -moz-appearance: textfield;
      }

      /*====================*/
      /* MEDIA QUERIES */
      /*====================*/

      @media (max-width:74em)/* 74em = 1184 px */ { 
        select { 
          text-align-last:center !important; 
          text-align: center !important;}
        input[type="date"] { /* Safari */
          display:flex;
          min-width: 96%;
        }
        input::placeholder{
          color: #000000;
          opacity: 10;
        }
        .empty {
          color: #000000 !important;
        }
        select:required:invalid {
          color: #000000;
        }
        input.error, select.error{
          border: 1px solid #FA7070;
          color: #F96969 !important;
        }
        input.error::placeholder, select.error::placeholder{
          border: 1px solid #FA7070;
          color: #F96969 !important;
        }
        label {
          display: inline-block;
          max-width: 100%;
          margin-top: 2px;
          font-size: 9px;
          padding-left: 0px;
          margin-bottom: 0px;
          font-weight: normal;
          position: relative !important;
        }
        a {
          color: #000000;
        }
        a:hover {
          color: #000000;
        }
        a:link {
          color: #000000;
        }
        .logo-img {
          width: 100% !important;
          align-content: center;
          display: inline-block;
        }
        .logoimg-container {
          width: 100% !important;
          max-width: 138px;
          position: relative;
          margin: auto;
          padding: 2.1rem 0 2.7rem;
        }
        .form-group {
          margin-bottom: 2rem;
        }
        .form-background-color {
          width: 100% !important;
          height: auto !important;
          background-color: #ffffff;
          padding: 0rem;
          max-width: 60rem;
          margin: 1rem auto;
          text-align: center;

        }
        .em_mob_block {
          display: block !important;
        }
        .form-background-color input, .form-background-color select {
          font-size: 1.7rem;
          border: 1px solid #51555D;
          text-align-last:left !important; 
          text-align: left !important;
          font-weight: 500;
          height: 3.3rem;
          border-radius: 5px;
          padding: 0.1rem 1rem 0.1rem 2rem;
          float: left;

        }
        .bg_color {
          background-image: none;
          background-color: #ffffff;
        }
        .form-background-color button {
          color: #ffffff;

          width: 190px;
          padding: 1rem 1rem;
          border-radius: 0;
          cursor: pointer;

          font-size: 2rem;
          margin: 1rem auto 1.422rem auto;
          border-radius: 0.5vw;
        }
        .content-section {
          background-image: none;
          width: 100% !important;
          background-color: #ffffff;
        }
        .em_txt_white {
          color: #ffffff !important;
        }
        .form-box {
          width: 100% !important;
          margin: auto;
          padding-top: 0rem !important;
          padding-bottom: 0rem !important;
        }
        .form_headline p {
          margin-bottom: 1.7rem;
          font-size: 3.5rem;
          line-height: 1.2;
          color: #51555D;
          padding-top: 0.8333vw;
        }
        .form_bodytext p {
          margin-bottom: 0.7rem;
          font-size: 2rem;
          line-height: 1.2;
          padding: 0rem 9rem;
          color: #51555D;
        }
        .small-text p {
          font-size: 1.8rem;
          line-height: 1.2;
          padding: 0rem 9rem;
          color: #51555D;
          margin-bottom: 2rem;
        }
        .main-form {
          padding: 0 2.5rem;
        }
        .col-left {
          padding-right: 0rem;
        }
        .col-right {
          padding-left: 0rem;
        }
        .col-md-6 {
          width: 100%
        }
        .text-col {
          width: 100%
        }
        .text-left {
          padding: 0 0.7rem;
          text-align: left;
          font-size: 1rem;
        }
        .text-right {
          padding-left: 0rem;
          text-align: center;
          font-size: 1rem;
          line-height: 1.2;
          padding-bottom: 2.5rem;
        }
        .hide {
          display: none!important;
        }
        .DOB_text {

          color: #000000;
          font-size: 1.6rem;
          line-height: 1.1;
          padding: 0.57rem 1rem 0.57rem 1rem;
          text-align: left;
          display:none;
        }
        .col-left-DOB {
          display:none;
        }
        .date-placeholder {
          background: white;
          position: absolute;
          top: 1px;
          left: 2rem;
          font-size: 1.6rem;
          line-height: 3rem;
          color: #000000;
          display: block;
          pointer-events: none;
        }
        .red-checkbox{
          line-height: 1vw !important;
          height: auto;
          text-align: left;
        }
        .red{
          width: auto !important;
          height: auto !important;

        }
        input[type="checkbox"]#commercial {
          display: none;
        }

        label[for="commercial"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
          line-height: 1.243vw;
        }

        label[for="commercial"]:before {
          content: '';
          display: inline-block;
          width: 2vw;
          height: 2vw;
          margin: 0;
          top: 33%;
          position: absolute;
          left: 0;
          background-color: #fff;
          border: 1px solid #51555D;
          border-radius: 2px;

        }

        input[type="checkbox"]#commercial:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 3vw;
          border-radius: 2px;
          color: #fff;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }


        input[type="checkbox"]#sms {
          display: none;
        }

        label[for="sms"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
        }

        label[for="sms"]:before {
          content: '';
          display: inline-block;
          width: 2vw;
          height: 2vw;
          margin-right: 10px;
          position: absolute;
          left: 0;
          border-radius: 2px;
          background-color: #fff;
          border: 1px solid #51555D;
          bottom: 0px;
          top:-0.5em;
        }

        input[type="checkbox"]#sms:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 3vw;
          color: #fff;
          border-radius: 2px;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }
      } 


      @media (max-width:48em)/* 48em = 768 px */ {
        select { 
          text-align-last:center !important; 
          text-align: center !important;}
        input[type="date"] { /* Safari */
          display:flex;
          min-width: 96%;
        }
        input::placeholder{
          color: #000000;
          opacity: 10;
        }
        .empty {
          color: #000000 !important;
        }
        select:required:invalid {
          color: #000000;
        }
        input.error, select.error{
          border: 1px solid #FA7070;
          color: #F96969 !important;
        }
        input.error::placeholder, select.error::placeholder{
          border: 1px solid #FA7070;
          color: #F96969 !important;
        }
        label {
          display: inline-block;
          max-width: 100%;
          margin-top: 2px;
          font-size: 9px;
          padding-left: 0px;
          margin-bottom: 0px;
          font-weight: normal;
          position: relative !important;
        }
        a {
          color: #000000;
        }
        a:hover {
          color: #000000;
        }
        a:link {
          color: #000000;
        }
        .logo-img {
          width: 100% !important;
          align-content: center;
          display: inline-block;
        }
        .logoimg-container {
          width: 100% !important;
          max-width: 118px;
          position: relative;
          margin: auto;
          padding: 2.1rem 0 2.7rem;
        }
        .form-group {
          margin-bottom: 1.7rem;
        }
        .form-background-color {
          width: 100% !important;
          height: auto !important;
          background-color: #ffffff;
          padding: 0rem;
          max-width: 55rem;
          margin: 1rem auto;
          text-align: center;

        }
        .em_mob_block {
          display: block !important;
        }
        .form-background-color input, .form-background-color select {
          font-size: 1.6rem;
          border: 1px solid #51555D;
          text-align-last:left !important; 
          text-align: left !important;
          height: 3.3rem;
          font-weight: 500;
          border-radius: 5px;
          padding: 0.1rem 1rem 0.1rem 2rem;
          float: left;


        }
        .bg_color {
          background-color: #ffffff;
        }
        .form-background-color button {
          color: #ffffff;

          width: 190px;
          padding: 1rem 1rem;
          border-radius: 0;
          cursor: pointer;

          font-size: 2rem;
          margin: 0vw 0 1.40625vw 0;
          border-radius: 0.5vw;
        }
        .content-section {
          background-image: none;
          width: 100% !important;
          background-color: #ffffff;
        }
        .em_txt_white {
          color: #ffffff !important;
        }
        .form-box {
          width: 100% !important;
          margin: auto;
          padding-top: 0rem !important;
          padding-bottom: 0rem !important;
        }
        .form_headline p {
          margin-bottom: 1.7rem;
          font-size: 3rem;
          line-height: 1.2;
          color: #51555D;
          padding-top: 0.8333vw;
        }
        .form_bodytext p {
          margin-bottom: 0.7rem;
          font-size: 1.8rem;
          line-height: 1.2;
          padding: 0rem 9rem;
          color: #51555D;
        }
        .small-text p {
          font-size: 1.4rem;
          line-height: 1.2;
          padding: 0rem 9rem;
          color: #51555D;
          margin-bottom: 2rem;
        }
        .main-form {
          padding: 0 4rem;
        }
        .col-left {
          padding-right: 0rem;
        }
        .col-right {
          padding-left: 0rem;
        }
        .col-md-6 {
          width: 100%
        }
        .text-col {
          width: 100%
        }
        .text-left {
          padding: 0 0.7rem;
          text-align: left;
          font-size: 1rem;
        }
        .text-right {
          padding-left: 0rem;
          text-align: center;
          font-size: 1rem;
          line-height: 1.2;
          padding-bottom: 2.5rem;
        }
        .hide {
          display: none!important;
        }
        .DOB_text {

          color: #000000;
          font-size: 1.6rem;
          line-height: 1.1;
          padding: 0.57rem 1rem 0.57rem 1rem;
          text-align: left;
          display:none;
        }
        .date-placeholder {
          background: white;
          position: absolute;
          top: 1px;
          left: 2rem;
          font-size: 1.6rem;
          line-height: 3rem;
          color: #000000;
          display: block;
        }
        .red-checkbox{
          line-height: 0.66vw !important;
          height: auto;
          text-align: left;
        }
        .red{
          width: auto !important;
          height: auto !important;

        }
        input[type="checkbox"]#commercial {
          display: none;
        }

        label[for="commercial"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 4em;
          position: relative;
          line-height: 2.2vw;
        }

        label[for="commercial"]:before {
          content: '';
          display: inline-block;
          width: 3.5vw;
          height: 3.5vw;
          position: absolute;
          left: 0;
          margin: 0;
          top: 33%;
          background-color: #fff;
          border: 1px solid #51555D;
          border-radius: 2px;

        }

        input[type="checkbox"]#commercial:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 4vw;
          border-radius: 2px;
          color: #fff;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }


        input[type="checkbox"]#sms {
          display: none;
        }

        label[for="sms"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 4em;
          position: relative;
          line-height: 2.8vw;
        }

        label[for="sms"]:before {
          content: '';
          display: inline-block;
          width: 3.5vw;
          height: 3.5vw;
          position: absolute;
          left: 0;
          border-radius: 2px;
          background-color: #fff;
          border: 1px solid #51555D;
          bottom: 0px;
          top:20%;
        }

        input[type="checkbox"]#sms:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 4vw;
          color: #fff;
          border-radius: 2px;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }
      }


      @media (max-width:38em)/* 38em = 608 px */ {
        input[type="date"] { /* Safari */
          display:flex;
          min-width: 96%;
        }
        .form_headline p {
          margin-bottom: 1.7rem;
          font-size: 2.3rem;
          line-height: 1.2;
          padding-top: 0.8333vw;
        }
        .form_bodytext p {
          font-size: 1.6rem;
          line-height: 1.2;
          padding: 0rem 7.8rem;
        }
        .small-text p {
          font-size: 1.4rem;
          line-height: 1.2;
          padding: 0rem 6rem;
        }
        .red-checkbox{
          line-height: 0.66vw !important;
          height: auto;
          text-align: left;
        }
        .red{
          width: auto !important;
          height: auto !important;

        }
        input[type="checkbox"]#commercial {
          display: none;
        }

        label[for="commercial"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="commercial"]:before {
          content: '';
          display: inline-block;
          width: 3vw;
          height: 3vw;
          position: absolute;
          left: 0;
          margin: 0;
          top: 33%;
          background-color: #fff;
          border: 1px solid #51555D;
          border-radius: 2px;

        }

        input[type="checkbox"]#commercial:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          border-radius: 2px;
          color: #fff;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }


        input[type="checkbox"]#sms {
          display: none;
        }

        label[for="sms"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="sms"]:before {
          content: '';
          display: inline-block;
          width: 3vw;
          height: 3vw;
          margin-right: 10px;
          position: absolute;
          left: 0;
          border-radius: 2px;
          background-color: #fff;
          border: 1px solid #51555D;
          bottom: 0px;
        }

        input[type="checkbox"]#sms:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          color: #fff;
          border-radius: 2px;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }
      }

      @media (max-width:30em)/* 30em = 480 px */ {
        input[type="date"] { /* Safari */
          display: flex;
          align-items: center;
          padding: 0.4rem 1rem 0.4rem 1.8rem !important;
          min-width: 96%;
        }
        .main-form {
          padding: 0 4rem;
        }
        .form_headline p {
          margin-bottom: 1.7rem;
          font-size: 2.4rem;
          line-height: 1.2;
          padding: 0 4rem;
        }
        .form_bodytext p {
          font-size: 1.5rem;
          line-height: 1.2;
          padding: 0rem 4.5rem;
        }
        .small-text p {
          font-size: 1.2rem;
          line-height: 1.2;
          padding: 0rem 3.1rem;
          margin-bottom: 2rem;
        }
        .form-background-color input, .form-background-color select {
          font-size: 1.3rem;
          border: 1px solid #51555D;
          border-radius: 5px;
          font-weight: 500;
          text-align-last:left !important; 
          text-align: left !important;
          height: 3.3rem;
          padding: 0.4rem 1rem 0.4rem 2rem;
          float: left;
        }
        .form-background-color button {
          font-size: 1.8rem;
          border-radius: 2vw;
        }
        .DOB_text {

          color: #000000;
          font-size: 1.3rem;
          line-height: 1.1;
          padding: 0.49rem 1rem 0.49rem 1rem;
          text-align: left;
          display:none;
        }
        .date-placeholder {
          background: white;
          position: absolute;
          top: 1px;
          left: 2rem;
          font-size: 1.3rem;
          line-height: 3rem;
          color: #000000;
          display: block;
        }
        .red-checkbox{
          line-height: 0.66vw !important;
          height: auto;
          text-align: left;
        }
        .red{
          width: auto !important;
          height: auto !important;

        }
        input[type="checkbox"]#commercial {
          display: none;
        }

        label[for="commercial"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="commercial"]:before {
          content: '';
          display: inline-block;
          width: 4vw;
          height: 4vw;
          position: absolute;
          left: 0;
          margin: 0;
          top: 33%;
          background-color: #fff;
          border: 1px solid #51555D;
          border-radius: 2px;

        }

        input[type="checkbox"]#commercial:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          border-radius: 2px;
          color: #fff;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }


        input[type="checkbox"]#sms {
          display: none;
        }

        label[for="sms"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 3em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="sms"]:before {
          content: '';
          display: inline-block;
          width: 4vw;
          height: 4vw;
          margin-right: 10px;
          position: absolute;
          left: 0;
          border-radius: 2px;
          background-color: #fff;
          border: 1px solid #51555D;
          bottom: 0px;
        }

        input[type="checkbox"]#sms:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          color: #fff;
          border-radius: 2px;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }
      }

      @media (max-width:23em)/* 23em = 368 px */ {
        input[type="date"] { /* Safari */
          display: flex;
          align-items: center;
          padding: 0.4rem 1rem 0.4rem 1.8rem !important;
          min-width: 96%;
        }
        .content-section {
          width: 100% !important;
          background-color: #ffffff;
        }
        .form_headline p {
          margin-bottom: 1.4rem;
          font-size: 2.1rem;
          line-height: 1.2;
          padding-top: 0.8333vw;
        }
        .form_bodytext p {
          font-size: 1.3rem;
          line-height: 1.2;
          padding: 0rem 2.5rem;
        }
        .small-text p {
          font-size: 1.1rem;
          line-height: 1.2;
          padding: 0rem 2rem;
        }
        .form-background-color input, .form-background-color select {
          font-size: 1.2rem;
          border: 1px solid #51555D;
          border-radius: 5px;
          text-align-last:left !important; 
          text-align: left !important;
          height: 3.3rem;
          font-weight: 500;
          padding: 0.4rem 1rem 0.4rem 2rem;
          float: left;
        }
        .form-background-color button {
          font-size: 1.5rem;
          border-radius: 2vw;
        }
        .DOB_text {

          color: #000000;
          font-size: 1.2rem;
          line-height: 1.1;
          padding: 0.49rem 1rem 0.49rem 1rem;
          text-align: left;
          display:none;
        }
        .date-placeholder {
          background: white;
          position: absolute;
          top: 1px;
          left: 2rem;
          font-size: 1.2rem;
          line-height: 3rem;
          color: #000000;
          display: block;
        }
        .red-checkbox{
          line-height: 0.66vw !important;
          height: auto;
          text-align: left;
        }
        .red{
          width: auto !important;
          height: auto !important;

        }
        input[type="checkbox"]#commercial {
          display: none;
        }

        label[for="commercial"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 2.5em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="commercial"]:before {
          content: '';
          display: inline-block;
          width: 4vw;
          height: 4vw;
          position: absolute;
          left: 0;
          margin: 0;
          top: 33%;
          background-color: #fff;
          border: 1px solid #51555D;
          border-radius: 2px;

        }

        input[type="checkbox"]#commercial:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          border-radius: 2px;
          color: #fff;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }


        input[type="checkbox"]#sms {
          display: none;
        }

        label[for="sms"] {
          cursor: pointer;
          display: inline-block;
          padding-left: 2.5em;
          position: relative;
          line-height: 3.5vw;
        }

        label[for="sms"]:before {
          content: '';
          display: inline-block;
          width: 4vw;
          height: 4vw;
          margin-right: 10px;
          position: absolute;
          left: 0;
          border-radius: 2px;
          background-color: #fff;
          border: 1px solid #51555D;
          bottom: 0px;
        }

        input[type="checkbox"]#sms:checked + label:before {
          content: '✔';
          position: absolute;
          font-size: 5vw;
          color: #fff;
          border-radius: 2px;
          background-color: #ff001b;
          border: 1px solid #ff001b;
        }
      }