h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif, system-ui;
}

section {
    font-family: 'Montserrat', sans-serif, system-ui;
    padding-top: 0px;
    /* max-height: 450px; */
}
  
section > div {
    padding: 40px;
}

.banner-section {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 60px;

    #web_logo {
        width: 220px;
    }

    #banner-title {
        /* color: #000000; */
        font-weight: 700;
        /* line-height: 1.1; */
        margin: 40px 0 15px 0;
    }

    #banner-content {
        /* color: #000000; */
        font-weight: 300;
        margin: 0 0 15px 0;
    }
}
  
.reward-section {
    text-align: center;
    background-color: rgb(28, 126, 243);

    .pricing-icon {
        font-weight: 600;
        font-size: 2.5em;
    }

    .disclaimer {
        margin: 10px !important;
        font-size: 10px;
    }
}
  
.submit-section {
    .html-content > h1,
    h2,
    h3,
    h4,
    h5 {
        margin: 10px 0 10px 0;
    }
}
  
.video-section {
    .item-video {
        text-align: center;
    }

    .item-video > iframe {
        width: 90%;
        height: 315px;
        border-radius: 12px;
    }
}
  
.button-rounded {
    border-radius: 100px !important;
    border: none !important;
    padding: 0 20px;
}
  
.text-capitalize {
    text-transform: capitalize;
}
  
.form-section {
    max-height: max-content;
    padding-left: 10px !important;
    padding-right: 10px !important;

    .head {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;

        .head-text {
            display: inherit;
            align-items: inherit;
            margin-bottom: 15px;
        }

        .head-icon {
            margin-left: 10px;
        }

        .title {
            font-weight: 700;
            line-height: 1.1;
            margin: 0;
        }

        .subtitle {
            font-size: 15px !important;
            font-weight: 300;
            margin: 0;
        }
    }

    .card {
        padding: 40px;
        background-color: #ffffff;
        border-radius: 8px;

        .card-form {
            margin: 0;
            display: flex;
            flex-direction: column;

            .button-submit {
                width: 50%;
                margin: auto;
                margin-top: 20px;
            }

            .card-form_title {
                margin: 5px 0 15px;
            }

            .card-form_controls {
                .card-form_label {
                    width: 100%;
                    font-family: 'Montserrat', sans-serif, system-ui !important;
                    font-size: 12px;
                    font-weight: normal;
                    color: #000000;
                    text-transform: capitalize;
                    /* padding: 0 10px; */
                }

                .card-form_input {
                    font-family: 'Montserrat', sans-serif, system-ui !important;
                    width: 100%;
                    padding: 5px 10px;
                    margin: 6px 0;
                    border: solid 1px #aaaaaa;
                    background-color: #f3f3f3;
                    border-radius: 4px;
                    cursor: pointer;
                    min-height: 27px;
                    height: 40px;
                }
            }
        }
    }
}
  
.footer-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid;
}
  
.disclaimer-section {
    /* max-height: 250px; */
    text-align: justify;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding-right: 10px;
    padding-left: 10px;
    color: #ffffff;

    #disclaimer-content {
        text-align: center;
        font-size: 10px;
    }
}

#card-form_disclaimer {
    .disclaimer-text > p {
        margin: 0 !important;
    }
}
  
  /* Small devices such as large phones (640px and up) */
  @media only screen and (min-width: 40em) {
    .form-section {
      padding-left: 10px !important;
      padding-right: 10px !important;
  
      .head {
        flex-direction: column;
  
        .head-text {
          margin-bottom: 15px;
        }
      }
    }
  }
  
  /* Medium devices such as tablets (768px and up) */
  @media only screen and (min-width: 48em) {
    .button-rounded {
      padding: 0 50px;
    }
  
    .form-section {
      padding: 40px !important;
  
      .head {
        flex-direction: column;
  
        .head-text {
          margin-bottom: 0;
        }
      }
  
      .card .card-form .card-form_controls .card-form_label {
        width: 49%;
      }
    }
  
    .banner-section {
      .title,
      .subtitle {
        max-width: 40%;
      }
    }
  
    .disclaimer-section {
      padding: 30px 80px !important;
    }
  }
  
  /* Large devices such as laptops (1024px and up) */
  @media only screen and (min-width: 64em) {
    .form-section {
      padding: 60px 160px !important;
  
      .head {
        flex-direction: row;
      }

      .card-form_title, .card-form_label {
        padding: 0 20px;
      }

      #arrow-svg {
        margin: 5px;
      }
    }

    .reward-section {
      .accordion-title {
        display: flex;
        justify-content: center;
      }
    
      .accordion-title > p {
        width: 70%;
      }

      .disclaimer {
        padding: 0 12%;
      }
    }
  }
  
  /* Largest devices such as desktops (1280px and up) */
  /* @media only screen and (min-width: 80em) {
    .form-section {
      padding: 0px;
    }
  } */