@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");

@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Bungee&family=Faustina:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Josefin+Sans&family=Limelight&family=Lobster&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Maven+Pro:wght@400;500;600;700;800;900&family=Montserrat+Subrayada:wght@400;700&family=Pattaya&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");



* {

  box-sizing: border-box;

  outline: 0;

  box-shadow: 0;

}

html {

  font-size: 10px;

}

body {

  color: #000;

  font-family: "Roboto";

  font-weight: 300;

  font-size: 14px;

  overflow-x: hidden;

}

p {

  font-size: 14px;

  line-height: 18px;

  color: #444444;

  font-weight: 400;

}

ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}

a {

  text-decoration: none;

}

img {

  max-width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 600;

}

h1 {

  font-size: 4rem;

  line-height: 4.8rem;

}

h2 {

  font-size: 2.4rem;

  line-height: 2.9rem;

}

h3 {

  font-size: 2.4rem;

  line-height: 2.88rem;

}

input {

  border: 0;

  outline: 0;

}

strong {

  font-weight: 600;

}



:root {

  --bg-color: white;

  --text-color: black;

  --text-blue: #7bcdfd;

  --text-red: #ffb6e3;

}



html {

  overflow: scroll;

  overflow-x: hidden;

}

::-webkit-scrollbar {

  width: 0px;

  background: transparent;

}

footer {

  padding: 32px 0px;

  text-align: center;

}



.copyright {

  color: #212121;

  text-align: center;

  font-family: Roboto;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

.bg-img {

  background-color: rgb(255, 255, 255);

  min-width: 100%;

  background-position: center;

}

.container-head {

  padding: 27px 0px 20px;

  text-align: center;

}

.container-legal {

  min-height: 80%;

}

.ccpa a {

  line-height: 18px;

  padding: 5px;

  cursor: pointer;

  text-decoration: underline;

  color: rgb(65, 65, 65);

  font-size: 1em;

}

.head-title img {

  margin-right: 10px;

  display: inline;

}

.head-title #site-name {

  text-align: left;

  font-family: "Lobster";

  font-size: 30px;

  font-style: italic;

  font-weight: bold;

  color: var(--text-blue);

  max-width: 100%;

}

.head-title .col-lg-6 {

  text-align: left;

  padding-left: 5%;

}



.main-content {

  /* min-height: 79vh; */

}

.privacy a {

  cursor: pointer;

  text-decoration: underline;

  color: rgb(65, 65, 65);

}

.steps-style {

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  margin-top: 2rem;

  padding: 5px;

}

.steps-img {

  background-color: #fff;

  margin-left: auto;

  margin-right: auto;

  border-radius: 10rem;

  border: 0.2rem solid var(--text-blue);

  width: 470px;

  padding: 3px;

  padding-top: 5px;

  box-shadow: rgb(40 150 210 / 50%) 0px 0px 10px 0px;

  /* box-shadow: rgb(40 150 210 / 50%) 1px -2px 5px 0.5px; */

}

.steps-img img {

  text-align: center;

}

.theme-btn {

  background-color: var(--text-blue) !important;

  color: white !important;

  font-family: Arial !important;

}

.theme-btn:hover {

  background-color: var(--text-red) !important;

  color: white !important;

}

.wrap-margin {

  margin: auto;

  width: 80%;

  text-align: center;

}



#dydisclaimertext {

  margin-bottom: 15px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 19px;

  text-align: center;



  color: #ffffff;

}

#footer-container {

  padding: 5px 20px 5px 20px;

  font-family: "Poppins", sans-serif;

  text-align: center;

}

#footer-term p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 19px;

  text-align: center;



  color: #ffffff;

}

#footer-term a,

#footer-term span {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-size: 16px;

  line-height: 19px;

  text-align: center;

  text-decoration: none;



  color: #ffffff;

}

#footer-term span {

  padding: 0px 30px;

}

#m-requirements {

  margin-bottom: 20px;

}

#m-requirements a {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 20px;

  line-height: 23px;

  text-align: center;



  color: #ffffff;



  text-decoration: none;

}

#m-requirements span {

  padding: 0 70px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 20px;

  line-height: 23px;

  text-align: center;



  color: #ffffff;

}

#title {

  width: 80%;

  padding-top: 0;

}

#title h1 {

  padding-top: 0;

  line-height: 1;

}

#title b {

  font-family: "Bungee", san-serif;

  font-size: 25px;

}

#title h3 {

  font-family: "Lora", serif;

  font-weight: 700;

  font-size: 26px;

  margin-bottom: 2%;

}



.address-box {

  position: relative;

}

.output {

  position: absolute;

  border-top: none;

  background-color: #fff;

  z-index: 99;

  top: 100%;

  left: 7.5px;

  right: 7.5px;



  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,

    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

}

.output .item {

  padding: 7px 7px 7px 5px;

  cursor: pointer;

  border: 1px solid #8080807a;

  font-size: 12px;

  font-weight: 500;

  color: #000;

  font-family: "Roboto";

}



.output .item img {

  max-width: 12px;

  margin-right: 3px;

}



/*-------------------------------------------------------------------------------------------SIGN-UP-------------------------------------------------------------------------------------------------*/

#red-call {

  color: #0029D3;

  text-align: center;

  font-family: roboto;

  font-size: 55px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;



  margin-bottom: 13px;

}

noscript {

  text-align: center;

}

noscript h4 {

  padding-top: 20px;

}

body {

  padding: 0;

  margin: 0;

  background-image: url("../images/bg.png");

}



body#body-thank {

  background: url("../images/bg-thank.png") no-repeat top;

  background-size: cover;

}



body#body-thank footer p,

body#body-thank footer div,

body#body-thank footer span,

body#body-thank footer a {

  color: #000 !important;

}

html,

h1,

h2,

h3,

h4,

h5,

h6,

a {

  font-family: "roboto";

}



#container-2 {

  position: relative;



  margin-top: 44px;

}

#container-2 .for-email {

  width: 100%;

}

.section2 {

  padding: 35px 66px 39px !important;

  background-color: #fff;

}

#container-2::before {

  content: "";

  position: absolute;

  bottom: -3px;

  left: 7.5px;

  right: 7.5px;



  width: calc(100% - 15px);

  height: 214px;



  background: #7bcdfd;

  border-radius: 0 0 5px 5px;

}

.row-section2 {

  display: flex;

  justify-content: center;

  gap: 54px;

}

.offersquare {

  width: 33.33%;

}

.offertitle {

  margin-bottom: 39px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 600;

  font-size: 30px;

  line-height: 35px;

  text-align: center;



  color: #101010;

}



.logo {

  transition: transform 0.5s ease;

  transform-origin: center bottom;

}



.logo:hover {

  animation: shake 0.4s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: rotate(0deg) translateY(0); }

  10% { transform: rotate(-5deg) translateY(-2px); }

  20% { transform: rotate(3deg) translateY(-4px); }

  30% { transform: rotate(-2deg) translateY(-6px); }

  40% { transform: rotate(2deg) translateY(-4px); }

  50% { transform: rotate(-1deg) translateY(-2px); }

  60% { transform: rotate(1deg) translateY(0); }

  70% { transform: rotate(0deg) translateY(0); }

  100% { transform: rotate(0deg) translateY(0); }

}









.ss2-item {

  padding: 25px 0px 19px;

  background: #ffffff;

  border: 3px solid #7bcdfd;

  border-radius: 5px;

}

.overlay {

  min-height: 100%;

  min-width: 100%;

  left: 0;

  top: 0;

}

.signup #state-col {

  margin-left: auto;

  margin-right: auto;

}

.signup #state-col label,

.signup #state-col select {

  padding: 0;

}



.offername {

  color: #38b6ff;

  font-size: 90px;

  font-family: "Lobster" !important;

}

.offerintro {

  color: #ff5757;

  font-family: "Faustina", serif;

  font-size: 38px;

}

.square {

  margin: auto;

  width: 60%;

}

.square h3 {

  color: #38b6ff;

  font-size: 30px;

  font-family: "Maven Pro", sans-serif;

}

.row input .btn-block {

  max-width: 15%;

}

.description button {

  border: none;

  background: #a2ddff;

  color: black;

  font-size: 2.5rem;

  height: auto;

  border-radius: 0.5rem;

}

.description button:hover {

  background-color: pink;

}

#term {

  color: black;

  font-size: 15px;

}

.contact-form {

  margin: 6em 0;

  position: relative;

}



.contact-form h1 {

  padding: 2em 1px;

  color: #f97300;

}

.contact-form .right {

  max-width: 600px;

}

.contact-form .right .btn-secondary {

  border: 0;

}

#form label {

  display: inline-block;

  font-size: 15px;

  font-weight: 500 !important;

  margin-top: 8px;

  margin-bottom: 4px;

}

#form label span {

  color: red;

  font-size: 12px;

  font-weight: 400;

}

.seperator {

  height: 200px;

  background-color: white;

}

.section2 .description {

  min-height: 600px;

  display: block !important;

  margin-bottom: 0;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  top: 5%;

  padding: 0;

  text-align: center;

  background: none;

  border-radius: 0;

  box-shadow: none;

}

.offersquare .content .fas {

  font-size: 4.5rem;

  margin-top: 5%;

  margin-bottom: 10%;

  color: #38b6ff;

  cursor: pointer;

}

.description .upperpart {

  position: relative;

}

.description .upperwrap {

  min-height: 200px;

}



.offer-step {

  position: relative;

  margin-bottom: 28px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 600;

  font-size: 20px;

  line-height: 23px;

  text-align: center;



  color: #000000;

}

.offer-step::after {

  content: "";

  position: absolute;

  bottom: -12px;

  left: 50%;

  transform: translateX(-50%);

  width: 100px;

  height: 4px;

  background: #7bcdfd;

}

.offer-step-desc {

  margin-bottom: 15px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-size: 18px;

  line-height: 21px;

  text-align: center;



  color: #000000;

}

.you-missed {

  margin-bottom: 22px;



  font-family: "Roboto";

  font-style: normal;

  font-weight: 600;

  font-size: 30px;

  line-height: 35px;

  text-align: center;



  color: #7bcdfd;

}

.lowerpart p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-size: 18px;

  line-height: 21px;

  text-align: center;



  color: #ffffff;

}

#section2-space {

  height: 250px;

}

.list-brands {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

  padding: 29px 33px;



  border-radius: 22px;

  background: #E194B5;

  box-shadow: rgba(244, 246, 248, 0.664) 2px -3px 0px 0px;

}

.brand img {

  transition: all 0.5s ease;

}

.brand img:hover {

  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;        transform: translateY(-3px);

}

.logo img {

  margin-bottom: 16px;

}



.lowerpart .img-box img {

  margin-bottom: 15px;

}

.lowerpart .container {

  padding-top: 58px;

}

.signup .section3 .description {

  background-color: transparent;

  border-radius: 0;

  margin-top: 0px;

}

.container {

  border-radius: 4px;

}

#left-text-1 {

  font-size: 19px;

  font-family: "Montserrat Subrayada", sans-serif;

  max-width: 100%;

}

#dollars {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 800;

  font-size: 80px;

  line-height: 94px;

  text-align: center;



  color: #ff5757;



  margin-bottom: 26px;

}

#ready {

  font-size: 22px;

  font-family: "Montserrat Subrayada", sans-serif;

}

.offer-info p {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-size: 20px;

  line-height: 23px;

  text-align: center;



  color: #000000;

}

.offer-info span {

  color: #000000;

  font-weight: 600;

}

.section3-left {

  border: none;

  text-align: center;

  padding: 0;



  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.section3-left .frebies {

  margin-bottom: 18px;

}

.section3-right {

  padding: 0 0 0 27px;

}

.section3-right form {

  max-width: 545px;

  padding: 30px;

  border-radius: 18px;

  float: right;



  background: #FFF;

}

.section3-right > div > h4 {

  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-size: 25px;

  line-height: 29px;

  text-align: center;

  text-transform: uppercase;



  color: #ff5757;



  margin-bottom: 27px;

}

#gender-label {

  text-align: left;

  width: 100%;

}

#gender {

  text-align: left;

  position: relative;

  left: 0;

}

#gender-row {

  padding-left: 0px;

  padding-right: 0px;

}

#gender-row .btn-primary {

  color: black;

  background-color: white;

  border-color: #dcdcdc;

}

#gender-row input[type="radio"]:checked + #gender-male-label {

  color: white;

  background-color: var(--text-blue);

}

#gender-row input[type="radio"]:checked + #gender-female-label {

  background-color: pink;

}

#form input,

select {

  border: 1px solid gray;

  /* border:none; */

  border-radius: 3px;

  background: none;

  padding: 1px 2px;

  line-height: 1.5;

  font-size: 1rem;

  height: 28px;

}

/* #form input:focus-visible,#form select:focus-visible,#form input:focus,#form select:focus{

    outline: 1px;

} */

form input::-webkit-outer-spin-button,

form input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  -moz-appearance: none;

  margin: 0;

}

form input[type="number"] {

  -moz-appearance: textfield;

  -webkit-appearance: textfield;

}



#email-row {

  padding: 0;

}

#email {

  width: 100%;

  padding-left: 5px;

}

#form-name .col input {

  width: 100%;

}

#form-birthday .col select {

  width: 100%;

}

#day-col {

  padding-left: 0px;

  padding-right: 0px;

}

#lastname-col {

  padding-left: 0;

}

#street-address-row {

  padding-left: 0px;

  padding-right: 0px;

}

#state {

  width: 100%;

}

#form-zip {

  padding-left: 0px;

}

#form-zip input {

  width: 100%;

}

#form-mobile-phone input {

  width: 100%;

}

#agreement {

  color: #000;

  text-align: justify;

  font-family: Roboto;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;



  margin-bottom: 15px;

}

#agreement a,#agreement span {

  color: #00e3ff;

  text-decoration: underline;cursor: pointer;

}

.checkbox-ip {

  margin-top: 15px;

}

label #section3-checkbox {

  margin-left: 4px;

  margin-right: 4px;

  height: auto;

}

.btn-div {

  text-align: center;

}

#btnsubmit {

  display: inline-block;

  border-radius: 53px;

  background: #0028D2;

  box-shadow: 0px 3px 0px 0px rgba(10, 240, 255, 0.25) inset, 0px -3px 0px 0px rgba(0, 0, 0, 0.25) inset;

  padding: 10px 67px;

  border: none;



  color: #FFF;

  text-align: center;

  font-family: Roboto;

  font-size: 25px;

  font-style: normal;

  font-weight: 900;

  line-height: normal;

  text-transform: uppercase;



  transition: all 0.5s ease;

}

#btnsubmit:hover {

  background-color: yellowgreen;

}

#section3-submit-button-div {

  text-align: center;

}

.alert {

  padding: 10px;

  background-color: var(--text-blue);

  display: none;

  opacity: 1;

  transition: opacity 0.6s;

  width: 50%;

  margin: auto;

  color: white;

}

#alert {

  display: none;

  background: antiquewhite;

  position: fixed;

  top: 0;

  /*right:5px;*/

  width: 100%;

  height: 100%;

  z-index: 3;

}

#alert-content {

  position: relative;

  width: 100%;

  text-align: center;

  top: 35%;

}

.closebtn {

  margin-left: 15px;

  color: Black;

  font-weight: bold;

  float: right;

  font-size: 52px;

  line-height: 20px;

  cursor: pointer;

  transition: 0.3s;

}



.closebtn:hover {

  color: red;

}

.loader {

  display: none;

  border: 8px solid #f3f3f3;

  border-radius: 50%;

  border-top: 8px solid #a2ddff;

  width: 40px;

  height: 40px;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 1s linear infinite;

}



/* Safari */

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}



@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



/*-------------------------------------------------------------------------------------WELCOME--------------------------------------------------------------------------------------------*/

.welcome .carousel-item.row.active {

  display: flex;

  margin-left: 0;

}

.welcome .carousel-item.row.active .col-12.col-sm-4 {

  margin-bottom: 10px;

}

.welcome .carousel-item.row.active .col-12.col-sm-4:last-child {

  margin-bottom: 0;

}

.welcome .margin-10px {

  margin-top: 10px;

  margin-bottom: 10px;

}

.welcome .padding-10px {

  padding-top: 10px;

  padding-bottom: 10px;

}

.welcome #last-carousel-item img {

  max-width: 300px !important;

}

.welcome #container {

  box-shadow: 5px -3px 13px -4px rgb(129 153 156);

}

.welcome #skip {

  position: absolute;

  right: 20px;

  bottom: 10px;

  color: gray;

  font-style: italic;

  font-size: 16px;

  cursor: pointer;

  text-decoration: none;

}



.welcome #survey-logo {

  width: 30%;

  max-width: 400px;

  background-color: white;

  background-size: cover;



  border-radius: 100px;

  box-shadow: 5px -3px 13px -4px rgb(129 153 156);

  min-width: 300px;

}

.welcome #survey-logo img {

  max-height: 100px;

  max-width: 100%;

}

.welcome #container {

  padding-top: 20px;

  background-color: white;

  max-width: 991px;

  min-height: 70vh;

  padding-bottom: 30px;

  margin-top: 3%;

  margin-bottom: 3%;

}

.welcome #welcome {

  font-family: "Spartan", sans-serif;

  font-weight: 800;

  font-size: 2rem;

  color: #ff5757;

  padding-top: 5px;

}

.welcome #welcome p {

  margin-bottom: 0.5rem;

}

.welcome #welcome + h4 {

  font-size: 20px;

  /*font-family: 'glacial';*/

  font-family: inherit;

  max-width: 90%;

}

.welcome .slidecontainer {

  width: 50%;

  min-width: 425px;

  border-radius: 50px;

  background-color: #ddd;

  height: 50px;

}



.welcome #slider {

  height: 50px;

  line-height: 50px !important;

  max-width: 100%;

  width: 20%;

  background-color: #62deff;

  text-align: center; /* To center it horizontally (if you want) */

  line-height: 30px; /* To center it vertically */

  color: white;

  border-radius: 50px;

}



.welcome .slider:hover {

  opacity: 1;

}

.welcome #myCarousel {

  /* max-width: 80%; */

  min-width: 425px;

}

.welcome #myCarousel img {

  max-width: 300px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  cursor: pointer;

}

.welcome #myCarousel h3 {

  font-size: 21px;

  font-family: inherit;

  font-weight: bold;

}

.welcome #myCarousel h2 {

  font-size: 14px;

  font-family: "Spartan", sans-serif;

}

.welcome #btncontinue {

  margin: 10px;

  background-color: var(--text-red);

  padding: 6px 10px;

  border-radius: 50px;

  font-size: 1.2rem;

  font-family: "Spartan", sans-serif;

  color: white;

}

.welcome #btncontinue:hover {

  background-color: #62deff;

}



/*------------------------------------------------------------------------------------BENEFIT--------------------------------------------------------------------------*/

.benefit img {

  display: block;

  max-width: 100%;

  cursor: pointer;

}

.benefit #imagecaptune {

  margin: auto;

  max-height: 100px;

}

.benefit .contentoffer {

  width: 100%;

  max-width: 991px;

  background-color: white;

  margin: auto;

  margin-top: 3%;

  margin-bottom: 3%;

  padding-bottom: 25px;

  box-shadow: 0 0 10px 5px lightgrey;

}

.benefit .contentoffer-tilte {

  font-family: "Spartan", sans-serif;

  color: #ff5757;

  font-size: 2rem;

  font-weight: bold;

  padding-top: 20px;

  text-align: center;

}

.benefit .contentoffer-content {

  width: 80%;

  margin-left: auto;

  margin-right: auto;

  font-family: inherit;

  color: black;

  font-weight: 500;

  font-size: 20px;

  padding-top: 10px;

  text-align: center;

}

.benefit .lowerpart {

  padding-bottom: 2rem;

}

.benefit .lowerpart .container {

  margin-left: auto;

  margin-right: auto;

  margin-top: 2rem;

  text-align: center;

}

.benefit .banner {

  margin: 0 auto;

  margin-bottom: 1rem;

  object-fit: cover;

}

.benefit .content {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

  max-width: 280px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 1rem;

  font-weight: 500;

}

.benefit .content a {

  text-decoration: underline;

  color: inherit;

}



.benefit .buton {

  width: fit-content;

  height: auto;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 3%;

  text-align: center;

  border-radius: 75px;

  cursor: pointer;

  background-color: white;

}

.benefit .buton:hover {

  background-color: white;

}

.benefit .buton a {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

  color: gray;

}

.wrap-background {

  min-height: 79vh;

  padding-bottom: 1px;

}

/*--------------------------------------------------------------------------------SURVEYPROGRAM--------------------------------------------------------------------------------*/

.img-box img {

}

.white-part {

  width: 991px;

  min-width: 450px;

  box-shadow: 5px -3px 13px -4px rgb(129 153 156);

  font-family: "Josefin Sans", sans-serif;

  background-color: white;

}

.white-part a {

  text-decoration: none;

  color: gray;

  font-size: 20px;

}

.white-part a:hover {

  color: black;

}

#banner:hover {

  transform: translateY(-2px);

}

#btn-next {

  cursor: pointer;

  color: white;

  border-radius: 40px;

  font-weight: 900;

  font-size: 20px;

  width: fit-content;

  margin: auto;

  padding: 8px 60px;

}

#continue-banner {

  width: 100%;

  margin-top: 6%;

  margin-bottom: 3%;

}



#heading-1 {

  color: #ff5757;

  font-size: 32px;

  padding: 0;

  font-weight: 900;

  text-align: center;

}

#heading-2 {

  padding: 0;

  font-family: "Paytone One", sans-serif;

  font-weight: 900;

}

#heading-3 {

  padding: 3% 0;

}

#margin {

  padding: 3% 0;

  width: 70%;

}

#continue-banner h3,

#continue-banner h4 {

  text-align: left;

}

#overlay {

  background-image: url("../images/bg.png");

}

#wrap {

  min-height: 80%;

  padding: 3% 0;

}

.surveyprogram #skip-div {

  text-align: right;

  position: relative;

}



.surveyprogram #skip {

  margin: 0 auto;

  color: grey;

  position: absolute;

  bottom: 10px;

}

/*--------------------------------------------------------------------------------THANKYOU---------------------------------------------------------------------------------------*/

.banner {

  max-width: 90%;

  cursor: pointer;

}

.banner:hover {

  transform: translateY(-2px);

}

.banner-table {

  width: 60%;

}

.thankyou .banner-box {

  max-width: 350px;

}

.thankyou .banner-table .btn-claim {

  margin-top: 10px;

  margin-bottom: 2rem;

  font-size: 1.2rem;

  max-width: 100%;

  width: 200px;

  border-radius: 4rem;

  background-color: var(--text-red);

  color: black;

}

.banner-table .btn-claim:hover {

  background-color: #a2ddff;

}

.center {

  margin-left: auto !important;

  margin-right: auto !important;

  text-align: center;

  float: none;

}

.wrap {

  background-color: white;

  max-width: 991px;

  margin: auto;

  margin-top: 3%;

  padding-top: 1px;

  margin-bottom: 3%;

  padding-bottom: 1px;

  box-shadow: 5px -3px 13px -4px rgb(129 153 156);

}

#title h3 {

  font-family: "Lora", serif;

  font-weight: 700;

  font-size: 24px;

}

.thankyou #next {

  text-decoration: none;

  color: gray;

  border-radius: 4rem;

  font-size: 20px;

  text-align: center;

  width: 200px;

  margin: auto;

  margin-bottom: 20px;

}

.thankyou #next-div {

  width: 50%;

}



/*--------------------------------------------------------------------------------THANKYOU-2-----------------------------------------------------------------------------*/

.btn-claim {

  margin-top: 1rem;

  margin-bottom: 3rem;

  font-size: 2rem;

  width: 270px;

  border-radius: 4rem;

}

.banner:hover {

  transform: translateY(-2px);

}

.main-content {

  background-color: #fff;

}

#banner-table {

  width: 80%;

}

#banner-table .row {

  margin-bottom: 10px;

}

#banner-table img {

  width: 100%;

  max-width: 250px;

  cursor: pointer;

}

#next {

  text-decoration: none;

  color: gray;

  border-radius: 20px;

  font-size: 20px;

  width: 200px;

}

.thankyou2 #next-div {

  margin-top: 20px;

  padding: 1px;

}



/*--------------------------------------------------------------------------------WALLofOFFERS THANKYOU-3----------------------------------------------------------------------------*/

.btn-claim {

  margin-top: 1rem;

  margin-bottom: 3rem;

  font-size: 2rem;

  width: 270px;

  border-radius: 4rem;

}

.list-banner {

  max-height: 180px;

}

.banner:hover {

  transform: translateY(-2px);

}

#banner-table {

  max-width: 960px;

}

.thankyou3 #banner-table .row.center {

  margin: 2rem 0;

}

#banner-table h6 {

  font-family: "Bungee", san-serif;

  font-size: 25px;

  color: #6cc9ff;

  margin-top: 30px;

}

#banner-table img {

  max-width: 250px;

  width: 100%;

  margin: 0.5rem 0;

  cursor: pointer;

}

#banner-table img:active {

  transform: translateY(2px);

}

#blue {

  color: #6cc9ff;

}

#red {

  color: #ff5757;

}

#title h3 {

  font-family: "Lora", serif;

  font-weight: 700;

  font-size: 24px;

}

.thankyou3 #wrap {

  max-width: 991px;

  margin: auto;

  margin-top: 3%;

  padding-top: 1px;

  margin-bottom: 3%;

  padding-bottom: 1%;

  background-color: white;

  box-shadow: 5px -3px 13px -4px rgb(129 153 156);

}

.thankyou3 #skip {

  text-decoration: none;

  color: gray;

  cursor: pointer;

  font-weight: 700;

}

.mb {

  display: none;

}



/*------------------------------------------------------------------------------SURVEY--------------------------------------------------------------*/

.survey #container {

  background-color: white;

  max-width: 991px;

  min-height: 70vh;

  padding-bottom: 30px;

  margin-top: 3%;

  margin-bottom: 3%;

}

.survey #survey-header {

  padding-top: 20px;

  min-height: 110px;

  height: auto;

  background-color: #59b1e4;

  /* word-spacing: 5px; */

}

.survey #survey-header h1 {

  color: white;

  font-weight: 900;

  /* letter-spacing: 4px; */

  /* word-spacing: 10px; */

}

.survey #survey-header h5 {

  font-weight: bold;

}

.survey .btn-answer {

  font-size: 22px;

  font-weight: 600;

  line-height: 1;

  padding: 1rem 0;

  width: 100%;

  max-width: 350px;

  color: white;

  background-color: #59b1e4;

  border: none;

  border-radius: 3px;

}

.survey .btn-answer:hover {

  background-color: #0c9cef;

  transform: scale(1.01);

}

.survey .btn-answer:active {

  border: none;

  box-shadow: none;

  transform: translateY(1px);

}

.survey .btn-answer:focus {

  border: none;

  box-shadow: none;

  outline: none;

}

.survey #survey-question {

  font-size: 24px;

  font-weight: 700;

  color: black;

  line-height: 2;

  min-height: 70px;

  margin: 16px auto;

}

.survey #survey-answer {

  max-width: 600px;

}

.survey #survey-answer .col-6,

.survey #survey-answer .col-12 {

  margin: 8px auto;

}

#survey-question-answer {

  max-width: 96%;

}

#survey-question #question {

  color: #ff5757;

  font-family: "Asap", sans-serif;

}

/*------------------------------------------------------------------------------LEGAL--------------------------------------------------------------------------------*/

.para #lifegadgetsonline {

  color: #000000;

  text-decoration: none;

  font-size: 22px;

}

div .form-group .form-control {

  border: solid 1px gray;

  font-size: 16px;

  color: black;

}

div .form-group .form-control::placeholder {

  color: gray;

  text-align: left;

}

#ccpa-form .big-title {

  color: var(--text-blue);

  margin: 3%;

}

#ccpa-form .form-group {

  text-align: left;

  margin: 16px auto;

}



/* ---------------------------------------mortgage-------------------------------------- */

.pre-footer {

  width: 100%;

  background-color: var(--bg-color);

  display: flex;

}

.pre-footer .tech-token {

  margin: auto;

  width: fit-content;

  vertical-align: middle;

}

.button-skip {

  text-align: center;

}

.button-skip a {

  padding: 10px 40px;

  background: green;



  transition: all 0.5s ease;



  font-size: 18px;

  font-weight: normal;

  font-style: normal;

  color: #fff !important;

}



.form-check-gender .box-gender-label {

  display: flex;

}



.form-check-gender input {

  width: 0;

  height: 0;

  position: absolute;

  z-index: -999;

}

.form-check-gender .label-gender {

  display: flex;

  width: 50%;

  height: 36px;

  justify-content: center;

  align-items: center;

  border-radius: 0.25rem;



  text-align: center;

  font-family: Roboto;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: capitalize;

  color: #ACACAC;



  border-bottom: 1px solid #ACACAC;

}

.form-check-gender label.active {

  transition: all 0.3s ease;

  background-color: transparent;



  color: #E194B5;

  border-bottom: 1px solid #E194B5;

}

label.error{

  color: red;

  font-size: 12px;



  margin: 5px;

}

.name-field {

  display: inline-block;

  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-size: 18px;

  line-height: 21px;



  color: #000000;



  margin-bottom: 7px;

}

#form2 .row {

  margin-bottom: 22px;

}

#form2 input:not(#section3-checkbox),

#form2 select {

  border-radius: 9px;

  border: 1px solid #E194B5;

  background: none;

  padding: 5px 15px;

  height: 43px;

}

#form2 input:not(#dob) {
  color: #000 !important;
}

#form2 input[type="text"],
#form2 input[type="email"],
#form2 input::placeholder,

#form2 select {

  color: #ACACAC;

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

#dob {
  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}

input:-internal-autofill-selected {

  background: red !important;

}

#agreement input {

  margin: 0 5px -5px 0;

}


#server_error {

  color: red;

  margin-bottom: 10px;

}

.bg-popup {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: #00000094;



  z-index: 999;



  display: flex;

  justify-content: center;

  align-items: center;

}



.content-popup {

  position: relative;



  width: 100%;

  max-width: 296px;

  background: #ffffff;

  border: 2px solid #4fa2ff;

  border-radius: 5px;

  text-align: center;

  padding: 0;

}

.list-partners {

  padding: 10px 0;

}

.content-popup h3 {

  background: #0d6efd;

  border: 2px solid #4fa2ff;

  margin: 0;

  padding: 10px;



  font-style: normal;

  font-weight: 700;

  font-size: 28px;

  line-height: 30px;

  text-align: center;



  color: #ffffff;

}

.content-popup p {

  padding: 0px 22px;

  margin: 0;



  font-style: normal;

  font-weight: 500;

  font-size: 20px;

  line-height: 150%;



  text-align: center;



  color: #000000;

}

.content-popup .close {

  position: absolute;

  bottom: -40px;

  left: 50%;

  transform: translateX(-50%);

  cursor: pointer;

}

body.legai {

  background: #FFDBE9 !important;

}

body.bg-1 {

  background: url(../images/bg-1.png) top;

  background-size: 100%;

}

body.legai-2 {

  background: url(../images/bg-2.png) top;

  background-size: 100%;

}





#container-1 {

  min-height: calc(100vh - 81px);



  display: flex;

  align-items: center;

  justify-content: center;

}



@media only screen and (min-width: 1200px) {

  .description .upperwrap {

    position: relative;

    min-height: 200px;

  }

  .lowerpart .col-sm {

    padding-left: 25px;

    padding-right: 25px;

  }

  .overlay .container {

    width: 100%;

    max-width: 1215px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .offersquare {

    width: 300px !important;

    /* height: 300px !important; */

  }

  .lowerpart .col-sm {

    padding-left: 25px;

    padding-right: 25px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .offersquare {

    width: 239px !important;

    /* height: 239px !important; */

  }

  .offersquare .content .fas {

    font-size: 4.5rem;

    margin-top: 0;

    margin-bottom: 5%;

  }

}

@media screen and (max-width: 1200px) {

  #red-call {

    font-size: 35px;

  }

}

@media only screen and (max-width: 767px) {

  #container-1 {

    padding: 15px 20px 0;

  }

  .logo img {

    max-width: 91px;

  }

  #red-call {

    color: #0028D2;

    font-size: 24px;



    order: 3;

    margin-bottom: 12px;

  }

  .logo img{

    margin-bottom: 4px;

  }

  .list-brands {

    gap: 10px;

    padding: 14px 14px 9px;

    max-width: 288px;

    border-radius: 10px;

    margin-bottom: 12px;

  }

  .brand{

    max-width: 56px;

  }

  .section3-right {

    padding: 0;

  }

  .offersquare {

    width: 100% !important;

    height: auto !important;

  }

  .offersquare .content .fas {

    font-size: 4.5rem;

    margin-top: 0;

    margin-bottom: 5%;

  }

  .description .upperpart .offersquare-1 {

    position: relative;

    top: 0px;

    margin: 0 auto;

  }

  .description .upperpart .offersquare-2 {

    position: relative;

    top: 10px;

    margin-right: -50%;

  }

  .description .upperpart .offersquare-3 {

    position: relative;

    top: 20px;

    margin: 0 auto;

  }

  #section2-space {

    height: 50px;

  }

  .content {

    padding-top: 2px;

  }

  #alert {

    width: 100% !important;

  }

  .banner {

    max-width: 90%;

    height: auto;

    cursor: pointer;

  }

  .btn-claim {

    width: 200px;

  }

  #title {

    width: 100%;

  }

  #title b {

    font-size: 2rem;

  }

  #title h3 {

    font-size: 1rem;

  }



  .banner {

    max-width: 90%;

    height: auto;

  }

  .btn-claim {

    width: 200px;

  }

  #banner-table {

    width: 80%;

  }



  #title {

    width: 100%;

  }

  #title b {

    font-size: 40px;

  }

  #title h3 {

    font-size: 20px;

  }

  #banner-table img {

    margin: 1rem;

  }

  #banner-1-2 {

    padding-top: 1rem;

  }

  .desk {

    display: none;

  }

  .mb {

    display: block !important;

  }

  .banner {

    width: 90%;

    height: auto;

  }

  .btn-claim {

    width: 200px;

  }

  #banner-table h6 {

    font-size: 30px;

  }

  #title {

    width: 100%;

  }

  #title b {

    font-size: 50px;

  }

  #title h3 {

    font-size: 25px;

  }

  .section3-right form {

    padding: 12px 11px 15px;

    border-radius: 10px;

  }

  .form-check-gender .label-gender {

    font-size: 16px;

    height: 25px;

  }

  #form2 input:not(#section3-checkbox), #form2 input::placeholder, #form2 input[type="date"], #form2 select{

    font-size: 16px;

  }

  #form2 .row {

    margin-bottom: 13px;

  }

  #form2 input:not(#section3-checkbox), #form2 select {

    padding: 5px 12px;

    height: 30px;

    border-radius: 6px;

  }

  label #agreement {

    font-size: 12px;

    margin-bottom: 5px;

  }

  #btnsubmit {

    padding: 10px 71px;

    font-size: 20px;

  }

  .copyright {

    font-size: 10px;

  }

  footer {

    padding: 13px;

  }



}



@media only screen and (max-width: 575px) {



  .head-title b {

    font-size: 26px;

  }

  .box-logo img {

    max-width: 157px;

  }

  .container-head {

    padding: 18px 0px 22px;

    text-align: center;

  }

  body {

    background-image: url(../images/bg-mb.png) !important;

  }

  #dollars {

    font-size: 55px;

    line-height: 64px;

    margin-bottom: 20px;

  }

  .form-check-gender .label-gender {

    font-size: 18px;

    line-height: 21px;

  }

  .name-field {

    font-size: 18px;

    line-height: 21px;

  }

 

  .frebies {

    margin-bottom: 18px;

  }

  .offer-info p {

    font-size: 16px;

    line-height: 19px;

  }

  #container-2 {

    margin-top: 28px;

    border-radius: 5px;

    overflow: hidden;

  }

  .section2 {

    padding: 23px 32px 0 !important;

  }

  .offertitle {

    font-size: 28px;

    line-height: 33px;



    margin-bottom: 21px;

  }

  .row-section2 {

    max-width: 272px;

    margin: auto;

    gap: 25px;

  }

  .lowerpart .container {

    padding-top: 0;

  }

  .item-lowerwrap {

    position: relative;

    z-index: 99;

  }

  .item-lowerwrap::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: -32px;



    width: calc(100% + 64px);

    height: 191px;

    background: #7bcdfd;

    border-radius: 5px;

  }

  .lowerpart .img-box img {

    max-width: 243px;

  }

  .lowerpart .img-box img,

  .lowerpart p {

    position: relative;

  }

  .lowerpart p {

    margin-bottom: 23px;

  }

  .you-missed {

    margin-top: 40px;

  }

  #container-2::before {

    display: none;

  }

  #dydisclaimertext {

    font-size: 16px;

    line-height: 19px;



    margin-bottom: 12px;

  }

  #m-requirements a {

    font-size: 18px;

    line-height: 21px;

  }

  #m-requirements span {

    padding: 0 30px;

  }

  #m-requirements {

    margin-bottom: 15px;

  }

  #footer-term p {

    font-size: 16px;

    line-height: 19px;

  }

  #footer-term a,

  #footer-term span {

    font-size: 14px;

    line-height: 19px;

  }



}