/*----- Proxima Nova Extra Bold-----*/
/*change html body to layout*/
.small-6 {
  width: unset !important; }

/*============*/
@font-face {
  font-family: 'Proxima Nova Extrabold';
  src: url(/assets/proxima-nova-extrabold-2c37551b16fe3a49b92d7572c0b7bcd7e943a1318ae32ba9d35712359e14bdd2.woff) format("woff"), url(/assets/proxima-nova-extrabold-2c37551b16fe3a49b92d7572c0b7bcd7e943a1318ae32ba9d35712359e14bdd2.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'proxima_novasemibold';
  src: url(/assets/proxima_nova_semi_bold-webfont-ac841d18ad230eb5a1ec2e9b522cb216c70dd8ea7b7ec3da1395370ae7c184cd.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-2041571fb6f24c637b03dce17b74ede9a8388de19d88901c57b225ae2037dacc.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Proxima Nova Black';
  src: url(/assets/Proxima-Nova-Black-9aa4a7a730be9a343f066f48ea8b3a59d05d1475a21da569fbf99ff94d343155.woff) format("woff"), url(/assets/Proxima-Nova-Black-9aa4a7a730be9a343f066f48ea8b3a59d05d1475a21da569fbf99ff94d343155.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
.oval-block {
  width: 514px;
  height: 688px;
  padding: unset !important; }
  @media (max-width: 1365px) {
    .oval-block {
      width: 37.5% !important; } }
  @media (max-width: 767px) {
    .oval-block {
      width: 100% !important;
      height: max-content; } }

.oval-image {
  width: 514px;
  position: absolute; }
  @media (max-width: 767px) {
    .oval-image {
      display: none; } }

.oval-block-content {
  position: relative;
  margin: auto 67px;
  top: 77px; }
  @media (max-width: 1365px) {
    .oval-block-content {
      margin: auto 13%;
      top: 9%; } }
  @media (max-width: 767px) {
    .oval-block-content {
      margin: auto 5%;
      top: 39px; } }
  @media (max-width: 414px) {
    .oval-block-content {
      top: 38px; } }
  @media (max-width: 384px) {
    .oval-block-content {
      top: 35px; } }
  @media (max-width: 360px) {
    .oval-block-content {
      top: 33px; } }
  @media (max-width: 320px) {
    .oval-block-content {
      top: 30px; } }
  .oval-block-content .map-upper-text {
    font-family: ProximaNova;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.27;
    color: #373737;
    margin-bottom: 23px; }
    @media (max-width: 1365px) {
      .oval-block-content .map-upper-text {
        font-size: 17px;
        margin-bottom: 6%; } }
    @media (max-width: 1100px) {
      .oval-block-content .map-upper-text {
        font-size: 15px; } }
    @media (max-width: 1000px) {
      .oval-block-content .map-upper-text {
        font-size: 14px; } }
    @media (max-width: 850px) {
      .oval-block-content .map-upper-text {
        font-size: 12px; } }
    @media (max-width: 767px) {
      .oval-block-content .map-upper-text {
        margin-bottom: 31px;
        font-size: 20.1px;
        line-height: unset;
        width: max-content; } }
    @media (max-width: 414px) {
      .oval-block-content .map-upper-text {
        margin-bottom: 30px;
        font-size: 19.4px; } }
    @media (max-width: 384px) {
      .oval-block-content .map-upper-text {
        font-size: 18px;
        margin-bottom: 27px; } }
    @media (max-width: 375px) {
      .oval-block-content .map-upper-text {
        font-size: 17.6px; } }
    @media (max-width: 360px) {
      .oval-block-content .map-upper-text {
        font-size: 16.9px; } }
    @media (max-width: 320px) {
      .oval-block-content .map-upper-text {
        font-size: 15px;
        margin-bottom: 23px; } }
  .oval-block-content .map-image {
    width: 380px; }
    @media (max-width: 1365px) {
      .oval-block-content .map-image {
        width: 100%;
        height: max-content;
        float: unset !important; } }
  .oval-block-content .below-map {
    background-color: white;
    width: 380px;
    height: 107px;
    margin: auto;
    border: solid 1px rgba(0, 0, 0, 0.1); }
    @media (max-width: 1365px) {
      .oval-block-content .below-map {
        width: 100%;
        min-height: 89px;
        display: flex;
        height: unset; } }
    @media (max-width: 1000px) {
      .oval-block-content .below-map {
        min-height: 70px; } }
    @media (max-width: 768px) {
      .oval-block-content .below-map {
        min-height: 60px; } }
    @media (max-width: 767px) {
      .oval-block-content .below-map {
        min-height: 86px;
        border: solid 1.5px rgba(0, 0, 0, 0.1);
        background-color: #ffffff; } }
    @media (max-width: 414px) {
      .oval-block-content .below-map {
        min-height: 83px; } }
    @media (max-width: 384px) {
      .oval-block-content .below-map {
        min-height: 77px; } }
    @media (max-width: 375px) {
      .oval-block-content .below-map {
        min-height: 75px; } }
    @media (max-width: 360px) {
      .oval-block-content .below-map {
        min-height: 72px; } }
    @media (max-width: 320px) {
      .oval-block-content .below-map {
        min-height: 64px; } }
    .oval-block-content .below-map .sub-container {
      padding-top: 16px; }
      @media (max-width: 1365px) {
        .oval-block-content .below-map .sub-container {
          padding-top: 4%; } }
      @media (max-width: 375px) {
        .oval-block-content .below-map .sub-container {
          padding-top: 12px; } }
      @media (max-width: 360px) {
        .oval-block-content .below-map .sub-container {
          padding-top: 10px; } }
      @media (max-width: 320px) {
        .oval-block-content .below-map .sub-container {
          padding-top: 7px; } }
      .oval-block-content .below-map .sub-container .map-icon {
        float: left;
        width: 55px;
        padding-left: 18px;
        padding-top: 2px; }
        @media (max-width: 1365px) {
          .oval-block-content .below-map .sub-container .map-icon {
            width: 16%;
            padding-top: unset;
            padding-left: unset; } }
        @media (max-width: 767px) {
          .oval-block-content .below-map .sub-container .map-icon {
            padding-top: 2px;
            width: unset;
            padding-left: 20px; } }
        @media (max-width: 375px) {
          .oval-block-content .below-map .sub-container .map-icon {
            padding-top: 0px;
            padding-left: 17px; } }
        @media (max-width: 360px) {
          .oval-block-content .below-map .sub-container .map-icon {
            padding-left: 15px; } }
        @media (max-width: 320px) {
          .oval-block-content .below-map .sub-container .map-icon {
            padding-left: 14px; } }
      .oval-block-content .below-map .sub-container .address-content {
        padding: 0px 40px 0px 0px;
        float: left;
        width: 259px;
        font-family: ProximaNova;
        font-size: 18px;
        line-height: 1.33;
        color: #373737; }
        @media (max-width: 1365px) {
          .oval-block-content .below-map .sub-container .address-content {
            padding: 0px 0px 0px 0px;
            width: 68%; } }
        @media (max-width: 1100px) {
          .oval-block-content .below-map .sub-container .address-content {
            font-size: 16px; } }
        @media (max-width: 1000px) {
          .oval-block-content .below-map .sub-container .address-content {
            font-size: 15px; } }
        @media (max-width: 767px) {
          .oval-block-content .below-map .sub-container .address-content {
            padding: 4px 0px 10px 10px;
            width: 87%; } }
        @media (max-width: 414px) {
          .oval-block-content .below-map .sub-container .address-content {
            padding: 1px 0px 10px 10px; } }
        @media (max-width: 375px) {
          .oval-block-content .below-map .sub-container .address-content {
            padding: 2px 0px 10px 7px;
            font-size: 17px; } }
        @media (max-width: 320px) {
          .oval-block-content .below-map .sub-container .address-content {
            padding: 4px 0px 10px 7px;
            font-size: 14.5px;
            width: 78%; } }
      .oval-block-content .below-map .sub-container .edit-icon {
        cursor: pointer;
        width: 55px;
        float: left;
        margin-top: 2px;
        padding-left: 16px; }
        @media (max-width: 1365px) {
          .oval-block-content .below-map .sub-container .edit-icon {
            width: 12%;
            padding-left: unset;
            margin-top: unset; } }
        @media (max-width: 767px) {
          .oval-block-content .below-map .sub-container .edit-icon {
            display: none; } }

@media (max-width: 1365px) {
  .edit-icon-image {
    width: 40%;
    margin: auto 30%; } }

@media (max-width: 1365px) {
  .map-icon-image {
    width: 40%;
    margin: auto 30%; } }
@media (max-width: 767px) {
  .map-icon-image {
    margin: unset;
    width: 21px; } }
@media (max-width: 375px) {
  .map-icon-image {
    width: 19px; } }
@media (max-width: 360px) {
  .map-icon-image {
    width: 18px; } }
@media (max-width: 320px) {
  .map-icon-image {
    width: 16px; } }

@media (max-width: 767px) {
  .mobile-design-map-image {
    height: 383px; } }
@media (max-width: 414px) {
  .mobile-design-map-image {
    height: 370px; } }
@media (max-width: 384px) {
  .mobile-design-map-image {
    height: 344px; } }
@media (max-width: 375px) {
  .mobile-design-map-image {
    height: 335px; } }
@media (max-width: 360px) {
  .mobile-design-map-image {
    height: 321px; } }
@media (max-width: 360px) {
  .mobile-design-map-image {
    height: 286px; } }

.mobile-map-button {
  display: none; }
  @media (max-width: 767px) {
    .mobile-map-button {
      display: inline-flex;
      width: 100%;
      margin: 0 auto;
      padding-top: 23px;
      padding-bottom: 72px; } }
  @media (max-width: 414px) {
    .mobile-map-button {
      padding-top: 20px; } }
  @media (max-width: 384px) {
    .mobile-map-button {
      padding-top: 19px; } }
  @media (max-width: 375px) {
    .mobile-map-button {
      padding-top: 18px; } }
  @media (max-width: 320px) {
    .mobile-map-button {
      padding-top: 15px; } }
  .mobile-map-button .mobile-map-edit {
    cursor: pointer;
    width: 47.5%;
    height: 45px;
    border-radius: 55px;
    border: solid 2px #f9b75c;
    font-family: 'proxima_novasemibold';
    font-size: 20px;
    color: #ff9000;
    padding-left: 18%;
    padding-top: 5px; }
    @media (max-width: 414px) {
      .mobile-map-button .mobile-map-edit {
        height: 44px; } }
    @media (max-width: 384px) {
      .mobile-map-button .mobile-map-edit {
        height: 41px;
        padding-left: 18.5%;
        font-size: 18px; } }
    @media (max-width: 360px) {
      .mobile-map-button .mobile-map-edit {
        height: 40px;
        font-size: 16px; } }
    @media (max-width: 320px) {
      .mobile-map-button .mobile-map-edit {
        height: 35px;
        padding-left: 18.7%;
        font-size: 14px; } }
  .mobile-map-button .mobile-map-looks-good {
    cursor: pointer;
    margin-left: 5%;
    width: 47.5%;
    height: 45px;
    border-radius: 55px;
    background-image: linear-gradient(0deg, #FF6F00 0%, #FF9B00 100%);
    font-family: ProximaNova;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 11%;
    padding-top: 9px; }
    @media (max-width: 414px) {
      .mobile-map-button .mobile-map-looks-good {
        height: 44px; } }
    @media (max-width: 384px) {
      .mobile-map-button .mobile-map-looks-good {
        height: 41px;
        font-size: 17px; } }
    @media (max-width: 375px) {
      .mobile-map-button .mobile-map-looks-good {
        height: 40px; } }
    @media (max-width: 360px) {
      .mobile-map-button .mobile-map-looks-good {
        padding-top: 8px;
        font-size: 16.5px; } }
    @media (max-width: 320px) {
      .mobile-map-button .mobile-map-looks-good {
        height: 35px;
        font-size: 14px;
        padding-top: 7px; } }

.on-boards-steps {
  padding: unset !important;
  width: 55% !important;
  margin-top: 42px; }
  @media (max-width: 1365px) {
    .on-boards-steps {
      margin-top: 3%; } }
  @media (max-width: 1100px) {
    .on-boards-steps {
      margin-top: 1%; } }
  @media (max-width: 767px) {
    .on-boards-steps {
      display: none;
      float: left !important;
      width: 100% !important;
      margin-top: 19px;
      height: 682px; } }
  @media (max-width: 414px) {
    .on-boards-steps {
      height: 661px; } }
  @media (max-width: 384px) {
    .on-boards-steps {
      margin-top: 17px;
      height: 618px; } }
  @media (max-width: 375px) {
    .on-boards-steps {
      height: 603px; } }
  @media (max-width: 360px) {
    .on-boards-steps {
      margin-top: 16px;
      height: 582px; } }
  @media (max-width: 320px) {
    .on-boards-steps {
      margin-top: 15px;
      height: 522px; } }

@media (max-width: 767px) {
  .onboarding-text {
    width: 90%;
    margin: auto 5.2%; } }
.onboarding-text .onboard-page-title {
  width: 572px;
  height: 92px;
  font-family: ProximaNova;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.21;
  text-align: left;
  color: #373737; }
  @media (max-width: 1365px) {
    .onboarding-text .onboard-page-title {
      width: 64%;
      font-size: 31px;
      height: max-content; } }
  @media (max-width: 1100px) {
    .onboarding-text .onboard-page-title {
      width: 350px;
      font-size: 26px; } }
  @media (max-width: 767px) {
    .onboarding-text .onboard-page-title {
      width: 90%;
      font-size: 30.1px;
      line-height: 1; } }
  @media (max-width: 414px) {
    .onboarding-text .onboard-page-title {
      font-size: 29.2px; } }
  @media (max-width: 384px) {
    .onboarding-text .onboard-page-title {
      font-size: 27.1px; } }
  @media (max-width: 375px) {
    .onboarding-text .onboard-page-title {
      font-size: 26.4px; } }
  @media (max-width: 360px) {
    .onboarding-text .onboard-page-title {
      font-size: 25.3px; } }
  @media (max-width: 320px) {
    .onboarding-text .onboard-page-title {
      font-size: 22.6px; } }
.onboarding-text .onboard-tag-line {
  width: 546px;
  height: 54px;
  font-family: ProximaNova;
  font-size: 22px;
  font-weight: normal;
  color: #373737;
  line-height: 1.3;
  margin-top: 16px; }
  @media (max-width: 1365px) {
    .onboarding-text .onboard-tag-line {
      height: unset;
      margin-top: 1%;
      width: 464px;
      font-size: 18px; } }
  @media (max-width: 1100px) {
    .onboarding-text .onboard-tag-line {
      width: 350px;
      font-size: 18px; } }
  @media (max-width: 767px) {
    .onboarding-text .onboard-tag-line {
      width: 90%;
      font-size: unset;
      line-height: unset;
      margin-top: unset; } }

.uturn-icon {
  width: 12px;
  margin-top: -30px;
  margin-left: 240px; }
  @media (max-width: 1365px) {
    .uturn-icon {
      width: 10px;
      top: 114px;
      left: 190px; } }
  @media (max-width: 1100px) {
    .uturn-icon {
      top: 103px;
      left: 269px;
      margin-left: 270px; } }
  @media (max-width: 767px) {
    .uturn-icon {
      width: 12px;
      top: 101px;
      left: 291px;
      margin-left: 270px; } }
  @media (max-width: 414px) {
    .uturn-icon {
      width: 11.8px;
      top: 98px;
      left: 281px;
      margin-left: 260px; } }
  @media (max-width: 384px) {
    .uturn-icon {
      width: 11px;
      top: 90px;
      margin-left: 240px;
      left: 261px;
      padding-top: 10px; } }
  @media (max-width: 375px) {
    .uturn-icon {
      top: 88px;
      left: 260px; } }
  @media (max-width: 360px) {
    .uturn-icon {
      top: 85px;
      left: 245px;
      width: 10.3px; } }
  @media (max-width: 320px) {
    .uturn-icon {
      top: 75px;
      left: 218px;
      width: 9px; } }

/*header changes*/
.num {
  border: 1px solid #b3e3f7 !important;
  color: #b3e3f7 !important; }

.link {
  color: #b3e3f7 !important; }

.link.active .num {
  color: #00a3e7 !important;
  line-height: 1.4 !important; }

/*top bar*/
.top-bar {
  margin: auto;
  width: 1366px !important;
  height: 80px !important; }
  @media (max-width: 1365px) {
    .top-bar {
      width: 100% !important;
      height: 65px !important; } }
  @media (max-width: 767px) {
    .top-bar {
      height: 63px !important; } }
  @media (max-width: 414px) {
    .top-bar {
      height: 60px !important; } }
  @media (max-width: 384px) {
    .top-bar {
      height: 56px !important; } }
  @media (max-width: 375px) {
    .top-bar {
      height: 55px !important; } }
  @media (max-width: 360px) {
    .top-bar {
      height: 53px !important; } }
  @media (max-width: 320px) {
    .top-bar {
      height: 47px !important; } }

.logo {
  width: 161px !important;
  height: 24px !important;
  margin-left: 30px; }
  @media (max-width: 1365px) {
    .logo {
      width: 130px !important;
      margin-left: 18px;
      margin-top: 10px; } }
  @media (max-width: 767px) {
    .logo {
      margin-left: -10px;
      margin-top: 9px;
      width: 127px !important; } }
  @media (max-width: 414px) {
    .logo {
      margin-left: -11px;
      width: 124px !important; } }
  @media (max-width: 384px) {
    .logo {
      margin-left: -13px;
      width: 115px !important;
      margin-top: 6px; } }
  @media (max-width: 375px) {
    .logo {
      width: 112px !important;
      margin-top: 6px; } }
  @media (max-width: 360px) {
    .logo {
      width: 108px !important;
      margin-top: 5px;
      margin-left: -14px; } }
  @media (max-width: 320px) {
    .logo {
      width: 96px !important;
      margin-top: 2px;
      margin-left: -16px; } }

.top-bar-row {
  padding-top: 9px !important; }
  @media (max-width: 1365px) {
    .top-bar-row {
      padding-top: unset !important; } }

.icons-bar {
  padding: unset !important; }

.last-link {
  float: left !important;
  margin-left: 18px; }
  @media (max-width: 1365px) {
    .last-link {
      margin-left: unset; } }

.header-margin {
  margin-left: 189px !important;
  width: 46% !important; }
  @media (max-width: 1365px) {
    .header-margin {
      margin-left: 13% !important;
      width: 50% !important; } }
  @media (max-width: 767px) {
    .header-margin {
      display: none; } }

.link-text {
  margin-left: 6px;
  margin-top: 2px;
  font-family: ProximaNova;
  font-size: 15px;
  font-weight: 600; }
  @media (max-width: 1365px) {
    .link-text {
      margin-left: 6px;
      margin-top: 2px;
      font-size: 12px; } }
  @media (max-width: 1000px) {
    .link-text {
      font-size: 11px; } }
  @media (max-width: 950px) {
    .link-text {
      margin-left: 4px;
      margin-top: 1px;
      font-size: 10px; } }
  @media (max-width: 870px) {
    .link-text {
      font-size: 9px; } }
  @media (max-width: 850px) {
    .link-text {
      font-size: 8px; } }

.num {
  font-size: 14.5px;
  font-family: 'proxima-nova';
  font-weight: 600;
  line-height: 1.5; }
  @media (max-width: 1365px) {
    .num {
      font-size: 12px;
      line-height: 1.4;
      width: 18px;
      height: 18px;
      margin-top: 14px; } }

/*page headline*/
.content-headline {
  width: 85%;
  margin-top: 39px;
  font-family: ProximaNova;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: #373737; }
  @media (max-width: 1365px) {
    .content-headline {
      margin-top: 31px;
      font-size: 19px; } }
  @media (max-width: 767px) {
    .content-headline {
      font-size: 21.1px;
      line-height: unset;
      width: 89%;
      margin: auto;
      margin-top: 29px; } }
  @media (max-width: 414px) {
    .content-headline {
      margin-top: 28px;
      font-size: 20.4px; } }
  @media (max-width: 384px) {
    .content-headline {
      margin-top: 27px;
      font-size: 18.9px; } }
  @media (max-width: 375px) {
    .content-headline {
      margin-top: 26px;
      font-size: 18.5px; } }
  @media (max-width: 360px) {
    .content-headline {
      margin-top: 25px;
      font-size: 17.8px; } }
  @media (max-width: 320px) {
    .content-headline {
      margin-top: 22px;
      font-size: 15.8px; } }

.content-headline-2 {
  width: 85%;
  margin-top: 39px;
  font-family: ProximaNova;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: #373737; }
  @media (max-width: 1365px) {
    .content-headline-2 {
      margin-top: 26px;
      font-size: 19px; } }
  @media (max-width: 767px) {
    .content-headline-2 {
      font-size: 22.3px;
      line-height: unset;
      width: 90%;
      margin: auto;
      margin-top: 24px; } }
  @media (max-width: 414px) {
    .content-headline-2 {
      font-size: 21.6px;
      margin-top: 23px;
      margin-left: 22px; } }
  @media (max-width: 384px) {
    .content-headline-2 {
      font-size: 20px;
      margin-top: 21px;
      margin-left: 20px; } }
  @media (max-width: 375px) {
    .content-headline-2 {
      font-size: 19.6px; } }
  @media (max-width: 360px) {
    .content-headline-2 {
      font-size: 18.8px;
      margin-left: 19px; } }
  @media (max-width: 320px) {
    .content-headline-2 {
      font-size: 16.7px;
      margin-top: 18px;
      margin-left: 17px; } }

.content-headline-3 {
  width: 85%;
  margin-top: 39px;
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: #373737; }
  @media (max-width: 767px) {
    .content-headline-3 {
      font-size: 22.25px;
      line-height: 1.1;
      width: 79%;
      margin: auto;
      margin-top: 29px; } }

.content-headline-4 {
  width: 574px;
  margin-top: 31px;
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #373737;
  margin-left: 24px; }
  @media (max-width: 1365px) {
    .content-headline-4 {
      width: 400px;
      margin-top: 18px;
      font-size: 19px; } }
  @media (max-width: 1100px) {
    .content-headline-4 {
      width: 280px; } }
  @media (max-width: 767px) {
    .content-headline-4 {
      margin-left: unset;
      font-size: 22.25px;
      line-height: 1.1;
      width: 79%;
      margin: auto;
      margin-top: 29px; } }
  @media (max-width: 414px) {
    .content-headline-4 {
      font-size: 21.5px;
      line-height: 1.12;
      margin-top: 27px; } }
  @media (max-width: 384px) {
    .content-headline-4 {
      font-size: 20px;
      margin-top: 25px; } }
  @media (max-width: 375px) {
    .content-headline-4 {
      font-size: 17.5px; } }
  @media (max-width: 360px) {
    .content-headline-4 {
      font-size: 18.8px;
      margin-top: 23px; } }
  @media (max-width: 320px) {
    .content-headline-4 {
      font-size: 16.6px;
      margin-top: 21px; } }

.content-headline-5 {
  width: 462px;
  margin-top: 31px;
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.24;
  color: #373737;
  margin-left: 25px; }
  @media (max-width: 1365px) {
    .content-headline-5 {
      width: 393px;
      margin-top: 20px;
      font-size: 19px; } }
  @media (max-width: 767px) {
    .content-headline-5 {
      margin-left: unset;
      font-size: 22.3px;
      line-height: 1.15;
      width: 79%;
      margin: auto;
      margin-top: 28px; } }
  @media (max-width: 414px) {
    .content-headline-5 {
      font-size: 21.6px;
      line-height: 1.12;
      margin-top: 28px; } }
  @media (max-width: 384px) {
    .content-headline-5 {
      font-size: 20px;
      margin-top: 25px; } }
  @media (max-width: 375px) {
    .content-headline-5 {
      font-size: 17.49px; } }
  @media (max-width: 360px) {
    .content-headline-5 {
      font-size: 18.8px;
      margin-top: 24px; } }
  @media (max-width: 320px) {
    .content-headline-5 {
      font-size: 16.7px;
      margin-top: 21px;
      line-height: 18px; } }

.content-headline-6 {
  width: 600px;
  margin-top: 31px;
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.24;
  color: #373737;
  margin-left: 24px; }
  @media (max-width: 1365px) {
    .content-headline-6 {
      width: 500px;
      margin-top: 20px;
      font-size: 19px; } }
  @media (max-width: 1100px) {
    .content-headline-6 {
      width: 320px;
      font-size: 22px; } }
  @media (max-width: 767px) {
    .content-headline-6 {
      font-size: 22.27px;
      line-height: 25px;
      width: 79%;
      margin: auto;
      margin-top: 29px; } }
  @media (max-width: 414px) {
    .content-headline-6 {
      font-size: 21.6px;
      line-height: 1.12;
      margin-top: 28px; } }
  @media (max-width: 384px) {
    .content-headline-6 {
      font-size: 20px;
      margin-top: 26px; } }
  @media (max-width: 375px) {
    .content-headline-6 {
      font-size: 17.5px; } }
  @media (max-width: 360px) {
    .content-headline-6 {
      font-size: 18.8px;
      margin-top: 24px; } }
  @media (max-width: 320px) {
    .content-headline-6 {
      font-size: 16.7px;
      margin-top: 22px; } }

.content-headline-8 {
  width: 540px;
  margin-top: 31px;
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.24;
  color: #373737;
  margin-left: 24px; }
  @media (max-width: 1365px) {
    .content-headline-8 {
      width: 474px;
      margin-top: 22px;
      font-size: 19.3px; } }
  @media (max-width: 1100px) {
    .content-headline-8 {
      width: 300px; } }
  @media (max-width: 767px) {
    .content-headline-8 {
      font-size: 22.25px;
      line-height: 1.1;
      width: 79%;
      margin: auto;
      margin-top: 30px; } }
  @media (max-width: 414px) {
    .content-headline-8 {
      font-size: 21.5px;
      line-height: 1.12;
      margin-top: 28px; } }
  @media (max-width: 384px) {
    .content-headline-8 {
      font-size: 20px;
      margin-top: 26px; } }
  @media (max-width: 375px) {
    .content-headline-8 {
      font-size: 18px; } }
  @media (max-width: 360px) {
    .content-headline-8 {
      font-size: 18.8px;
      margin-top: 24px; } }
  @media (max-width: 320px) {
    .content-headline-8 {
      font-size: 16.6px;
      margin-top: 22px; } }

.mw-br {
  content: "";
  display: block;
  margin: -6px; }
  @media (max-width: 767px) {
    .mw-br {
      display: none; } }

.wd-br {
  content: "";
  display: block;
  margin: -3px; }
  @media (max-width: 767px) {
    .wd-br {
      display: none; } }

.weekblock {
  width: 86px;
  height: 92px;
  border: solid 1px #d9dfe2;
  float: left;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
  margin-left: -1px; }
  @media (max-width: 1365px) {
    .weekblock {
      width: 72px;
      height: 88px;
      padding-top: 9px; } }
  @media (max-width: 1100px) {
    .weekblock {
      margin-left: unset;
      height: 48.3px;
      border-radius: unset;
      float: unset;
      padding-top: 10px;
      text-align: center;
      width: 100%;
      margin-bottom: -1px; } }
  @media (max-width: 767px) {
    .weekblock {
      margin-left: unset;
      height: 48.3px;
      border-radius: unset;
      float: unset;
      padding-top: 10px;
      text-align: center;
      width: 100%;
      margin-bottom: -1px; } }
  @media (max-width: 414px) {
    .weekblock {
      height: 46.6px; } }
  @media (max-width: 384px) {
    .weekblock {
      height: 43.2px; } }
  @media (max-width: 375px) {
    .weekblock {
      height: 42.4px; } }
  @media (max-width: 360px) {
    .weekblock {
      height: 41px; } }
  @media (max-width: 320px) {
    .weekblock {
      height: 36.1px; } }

@media (max-width: 767px) {
  .left-arrow-image, .right-arrow-image {
    width: 12px; } }
@media (max-width: 384px) {
  .left-arrow-image, .right-arrow-image {
    width: 11px; } }
@media (max-width: 320px) {
  .left-arrow-image, .right-arrow-image {
    width: 9px; } }

.left-arrow {
  cursor: pointer;
  margin: auto 20px auto 0px; }
  @media (max-width: 1100px) {
    .left-arrow {
      margin: 12px 20px auto 0px; } }
  @media (max-width: 360px) {
    .left-arrow {
      margin: 10px 20px auto 0px; } }

.right-arrow {
  cursor: pointer;
  margin: 30px 0px auto 20px; }
  @media (max-width: 1100px) {
    .right-arrow {
      margin: 15px 0px auto 20px; } }
  @media (max-width: 360px) {
    .right-arrow {
      margin: 10px 0px auto 20px; } }

.date-row-picker {
  display: flex;
  margin-bottom: 20px;
  margin-top: 9px; }
  @media (max-width: 1365px) {
    .date-row-picker {
      width: 570px;
      margin-top: 2px; } }
  @media (max-width: 1100px) {
    .date-row-picker {
      margin-top: unset;
      margin: auto;
      width: 54.5%; } }
  @media (max-width: 768px) {
    .date-row-picker {
      width: max-content; } }

@media (max-width: 1100px) {
  .calender-show {
    width: 250px;
    display: flow-root; } }
@media (max-width: 375px) {
  .calender-show {
    width: 230px; } }
@media (max-width: 320px) {
  .calender-show {
    width: 200px; } }

.weekblock-mobile-date {
  display: none; }
  @media (max-width: 1100px) {
    .weekblock-mobile-date {
      display: block;
      font-family: 'ProximaNova';
      padding-top: 2px;
      height: max-content;
      color: black;
      font-size: 17px; } }
  @media (max-width: 767px) {
    .weekblock-mobile-date {
      display: block;
      font-family: 'ProximaNova';
      padding-top: 2px;
      height: max-content;
      color: black;
      font-size: 17px; } }
  @media (max-width: 384px) {
    .weekblock-mobile-date {
      font-size: 16px;
      padding-top: 0px; } }
  @media (max-width: 375px) {
    .weekblock-mobile-date {
      font-size: 15px; } }
  @media (max-width: 320px) {
    .weekblock-mobile-date {
      font-size: 13px; } }

.show-date-limit {
  height: 32px;
  font-family: ProximaNova;
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  text-align: center;
  color: #373737;
  margin-top: 18px;
  width: 600px; }
  @media (max-width: 1365px) {
    .show-date-limit {
      font-size: 14px;
      margin-top: 12px;
      width: 528px; } }
  @media (max-width: 1100px) {
    .show-date-limit {
      font-size: 18px;
      margin-top: 5px;
      margin-bottom: 12px; } }
  @media (max-width: 1000px) {
    .show-date-limit {
      width: 400px; } }
  @media (max-width: 767px) {
    .show-date-limit {
      height: unset;
      margin-top: 18px;
      width: 100%;
      margin-left: unset;
      font-size: 17px;
      line-height: unset;
      margin-top: 17px;
      margin-bottom: 7px; } }
  @media (max-width: 414px) {
    .show-date-limit {
      font-size: 16px;
      margin-top: 15px; } }
  @media (max-width: 384px) {
    .show-date-limit {
      font-size: 15px;
      margin-top: 13px;
      margin-bottom: 4px; } }
  @media (max-width: 360px) {
    .show-date-limit {
      font-size: 14.5px;
      margin-top: 12px;
      margin-bottom: 2px; } }
  @media (max-width: 320px) {
    .show-date-limit {
      font-size: 13.5px;
      margin-top: 11px;
      margin-bottom: 0px; } }

.month {
  font-family: ProximaNova;
  font-size: 11px; }
  @media (max-width: 1100px) {
    .month {
      display: none; } }

.weekday {
  font-family: ProximaNova;
  font-size: 13px; }
  @media (max-width: 1100px) {
    .weekday {
      display: none; } }

.monday {
  margin-left: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  @media (max-width: 1100px) {
    .monday {
      margin-left: unset;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; } }

.sunday {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  @media (max-width: 1100px) {
    .sunday {
      margin-left: unset;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; } }

.date {
  font-family: ProximaNova;
  font-size: 20px; }
  @media (max-width: 1100px) {
    .date {
      display: none; } }

.selctedDate {
  background-color: #00A3E7 !important;
  color: white; }

.limit {
  background-color: #ebf8fd; }

.okay-message {
  width: 567px;
  height: max-content;
  font-family: ProximaNova;
  font-size: 15px;
  line-height: 1.4;
  color: #00a3e7;
  margin: auto 3%; }
  @media (max-width: 1100px) {
    .okay-message {
      width: 80%;
      margin: auto 13.2%;
      line-height: 19px;
      font-size: 15.5px; } }
  @media (max-width: 1000px) {
    .okay-message {
      width: 400px; } }
  @media (max-width: 800px) {
    .okay-message {
      width: 300px; } }
  @media (max-width: 767px) {
    .okay-message {
      width: 80%;
      margin: auto 13.2%;
      line-height: 19px;
      font-size: 15.5px; } }
  @media (max-width: 384px) {
    .okay-message {
      line-height: 17px;
      font-size: 14px; } }
  @media (max-width: 375px) {
    .okay-message {
      font-size: 13.7px; } }
  @media (max-width: 360px) {
    .okay-message {
      font-size: 13px;
      line-height: 16px; } }
  @media (max-width: 320px) {
    .okay-message {
      font-size: 11.7px;
      line-height: 14px; } }

.okay-message-2 {
  width: 567px;
  height: max-content;
  font-family: ProximaNova;
  font-size: 13px;
  line-height: 1.4;
  color: #00a3e7;
  margin: auto 3%; }
  @media (max-width: 1100px) {
    .okay-message-2 {
      width: 300px; } }
  @media (max-width: 767px) {
    .okay-message-2 {
      width: 83%;
      margin: 25px 9.5% 0px;
      line-height: 19px;
      font-size: 14.95px; } }
  @media (max-width: 414px) {
    .okay-message-2 {
      margin: 23px 9.5% 0px;
      font-size: 14.5px; } }
  @media (max-width: 384px) {
    .okay-message-2 {
      margin: 21px 9.5% 0px;
      font-size: 13.5px; } }
  @media (max-width: 375px) {
    .okay-message-2 {
      margin: 20px 9.5% -2px;
      font-size: 13.2px; } }
  @media (max-width: 360px) {
    .okay-message-2 {
      margin: 18px 9.5% 0px;
      font-size: 12.7px; } }
  @media (max-width: 320px) {
    .okay-message-2 {
      margin: 16px 9.5% -2px;
      font-size: 11.3px; } }

.okay-message-4 {
  width: 637px;
  height: max-content;
  font-family: ProximaNova;
  font-size: 15px;
  line-height: 1.4;
  color: #00a3e7;
  margin: auto 3%; }
  @media (max-width: 1365px) {
    .okay-message-4 {
      width: 494px;
      font-size: 12px; } }
  @media (max-width: 1100px) {
    .okay-message-4 {
      width: 300px;
      font-size: 13px; } }
  @media (max-width: 767px) {
    .okay-message-4 {
      font-size: 15.1px;
      width: 81%;
      line-height: 1.3;
      margin-top: 30px;
      margin-left: 40px; } }
  @media (max-width: 414px) {
    .okay-message-4 {
      font-size: 14.5px; } }
  @media (max-width: 384px) {
    .okay-message-4 {
      margin-left: 36px;
      font-size: 13.4px; } }
  @media (max-width: 375px) {
    .okay-message-4 {
      font-size: 13.2px;
      margin-top: 26px; } }
  @media (max-width: 360px) {
    .okay-message-4 {
      font-size: 12.7px;
      margin-top: 25px;
      margin-left: 33px; } }
  @media (max-width: 320px) {
    .okay-message-4 {
      margin-top: 23px;
      margin-left: 30px;
      font-size: 11.1px; } }

.okay-message-5 {
  width: 567px;
  height: max-content;
  font-family: ProximaNova;
  font-size: 13px;
  line-height: 1.4;
  color: #00a3e7;
  margin: auto 3%; }
  @media (max-width: 1100px) {
    .okay-message-5 {
      width: 300px; } }
  @media (max-width: 767px) {
    .okay-message-5 {
      width: 80%;
      margin: 24px 9.2% 20px;
      line-height: 19px;
      font-size: 15px; } }
  @media (max-width: 414px) {
    .okay-message-5 {
      margin: 23px 9.2% 0px;
      font-size: 14.5px; } }
  @media (max-width: 384px) {
    .okay-message-5 {
      margin: 20px 9.2% 18px;
      font-size: 13.5px;
      line-height: 18px; } }
  @media (max-width: 375px) {
    .okay-message-5 {
      margin: 22px 9.2% 18px;
      font-size: 13.2px;
      line-height: 17px; } }
  @media (max-width: 360px) {
    .okay-message-5 {
      margin: 20px 9.2% 17px;
      font-size: 12.7px;
      line-height: 16px; } }
  @media (max-width: 320px) {
    .okay-message-5 {
      margin: 19px 9.2% 17px;
      font-size: 11.3px;
      line-height: 14px; } }

.okay-message-6 {
  width: 600px;
  height: max-content;
  font-family: ProximaNova;
  font-size: 14.1px;
  line-height: 1.4;
  color: #00a3e7;
  margin: auto 3%; }
  @media (max-width: 1365px) {
    .okay-message-6 {
      width: 552px;
      font-size: 13px; } }
  @media (max-width: 1100px) {
    .okay-message-6 {
      width: 310px; } }
  @media (max-width: 767px) {
    .okay-message-6 {
      width: 83%;
      margin: -7px 9.5% 0px;
      line-height: 19px;
      font-size: 14.95px; } }
  @media (max-width: 414px) {
    .okay-message-6 {
      margin: -12px 9.5% 0px;
      font-size: 14.5px; } }
  @media (max-width: 384px) {
    .okay-message-6 {
      margin: -11px 9.5% 0px;
      font-size: 13.3px;
      line-height: 18px; } }
  @media (max-width: 375px) {
    .okay-message-6 {
      margin: -10px 9.5% 0px;
      font-size: 12.9px; } }
  @media (max-width: 360px) {
    .okay-message-6 {
      margin: -9px 9.5% 0px;
      font-size: 12.4px;
      line-height: 15px; } }
  @media (max-width: 320px) {
    .okay-message-6 {
      margin: -9px 9.5% -3px;
      font-size: 11px;
      line-height: 14px; } }

.tick {
  margin-top: -6px;
  margin-right: 4px;
  margin-left: -22px; }
  @media (max-width: 767px) {
    .tick {
      margin-top: -5px;
      margin-left: -19px;
      width: 14px;
      margin-right: 1px; } }
  @media (max-width: 384px) {
    .tick {
      margin-top: -3px;
      margin-left: -17px;
      width: 12px; } }
  @media (max-width: 320px) {
    .tick {
      margin-left: -14px;
      width: 10px; } }

.buttonClick {
  cursor: pointer;
  float: left;
  padding-top: 7px;
  text-align: center;
  width: 111px;
  height: 46px;
  border-radius: 33px;
  background-image: linear-gradient(0deg, #FF6F00 0%, #FF9B00 100%); }
  @media (max-width: 767px) {
    .buttonClick {
      width: 110px;
      height: 45px; } }
  @media (max-width: 414px) {
    .buttonClick {
      width: 106px;
      height: 43px;
      padding-top: 10px; } }
  @media (max-width: 384px) {
    .buttonClick {
      width: 98px;
      height: 39px;
      padding-top: 8px; } }
  @media (max-width: 375px) {
    .buttonClick {
      width: 96px; } }
  @media (max-width: 360px) {
    .buttonClick {
      padding-top: 7px;
      width: 92px;
      height: 37px; } }
  @media (max-width: 320px) {
    .buttonClick {
      padding-top: 4px;
      width: 82px;
      height: 34px; } }

.buttonClick-4 {
  cursor: pointer;
  float: left;
  padding-top: 7px;
  text-align: center;
  width: 111px;
  height: 46px;
  border-radius: 33px;
  background-image: linear-gradient(0deg, #FF6F00 0%, #FF9B00 100%); }
  @media (max-width: 767px) {
    .buttonClick-4 {
      width: 110px;
      height: 45px;
      padding-top: 9px; } }
  @media (max-width: 414px) {
    .buttonClick-4 {
      width: 106px;
      height: 43px; } }
  @media (max-width: 384px) {
    .buttonClick-4 {
      width: 98px;
      height: 39px; } }
  @media (max-width: 375px) {
    .buttonClick-4 {
      width: 96px;
      padding-top: 8px; } }
  @media (max-width: 360px) {
    .buttonClick-4 {
      padding-top: 7px;
      width: 92px;
      height: 37px; } }
  @media (max-width: 320px) {
    .buttonClick-4 {
      padding-top: 4px;
      width: 82px;
      height: 34px; } }
  .buttonClick-4 .btn-content {
    font-family: ProximaNova;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff; }
    @media (max-width: 767px) {
      .buttonClick-4 .btn-content {
        font-size: 19px;
        margin-left: -3px; } }
    @media (max-width: 384px) {
      .buttonClick-4 .btn-content {
        font-size: 17px; } }
    @media (max-width: 375px) {
      .buttonClick-4 .btn-content {
        font-size: 16px; } }
    @media (max-width: 320px) {
      .buttonClick-4 .btn-content {
        font-size: 14px; } }

.buttonClick-price {
  cursor: pointer;
  float: left;
  padding-top: 7px;
  text-align: center;
  width: 185px;
  height: 46px;
  border-radius: 33px;
  background-image: linear-gradient(0deg, #FF6F00 0%, #FF9B00 100%); }
  @media (max-width: 767px) {
    .buttonClick-price {
      width: 168px;
      height: 44px; } }
  @media (max-width: 414px) {
    .buttonClick-price {
      width: 161px; } }
  @media (max-width: 384px) {
    .buttonClick-price {
      width: 150px;
      height: 40px; } }
  @media (max-width: 375px) {
    .buttonClick-price {
      width: 146px; } }
  @media (max-width: 360px) {
    .buttonClick-price {
      width: 141px;
      height: 38px; } }
  @media (max-width: 320px) {
    .buttonClick-price {
      width: 126px;
      height: 33px; } }

.btn-content {
  font-family: ProximaNova;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff; }
  @media (max-width: 767px) {
    .btn-content {
      font-size: 20px;
      margin-left: -3px; } }
  @media (max-width: 414px) {
    .btn-content {
      font-size: 18px; } }
  @media (max-width: 384px) {
    .btn-content {
      font-size: 17px;
      margin-left: -1px; } }
  @media (max-width: 360px) {
    .btn-content {
      font-size: 16px; } }
  @media (max-width: 320px) {
    .btn-content {
      font-size: 14px; } }

.white-tick {
  margin-top: -11px; }
  @media (max-width: 767px) {
    .white-tick {
      margin-top: -7px;
      width: 14px;
      margin-left: -3px; } }
  @media (max-width: 384px) {
    .white-tick {
      width: 13px;
      margin-left: -1px; } }
  @media (max-width: 375px) {
    .white-tick {
      margin-top: -6px;
      margin-left: -2px; } }
  @media (max-width: 320px) {
    .white-tick {
      margin-top: -5px;
      margin-left: 0px;
      width: 10px; } }

.enter-icon {
  width: 14px;
  margin-top: -4px; }

.enter-button {
  margin-top: 25px; }
  @media (max-width: 1100px) {
    .enter-button {
      margin: 20px 40px 0px; } }
  @media (max-width: 767px) {
    .enter-button {
      margin-top: 11px;
      margin-left: 48px; } }
  @media (max-width: 384px) {
    .enter-button {
      margin-left: 43px; } }
  @media (max-width: 375px) {
    .enter-button {
      margin-top: 10px;
      margin-left: 42px; } }
  @media (max-width: 360px) {
    .enter-button {
      margin-top: 10px;
      margin-left: 41px; } }
  @media (max-width: 320px) {
    .enter-button {
      margin-top: 8px;
      margin-left: 36px; } }

.enter-button-4 {
  margin-top: 30px; }
  @media (max-width: 1365px) {
    .enter-button-4 {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .enter-button-4 {
      margin-top: 15px;
      margin-left: 22px; } }
  @media (max-width: 414px) {
    .enter-button-4 {
      margin-top: 17px; } }
  @media (max-width: 384px) {
    .enter-button-4 {
      margin-top: 13px;
      margin-left: 20px; } }
  @media (max-width: 320px) {
    .enter-button-4 {
      margin-top: 11px;
      margin-left: 17px; } }
  .enter-button-4 .white-tick {
    margin-top: -11px; }
    @media (max-width: 767px) {
      .enter-button-4 .white-tick {
        margin-top: -7px;
        width: 14px;
        margin-left: 0px; } }
    @media (max-width: 384px) {
      .enter-button-4 .white-tick {
        margin-left: -2px; } }

.enter-button-6 {
  margin-top: 30px; }
  @media (max-width: 1365px) {
    .enter-button-6 {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .enter-button-6 {
      margin-top: 10px;
      margin-left: 22px; } }
  @media (max-width: 384px) {
    .enter-button-6 {
      margin-left: 20px; } }
  @media (max-width: 360px) {
    .enter-button-6 {
      margin-left: 19px; } }
  @media (max-width: 320px) {
    .enter-button-6 {
      margin-left: 16px; } }

.enter-button-8 {
  margin-top: 30px; }
  @media (max-width: 1365px) {
    .enter-button-8 {
      margin-top: 14px; } }
  @media (max-width: 767px) {
    .enter-button-8 {
      margin-top: 18px;
      margin-left: 22px; } }
  @media (max-width: 414px) {
    .enter-button-8 {
      margin-top: 17px; } }
  @media (max-width: 384px) {
    .enter-button-8 {
      margin-top: 15px;
      margin-left: 20px; } }
  @media (max-width: 360px) {
    .enter-button-8 {
      margin-top: 14px;
      margin-left: 19px; } }
  @media (max-width: 320px) {
    .enter-button-8 {
      margin-top: 12px;
      margin-left: 16px; } }
  .enter-button-8 .btn-content-price {
    font-family: ProximaNova;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff; }
    @media (max-width: 767px) {
      .enter-button-8 .btn-content-price {
        font-size: 18.8px;
        margin-left: -2px;
        padding-top: 1px; } }
    @media (max-width: 414px) {
      .enter-button-8 .btn-content-price {
        font-size: 18.2px;
        margin-left: -3px;
        padding-top: 2px; } }
    @media (max-width: 384px) {
      .enter-button-8 .btn-content-price {
        font-size: 17px;
        margin-left: -2px;
        padding-top: 1px; } }
    @media (max-width: 375px) {
      .enter-button-8 .btn-content-price {
        font-size: 16.5px;
        margin-left: -2px;
        padding-top: 1px; } }
    @media (max-width: 360px) {
      .enter-button-8 .btn-content-price {
        font-size: 16px; } }
    @media (max-width: 320px) {
      .enter-button-8 .btn-content-price {
        font-size: 14px;
        margin-top: -1px;
        padding-top: 0px; } }
    .enter-button-8 .btn-content-price .white-arrow {
      margin-top: -5px; }
      @media (max-width: 767px) {
        .enter-button-8 .btn-content-price .white-arrow {
          margin-top: -6px;
          width: 10px;
          height: 18px;
          margin-left: 0px; } }
      @media (max-width: 384px) {
        .enter-button-8 .btn-content-price .white-arrow {
          margin-top: -7px; } }
      @media (max-width: 375px) {
        .enter-button-8 .btn-content-price .white-arrow {
          width: 9px;
          height: 12px;
          margin-left: -1px;
          margin-top: -2px; } }
      @media (max-width: 360px) {
        .enter-button-8 .btn-content-price .white-arrow {
          margin-top: -7px; } }
      @media (max-width: 320px) {
        .enter-button-8 .btn-content-price .white-arrow {
          width: 7px;
          height: 11px;
          margin-top: -6px; } }

.enter {
  float: left;
  margin-left: 18px;
  padding-top: 7px;
  color: #373737;
  font-family: ProximaNova;
  font-size: 16px;
  line-height: 32px;
  text-align: center; }
  @media (max-width: 767px) {
    .enter {
      display: none; } }

.enter-content {
  font-weight: bold; }

/*css style for footer*/
.onboarding-updown {
  cursor: pointer;
  position: absolute;
  display: inline-flex;
  top: -8px;
  right: 51px;
  width: 74px;
  height: 31px;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .onboarding-updown {
      right: 29px;
      top: 0px;
      width: unset;
      height: max-content; } }
  @media (max-width: 414px) {
    .onboarding-updown {
      right: 27px; } }
  @media (max-width: 414px) {
    .onboarding-updown {
      right: 26px; } }
  @media (max-width: 375px) {
    .onboarding-updown {
      right: 24px; } }
  @media (max-width: 360px) {
    .onboarding-updown {
      right: 23px; } }
  @media (max-width: 320px) {
    .onboarding-updown {
      right: 22px; } }

.up-block {
  margin-right: 2px;
  width: 36px;
  height: 31px; }
  @media (max-width: 1365px) {
    .up-block {
      width: 34px;
      height: 29px; } }
  @media (max-width: 767px) {
    .up-block {
      width: 48px;
      height: 43px; } }
  @media (max-width: 414px) {
    .up-block {
      width: 47px;
      height: 42px;
      margin-right: 3px; } }
  @media (max-width: 384px) {
    .up-block {
      width: 43px;
      height: 38px; } }
  @media (max-width: 360px) {
    .up-block {
      margin-right: 2px;
      width: 41px;
      height: 36px; } }
  @media (max-width: 320px) {
    .up-block {
      width: 36px;
      height: 32px; } }

.down-block {
  width: 36px;
  height: 31px; }
  @media (max-width: 1365px) {
    .down-block {
      width: 34px;
      height: 29px; } }
  @media (max-width: 767px) {
    .down-block {
      width: 48px;
      height: 43px; } }
  @media (max-width: 414px) {
    .down-block {
      width: 47px;
      height: 42px; } }
  @media (max-width: 384px) {
    .down-block {
      width: 43px;
      height: 38px; } }
  @media (max-width: 360px) {
    .down-block {
      width: 41px;
      height: 36px; } }
  @media (max-width: 320px) {
    .down-block {
      width: 36px;
      height: 32px; } }

.onboarding-footer {
  display: grid; }
  @media (max-width: 1300px) {
    .onboarding-footer {
      top: 555px; } }
  @media (max-width: 1200px) {
    .onboarding-footer {
      top: 510px; } }
  @media (max-width: 1150px) {
    .onboarding-footer {
      top: 465px; } }
  @media (max-width: 1100px) {
    .onboarding-footer {
      top: 700px;
      right: 15%; } }
  @media (max-width: 767px) {
    .onboarding-footer {
      height: 54px;
      right: unset;
      top: unset;
      bottom: 0px;
      width: 100%; } }

.skip-all {
  cursor: pointer;
  color: #00A3E7;
  font-family: ProximaNova;
  font-size: 26px;
  line-height: 20px;
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid currentColor;
  width: max-content;
  margin: 10px 10px 20px auto; }
  @media (max-width: 1365px) {
    .skip-all {
      font-size: 17px; } }
  @media (max-width: 767px) {
    .skip-all {
      font-size: 24px; } }
  @media (max-width: 375px) {
    .skip-all {
      font-size: 20px;
      line-height: 24px; } }

/*Choose Pet*/
.choose-pet {
  display: flex;
  margin: 20px auto;
  position: relative; }
  @media (max-width: 1365px) {
    .choose-pet {
      margin: 12px auto; } }
  @media (max-width: 767px) {
    .choose-pet {
      width: 89.6%;
      margin: 18px 5.2% 0px; } }
  @media (max-width: 414px) {
    .choose-pet {
      margin: 17px 5.2% 0px; } }
  @media (max-width: 384px) {
    .choose-pet {
      margin: 16px 5.2% 0px; } }
  @media (max-width: 360px) {
    .choose-pet {
      margin: 14px 5.2% 0px; } }
  @media (max-width: 320px) {
    .choose-pet {
      margin: 13px 5.2% 0px; } }

.pet-block {
  text-align: center;
  cursor: pointer;
  margin-right: 60px;
  width: 100px;
  float: left; }
  @media (max-width: 1365px) {
    .pet-block {
      margin-right: 30px; } }
  @media (max-width: 767px) {
    .pet-block {
      display: grid;
      width: 23.5%;
      float: unset;
      margin-right: 10%;
      font-size: 15.5px; } }

.dog-pet-image {
  width: 44px;
  height: 56px;
  margin-top: 21px; }
  @media (max-width: 1365px) {
    .dog-pet-image {
      margin-top: 19px; } }
  @media (max-width: 767px) {
    .dog-pet-image {
      width: 47%;
      margin-left: 26.5%;
      margin-top: 18.2%; } }
  @media (max-width: 414px) {
    .dog-pet-image {
      width: 46.5%;
      margin-left: 27%;
      margin-top: 16.2%; } }
  @media (max-width: 384px) {
    .dog-pet-image {
      width: 47%;
      margin-left: 26.2%;
      margin-top: 14.2%; } }
  @media (max-width: 375px) {
    .dog-pet-image {
      margin-left: 27.2%;
      margin-top: 13.2%; } }
  @media (max-width: 360px) {
    .dog-pet-image {
      margin-left: 26%;
      margin-top: 12%;
      width: 48%; } }
  @media (max-width: 320px) {
    .dog-pet-image {
      margin-top: 6%;
      width: 47%; } }

.cat-pet-image {
  width: 50px;
  height: 63px;
  margin-top: 17px; }
  @media (max-width: 1365px) {
    .cat-pet-image {
      margin-top: 16px; } }
  @media (max-width: 767px) {
    .cat-pet-image {
      width: 53%;
      margin-left: 24%;
      margin-top: 15.2%; } }
  @media (max-width: 414px) {
    .cat-pet-image {
      width: 52%;
      margin-left: 24.5%;
      margin-top: 13.2%; } }
  @media (max-width: 384px) {
    .cat-pet-image {
      margin-left: 24%;
      margin-top: 10.2%; } }
  @media (max-width: 375px) {
    .cat-pet-image {
      margin-top: 9%; } }
  @media (max-width: 360px) {
    .cat-pet-image {
      margin-top: 8%; } }
  @media (max-width: 320px) {
    .cat-pet-image {
      margin-top: 2%; } }

.no-pet-image {
  width: 47px;
  height: 47px;
  margin-top: 26px; }
  @media (max-width: 1365px) {
    .no-pet-image {
      margin-top: 24px; } }
  @media (max-width: 767px) {
    .no-pet-image {
      width: 49%;
      margin-left: 24.7%;
      margin-top: 24%; } }
  @media (max-width: 414px) {
    .no-pet-image {
      width: 49.5%;
      margin-left: 25%;
      margin-top: 23%; } }
  @media (max-width: 384px) {
    .no-pet-image {
      width: 48.5%;
      margin-top: 21%; } }
  @media (max-width: 375px) {
    .no-pet-image {
      width: 49%;
      margin-left: 25.7%;
      margin-top: 19.7%; } }
  @media (max-width: 360px) {
    .no-pet-image {
      margin-left: 24.7%;
      margin-top: 18.5%; } }
  @media (max-width: 320px) {
    .no-pet-image {
      margin-top: 13.5%; } }

.dog-pet-image, .cat-pet-image, .no-pet-image {
  position: relative; }
  @media (max-width: 767px) {
    .dog-pet-image, .cat-pet-image, .no-pet-image {
      display: grid; } }

.pet-name {
  font-family: ProximaNova;
  font-size: 18px;
  text-align: center;
  color: #373737;
  width: 100px;
  margin-top: 9px; }
  @media (max-width: 767px) {
    .pet-name {
      width: 100%;
      margin-top: 6px;
      font-size: 16.5px; } }
  @media (max-width: 384px) {
    .pet-name {
      font-size: 15px; } }
  @media (max-width: 375px) {
    .pet-name {
      font-size: 14.9px; } }
  @media (max-width: 320px) {
    .pet-name {
      font-size: 12.5px;
      margin-top: 5px; } }

.pet-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #E0E4E9;
  position: relative; }
  @media (max-width: 1365px) {
    .pet-image {
      width: 95px;
      height: 95px; } }
  @media (max-width: 767px) {
    .pet-image {
      height: 90px;
      width: 90px; } }
  @media (max-width: 414px) {
    .pet-image {
      height: 87px;
      width: 87px; } }
  @media (max-width: 384px) {
    .pet-image {
      height: 81px;
      width: 81px; } }
  @media (max-width: 375px) {
    .pet-image {
      height: 78px;
      width: 78px; } }
  @media (max-width: 360px) {
    .pet-image {
      height: 75px;
      width: 75px; } }
  @media (max-width: 320px) {
    .pet-image {
      height: 67px;
      width: 67px; } }

.selectedPet .pet-image {
  border: 1px solid #00A3E7; }
.selectedPet .pet-name {
  color: #00A3E7; }

.select-tick {
  display: none;
  position: absolute;
  left: 65px;
  width: 24px;
  height: 24px; }
  @media (max-width: 767px) {
    .select-tick {
      left: 67%;
      top: -1%; } }
  @media (max-width: 414px) {
    .select-tick {
      width: 23px;
      height: 23px; } }
  @media (max-width: 384px) {
    .select-tick {
      top: -2%;
      width: 22px;
      height: 22px; } }
  @media (max-width: 375px) {
    .select-tick {
      width: 21px;
      height: 21px; } }
  @media (max-width: 360px) {
    .select-tick {
      width: 20px;
      height: 20px; } }
  @media (max-width: 320px) {
    .select-tick {
      width: 18px;
      height: 18px;
      top: -1.5%; } }

.show-tick {
  display: block; }

.week1Image {
  width: 31px;
  height: 31px;
  margin-top: 32px; }
  @media (max-width: 1365px) {
    .week1Image {
      margin-top: 31px; } }
  @media (max-width: 767px) {
    .week1Image {
      width: 32%;
      height: 32%;
      margin-top: 34%; } }

.week2Image {
  width: 40px;
  height: 40px;
  margin-top: 29px; }
  @media (max-width: 1365px) {
    .week2Image {
      margin-top: 28px; } }
  @media (max-width: 767px) {
    .week2Image {
      width: 41%;
      height: 41%;
      margin-top: 30%; } }
  @media (max-width: 414px) {
    .week2Image {
      width: 40%; } }

.week3Image {
  width: 50px;
  height: 50px;
  margin-top: 24px; }
  @media (max-width: 1365px) {
    .week3Image {
      margin-top: 23px; } }
  @media (max-width: 767px) {
    .week3Image {
      width: 51%;
      height: 51%;
      margin-top: 24%; } }

.selectedGrass .pet-image {
  border: 1px solid #00A3E7; }
.selectedGrass .pet-name {
  color: #00A3E7; }

.grass-name {
  font-size: 17.8px; }
  @media (max-width: 767px) {
    .grass-name {
      font-size: 16.7px;
      width: 108%;
      margin-left: -4%; } }
  @media (max-width: 414px) {
    .grass-name {
      font-size: 16.2px; } }
  @media (max-width: 384px) {
    .grass-name {
      font-size: 15px; } }
  @media (max-width: 375px) {
    .grass-name {
      font-size: 14.5px; } }
  @media (max-width: 360px) {
    .grass-name {
      font-size: 14px; } }
  @media (max-width: 320px) {
    .grass-name {
      font-size: 12.6px; } }

/*mowing weekly choice*/
.CB-container {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 30px;
  cursor: pointer;
  font-family: ProximaNova;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 1365px) {
    .CB-container {
      margin-bottom: 15px;
      font-size: 17px; } }
  @media (max-width: 767px) {
    .CB-container {
      padding-left: 39px;
      margin-bottom: 28px;
      padding-top: 2px;
      font-size: 17px; } }
  @media (max-width: 414px) {
    .CB-container {
      margin-bottom: 29.5px;
      font-size: 16px;
      padding-top: 0px; } }
  @media (max-width: 384px) {
    .CB-container {
      margin-bottom: 27px;
      font-size: 15px;
      padding-left: 36px; } }
  @media (max-width: 375px) {
    .CB-container {
      margin-bottom: 25px;
      font-size: 14.5px;
      padding-top: 2px;
      padding-left: 35px; } }
  @media (max-width: 360px) {
    .CB-container {
      margin-bottom: 23px;
      font-size: 14px;
      padding-left: 33px; } }
  @media (max-width: 320px) {
    .CB-container {
      margin-bottom: 21px;
      font-size: 12.5px;
      padding-left: 29px; } }

/* Hide the browser's default radio button */
.CB-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #00a3e7; }
  @media (max-width: 767px) {
    .checkmark-radio {
      height: 28px;
      width: 28px; } }
  @media (max-width: 414px) {
    .checkmark-radio {
      height: 27px;
      width: 27px; } }
  @media (max-width: 384px) {
    .checkmark-radio {
      height: 25px;
      width: 25px; } }
  @media (max-width: 360px) {
    .checkmark-radio {
      height: 23.5px;
      width: 23.5px; } }
  @media (max-width: 320px) {
    .checkmark-radio {
      height: 21px;
      width: 21px; } }

/* On mouse-over, add a grey background color */
.CB-container:hover input ~ .checkmark-radio {
  background-color: white; }

/* When the radio button is checked, add a blue background */
.CB-container input:checked ~ .checkmark-radio {
  background-color: white; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.CB-container input:checked ~ .checkmark-radio:after {
  display: block; }

/* Style the indicator (dot/circle) */
.CB-container .checkmark-radio:after {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #00a3e7; }
  @media (max-width: 767px) {
    .CB-container .checkmark-radio:after {
      top: 19%;
      left: 19%;
      width: 60%;
      height: 60%; } }
  @media (max-width: 414px) {
    .CB-container .checkmark-radio:after {
      top: 20%;
      left: 20%; } }

/*dollar page 5*/
.selectedDollar .pet-image {
  border: 1px solid #00A3E7; }
.selectedDollar .content-d-block {
  color: #00A3E7; }

.choose-amount {
  display: flex;
  margin: 22px auto;
  position: relative; }
  @media (max-width: 1365px) {
    .choose-amount {
      margin: 15px auto; } }
  @media (max-width: 767px) {
    .choose-amount {
      margin: 20px auto;
      width: 89%;
      margin: 16px 5% 0px; } }
  @media (max-width: 414px) {
    .choose-amount {
      margin: 15px 5% 0px; } }
  @media (max-width: 384px) {
    .choose-amount {
      margin: 16px 5% 0px; } }
  @media (max-width: 360px) {
    .choose-amount {
      margin: 14px 5% 0px; } }
  @media (max-width: 320px) {
    .choose-amount {
      margin: 13px 5% 0px; } }

.content-d-block {
  text-align: center;
  color: black;
  font-family: ProximaNova;
  font-size: 16.6px;
  line-height: 1.3;
  margin-top: 7px; }
  @media (max-width: 767px) {
    .content-d-block {
      width: 110%;
      line-height: 1.3;
      margin-top: 7px;
      font-size: 16.6px; } }
  @media (max-width: 414px) {
    .content-d-block {
      font-size: 16px; } }
  @media (max-width: 384px) {
    .content-d-block {
      font-size: 15px; } }
  @media (max-width: 375px) {
    .content-d-block {
      font-size: 14px; } }
  @media (max-width: 360px) {
    .content-d-block {
      font-size: 13.9px; } }
  @media (max-width: 360px) {
    .content-d-block {
      font-size: 12.3px; } }

@media (max-width: 767px) {
  .just-knock {
    margin-left: -6px; } }

@media (max-width: 767px) {
  .I-want-it {
    margin-left: -1px; } }

@media (max-width: 767px) {
  .lawn-neat {
    margin-left: -5px; } }

.bottom-7 {
  margin-bottom: 7px; }
  @media (max-width: 767px) {
    .bottom-7 {
      margin-bottom: unset; } }

.dollar2 {
  margin-top: 37px;
  width: 32px;
  margin-left: -3px; }
  @media (max-width: 1365px) {
    .dollar2 {
      margin-top: 36px; } }
  @media (max-width: 767px) {
    .dollar2 {
      margin-top: 31px;
      width: 32px;
      margin-left: unset; } }
  @media (max-width: 414px) {
    .dollar2 {
      margin-top: 30px;
      height: 24px; } }
  @media (max-width: 384px) {
    .dollar2 {
      margin-top: 27px;
      height: 23px;
      width: 29px; } }
  @media (max-width: 375px) {
    .dollar2 {
      margin-top: 26px;
      height: 22px;
      margin-left: 2px; } }
  @media (max-width: 360px) {
    .dollar2 {
      margin-top: 25px;
      height: 21px;
      width: 27px;
      margin-left: 1px; } }
  @media (max-width: 320px) {
    .dollar2 {
      margin-top: 23px;
      height: 19px;
      width: 24px;
      margin-left: 0px; } }

.dollar3 {
  margin-top: 37px;
  width: 49px;
  margin-left: -4px; }
  @media (max-width: 1365px) {
    .dollar3 {
      margin-top: 36px; } }
  @media (max-width: 767px) {
    .dollar3 {
      margin-top: 31px;
      width: 49px;
      margin-left: unset; } }
  @media (max-width: 414px) {
    .dollar3 {
      margin-top: 30px;
      height: 24px;
      width: 48px;
      margin-left: 2px; } }
  @media (max-width: 384px) {
    .dollar3 {
      margin-top: 27px;
      height: 23px;
      width: 44px; } }
  @media (max-width: 375px) {
    .dollar3 {
      margin-top: 26px;
      height: 22px;
      margin-left: 3px;
      width: 43px; } }
  @media (max-width: 360px) {
    .dollar3 {
      margin-top: 25px;
      height: 21px;
      margin-left: 0px;
      width: 41px; } }
  @media (max-width: 320px) {
    .dollar3 {
      margin-top: 23px;
      height: 19px;
      margin-left: 0px;
      width: 38px; } }

.dollar1 {
  margin-top: 37px;
  width: 15px; }
  @media (max-width: 1365px) {
    .dollar1 {
      margin-top: 36px; } }
  @media (max-width: 767px) {
    .dollar1 {
      margin-top: 31px; } }
  @media (max-width: 414px) {
    .dollar1 {
      margin-top: 30px;
      height: 24px; } }
  @media (max-width: 384px) {
    .dollar1 {
      margin-top: 27px;
      height: 23px;
      width: 14px; } }
  @media (max-width: 375px) {
    .dollar1 {
      margin-top: 26px;
      height: 22px;
      margin-left: 2px;
      width: 13px; } }
  @media (max-width: 360px) {
    .dollar1 {
      margin-top: 25px;
      height: 21px;
      margin-left: 1px;
      width: 12px; } }
  @media (max-width: 320px) {
    .dollar1 {
      margin-top: 23px;
      height: 19px;
      margin-left: 0px;
      width: 11px; } }

.choose-services {
  display: flex;
  margin-top: 22px;
  position: relative; }
  @media (max-width: 1365px) {
    .choose-services {
      margin-top: 15px; } }
  @media (max-width: 1100px) {
    .choose-services {
      flex-wrap: wrap;
      margin: 10px 5.2% 0px; } }
  @media (max-width: 767px) {
    .choose-services {
      flex-wrap: wrap;
      margin: 10px 5.2% 0px; } }
  @media (max-width: 384px) {
    .choose-services {
      margin: 11px 5.2% 0px; } }
  @media (max-width: 375px) {
    .choose-services {
      margin: 12px 5.2% 0px; } }
  @media (max-width: 360px) {
    .choose-services {
      margin: 9px 5.2% 0px; } }

.service-block {
  cursor: pointer;
  text-align: center;
  margin-right: 31px;
  position: relative; }
  @media (max-width: 1365px) {
    .service-block {
      margin-right: 15px; } }
  @media (max-width: 1100px) {
    .service-block {
      width: 90px;
      height: 140px;
      margin-right: 7%;
      line-height: 1.25; } }
  @media (max-width: 767px) {
    .service-block {
      width: 90px;
      height: 151px;
      margin-right: 37.8px;
      line-height: 1.25; } }
  @media (max-width: 414px) {
    .service-block {
      margin-right: 36.5px;
      width: 86px;
      height: 147px;
      height: 149px; } }
  @media (max-width: 384px) {
    .service-block {
      margin-right: 34.5px;
      width: 80px;
      height: 138px; } }
  @media (max-width: 375px) {
    .service-block {
      margin-right: 33.5px;
      width: 78px;
      height: 134px; } }
  @media (max-width: 360px) {
    .service-block {
      margin-right: 32.5px;
      width: 75px;
      height: 129px; } }
  @media (max-width: 320px) {
    .service-block {
      margin-right: 28.5px;
      width: 67px;
      height: 116px; } }
  .service-block .service-name {
    font-family: ProximaNova;
    font-size: 18px;
    color: #373737;
    margin-top: 12px; }
    @media (max-width: 1365px) {
      .service-block .service-name {
        font-size: 16px;
        margin-top: 10px; } }
    @media (max-width: 1100px) {
      .service-block .service-name {
        font-size: 14px;
        margin-top: 7px; } }
    @media (max-width: 767px) {
      .service-block .service-name {
        margin-top: unset;
        font-size: 17px; } }
    @media (max-width: 414px) {
      .service-block .service-name {
        font-size: 16px; } }
    @media (max-width: 384px) {
      .service-block .service-name {
        font-size: 15px; } }
    @media (max-width: 360px) {
      .service-block .service-name {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .service-block .service-name {
        font-size: 12.5px; } }
  .service-block .shrubs-name {
    margin-left: -2px; }
    @media (max-width: 767px) {
      .service-block .shrubs-name {
        margin-left: 0px; } }
  @media (max-width: 767px) {
    .service-block .weeds-name {
      margin-left: -3px; } }
  .service-block .leaves-name {
    margin-left: -1px; }
    @media (max-width: 767px) {
      .service-block .leaves-name {
        margin-left: 0px; } }
  .service-block .mulch-name {
    margin-left: -5px; }
    @media (max-width: 1365px) {
      .service-block .mulch-name {
        margin-left: -7px; } }
    @media (max-width: 767px) {
      .service-block .mulch-name {
        margin-left: 0px;
        font-size: 16.5px; } }
    @media (max-width: 414px) {
      .service-block .mulch-name {
        font-size: 15.5px; } }
    @media (max-width: 384px) {
      .service-block .mulch-name {
        font-size: 14.5px; } }
    @media (max-width: 375px) {
      .service-block .mulch-name {
        font-size: 13.5px; } }
    @media (max-width: 320px) {
      .service-block .mulch-name {
        font-size: 12px; } }
  .service-block .seeds-name {
    margin-left: -2px; }
    @media (max-width: 767px) {
      .service-block .seeds-name {
        margin-left: 0px;
        font-size: 16px; } }
    @media (max-width: 414px) {
      .service-block .seeds-name {
        font-size: 15px; } }
    @media (max-width: 375px) {
      .service-block .seeds-name {
        font-size: 14px; } }
    @media (max-width: 360px) {
      .service-block .seeds-name {
        font-size: 13px; } }
    @media (max-width: 320px) {
      .service-block .seeds-name {
        font-size: 12px; } }

.service-image-block {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #E0E4E9; }
  @media (max-width: 1365px) {
    .service-image-block {
      width: 95px;
      height: 95px; } }
  @media (max-width: 767px) {
    .service-image-block {
      width: 90px;
      height: 90px;
      margin-bottom: 9px; } }
  @media (max-width: 414px) {
    .service-image-block {
      width: 86px;
      height: 87px; } }
  @media (max-width: 384px) {
    .service-image-block {
      width: 80px;
      height: 80px; } }
  @media (max-width: 375px) {
    .service-image-block {
      width: 78px;
      height: 78px; } }
  @media (max-width: 360px) {
    .service-image-block {
      width: 75px;
      height: 75px; } }
  @media (max-width: 320px) {
    .service-image-block {
      width: 67px;
      height: 67px;
      margin-bottom: 7px; } }
  .service-image-block .shrubs-ser {
    margin-top: 27px;
    width: 56px;
    height: 45px; }
    @media (max-width: 767px) {
      .service-image-block .shrubs-ser {
        margin-top: 24px;
        width: 54px;
        height: 41px; } }
    @media (max-width: 414px) {
      .service-image-block .shrubs-ser {
        margin-top: 22px;
        width: 48px;
        height: 44px; } }
    @media (max-width: 384px) {
      .service-image-block .shrubs-ser {
        margin-top: 19px;
        width: 45px;
        height: 40px;
        margin-left: 1px; } }
    @media (max-width: 375px) {
      .service-image-block .shrubs-ser {
        margin-top: 18px;
        width: 44px;
        height: 40px; } }
    @media (max-width: 360px) {
      .service-image-block .shrubs-ser {
        margin-top: 17px;
        width: 42px;
        height: 41px;
        margin-left: 0px; } }
    @media (max-width: 320px) {
      .service-image-block .shrubs-ser {
        margin-top: 15px;
        width: 38px;
        height: 37px; } }
  .service-image-block .weeds-ser {
    margin-top: 15px;
    width: 58px;
    height: 60px; }
    @media (max-width: 767px) {
      .service-image-block .weeds-ser {
        margin-top: 18px;
        width: 52px;
        height: 53px; } }
    @media (max-width: 414px) {
      .service-image-block .weeds-ser {
        width: 51px;
        height: 51px; } }
    @media (max-width: 384px) {
      .service-image-block .weeds-ser {
        width: 50px;
        height: 48px;
        margin-top: 15px;
        margin-left: 1px; } }
    @media (max-width: 375px) {
      .service-image-block .weeds-ser {
        width: 46px;
        height: 47px; } }
    @media (max-width: 360px) {
      .service-image-block .weeds-ser {
        width: 44px;
        height: 45px; } }
    @media (max-width: 320px) {
      .service-image-block .weeds-ser {
        width: 39px;
        height: 39px;
        margin-top: 14px;
        margin-left: 0px; } }
  .service-image-block .mulch-ser {
    margin-top: 15px;
    width: 61px;
    height: 60px; }
    @media (max-width: 767px) {
      .service-image-block .mulch-ser {
        margin-top: 17px;
        width: 52px;
        height: 54px; } }
    @media (max-width: 414px) {
      .service-image-block .mulch-ser {
        margin-top: 15px;
        width: 50px;
        height: 53px;
        margin-left: -1px; } }
    @media (max-width: 384px) {
      .service-image-block .mulch-ser {
        margin-top: 14px;
        width: 47px;
        height: 50px; } }
    @media (max-width: 375px) {
      .service-image-block .mulch-ser {
        width: 46px;
        height: 48px; } }
    @media (max-width: 360px) {
      .service-image-block .mulch-ser {
        width: 44px;
        height: 46px;
        margin-top: 13px; } }
    @media (max-width: 320px) {
      .service-image-block .mulch-ser {
        width: 41px;
        height: 41px;
        margin-top: 11px; } }
  .service-image-block .leaves-ser {
    margin-top: 15.5px;
    width: 66px;
    height: 59px; }
    @media (max-width: 767px) {
      .service-image-block .leaves-ser {
        margin-top: 11px;
        width: 50px;
        height: 64px; } }
    @media (max-width: 414px) {
      .service-image-block .leaves-ser {
        margin-top: 12px;
        width: 50px;
        height: 60px; } }
    @media (max-width: 384px) {
      .service-image-block .leaves-ser {
        margin-top: 9.5px;
        width: 47px;
        height: 56px;
        margin-right: 2px; } }
    @media (max-width: 375px) {
      .service-image-block .leaves-ser {
        height: 54px; } }
    @media (max-width: 360px) {
      .service-image-block .leaves-ser {
        margin-top: 8.5px;
        width: 45px;
        height: 53px; } }
    @media (max-width: 320px) {
      .service-image-block .leaves-ser {
        width: 42px;
        height: 46px; } }
  .service-image-block .seeds-ser {
    margin-top: 15px;
    width: 50px;
    height: 60px; }
    @media (max-width: 767px) {
      .service-image-block .seeds-ser {
        margin-top: 22px;
        width: 45px;
        height: 45px; } }
    @media (max-width: 414px) {
      .service-image-block .seeds-ser {
        margin-top: 20px;
        width: 44px;
        height: 45px;
        margin-left: 2px; } }
    @media (max-width: 384px) {
      .service-image-block .seeds-ser {
        margin-top: 19px;
        width: 41px;
        height: 41px;
        margin-left: 0px; } }
    @media (max-width: 375px) {
      .service-image-block .seeds-ser {
        width: 40px;
        height: 39px;
        margin-left: 1px; } }
    @media (max-width: 320px) {
      .service-image-block .seeds-ser {
        width: 37px;
        height: 34px;
        margin-left: 0px;
        margin-top: 15px; } }

.selectedService .service-image-block {
  border: 1px solid #00a3e7; }
.selectedService .service-name {
  color: #00a3e7; }

@media (max-width: 767px) {
  .service-2nd-line {
    margin-top: 2px; } }
@media (max-width: 414px) {
  .service-2nd-line {
    margin-top: unset; } }

.select-tick-service {
  position: absolute;
  left: 68px;
  width: 24px;
  height: 24px; }
  @media (max-width: 767px) {
    .select-tick-service {
      left: 61px; } }
  @media (max-width: 414px) {
    .select-tick-service {
      left: 58px; } }
  @media (max-width: 384px) {
    .select-tick-service {
      width: 22px;
      height: 22px;
      left: 54px; } }
  @media (max-width: 320px) {
    .select-tick-service {
      width: 18px;
      height: 18px;
      left: 45px; } }

@media (max-width: 1365px) {
  .page7, .page8 {
    width: 471px; } }
@media (max-width: 1100px) {
  .page7, .page8 {
    width: 360px; } }
@media (max-width: 767px) {
  .page7, .page8 {
    width: unset; } }

.message-box7 {
  width: 586px;
  height: 127px !important;
  border-radius: 2px;
  border: solid 1px #cac9c9;
  background-color: white;
  margin-top: 13px;
  font-size: 18px;
  padding-left: 24px;
  padding-top: 19px; }
  @media (max-width: 1365px) {
    .message-box7 {
      width: 471px;
      height: 103px !important;
      margin-top: 11px;
      font-size: 14.5px;
      padding-left: 18px;
      padding-top: 15px; } }
  @media (max-width: 1100px) {
    .message-box7 {
      width: 350px; } }
  @media (max-width: 767px) {
    .message-box7 {
      width: 90%;
      margin: 16px 5.2% 0px;
      height: 162px !important;
      font-size: 18.9px;
      padding-left: 16px;
      padding-top: 16px; } }
  @media (max-width: 414px) {
    .message-box7 {
      width: 89.7%;
      margin: 15px 5.2% 0px;
      height: 157px !important;
      font-size: 18.2px;
      padding-left: 16px;
      padding-top: 15px; } }
  @media (max-width: 384px) {
    .message-box7 {
      height: 145px !important;
      font-size: 17px;
      padding-left: 14px;
      padding-top: 14px; } }
  @media (max-width: 375px) {
    .message-box7 {
      height: 142px !important;
      font-size: 16.5px; } }
  @media (max-width: 360px) {
    .message-box7 {
      height: 136px !important;
      font-size: 16px;
      margin: 14px 5.2% 0px;
      padding-left: 13px;
      padding-top: 12px; } }
  @media (max-width: 320px) {
    .message-box7 {
      height: 121px !important;
      font-size: 14.2px;
      padding-left: 11px;
      padding-top: 11px;
      margin: 13px 5.2% 0px; } }

.message-forpage7 {
  width: 576px;
  font-family: ProximaNova;
  font-size: 18px;
  color: #373737;
  line-height: 1.24;
  margin-top: 19px; }
  @media (max-width: 1365px) {
    .message-forpage7 {
      width: 469px;
      font-size: 14.5px;
      margin-top: 18px; } }
  @media (max-width: 1100px) {
    .message-forpage7 {
      width: 350px; } }
  @media (max-width: 767px) {
    .message-forpage7 {
      margin: auto 9.5%;
      width: 83%;
      font-size: 15px;
      margin-top: 9px;
      line-height: 19px; } }
  @media (max-width: 320px) {
    .message-forpage7 {
      margin-top: 7px; } }
  .message-forpage7 .content-message {
    opacity: 0.6;
    margin-top: -28px;
    margin-left: 20px; }
    @media (max-width: 1365px) {
      .message-forpage7 .content-message {
        margin-top: -26px;
        margin-left: 17px; } }
    @media (max-width: 767px) {
      .message-forpage7 .content-message {
        margin-left: unset;
        margin-top: -19px; } }
    @media (max-width: 414px) {
      .message-forpage7 .content-message {
        margin-top: -19px;
        font-size: 14.5px;
        line-height: 1.3; } }
    @media (max-width: 384px) {
      .message-forpage7 .content-message {
        font-size: 13.5px; } }
    @media (max-width: 375px) {
      .message-forpage7 .content-message {
        font-size: 13.1px;
        line-height: 1.23; } }
    @media (max-width: 360px) {
      .message-forpage7 .content-message {
        font-size: 12.7px; } }
    @media (max-width: 320px) {
      .message-forpage7 .content-message {
        font-size: 11.2px;
        line-height: 1.3; } }
  .message-forpage7 .warn-tag {
    height: 15px;
    width: 15px;
    margin-top: -20px;
    margin-left: -1px; }
    @media (max-width: 1365px) {
      .message-forpage7 .warn-tag {
        height: 12px;
        width: 12px;
        margin-top: -24px;
        margin-left: 0px; } }
    @media (max-width: 767px) {
      .message-forpage7 .warn-tag {
        margin-top: -7px;
        height: 13.5px;
        width: 13.5px;
        margin-left: -19px; } }
    @media (max-width: 414px) {
      .message-forpage7 .warn-tag {
        height: 13px;
        width: 13px;
        margin-left: -17px; } }
    @media (max-width: 384px) {
      .message-forpage7 .warn-tag {
        height: 12px;
        width: 12px;
        margin-left: -16px;
        margin-top: -11px; } }
    @media (max-width: 360px) {
      .message-forpage7 .warn-tag {
        height: 11px;
        width: 11px;
        margin-left: -15px; } }
    @media (max-width: 320px) {
      .message-forpage7 .warn-tag {
        height: 10px;
        width: 10px;
        margin-left: -13px;
        margin-top: -12px; } }

.mobiledigits {
  width: 502px !important;
  height: 60px !important;
  border-radius: 4px !important;
  border: solid 1px #cac9c9 !important;
  color: #373737 !important;
  font-family: ProximaNova !important;
  font-size: 18px !important;
  letter-spacing: 1.8px;
  line-height: 32px;
  text-align: left;
  padding-left: 20px !important;
  font-weight: 600; }
  @media (max-width: 1365px) {
    .mobiledigits {
      width: 404px !important;
      height: 49px !important;
      font-size: 16px !important; } }
  @media (max-width: 1100px) {
    .mobiledigits {
      width: 350px !important; } }
  @media (max-width: 767px) {
    .mobiledigits {
      display: inline-block !important;
      width: 90% !important;
      margin: 17px 5.2% 0px !important;
      border-radius: 1px !important;
      height: 54px !important;
      font-size: 20px !important;
      letter-spacing: 5px;
      padding-left: 23px !important; } }
  @media (max-width: 414px) {
    .mobiledigits {
      width: 89.7% !important;
      margin: 15px 5.2% 0px !important;
      height: 53px !important; } }
  @media (max-width: 384px) {
    .mobiledigits {
      height: 49px !important;
      font-size: 16px !important;
      padding-left: 20px !important;
      letter-spacing: 6px; } }
  @media (max-width: 375px) {
    .mobiledigits {
      height: 48px !important;
      font-size: 15px !important; } }
  @media (max-width: 360px) {
    .mobiledigits {
      height: 46px !important;
      margin: 14px 5.2% 0px !important;
      padding-left: 19px !important;
      letter-spacing: 5px; } }
  @media (max-width: 320px) {
    .mobiledigits {
      height: 41px !important;
      margin: 13px 5.2% 0px !important;
      font-size: 14px !important;
      padding-left: 17px !important; } }

.phone-text {
  display: inline-flex;
  margin-top: 21px;
  position: relative; }
  @media (max-width: 1365px) {
    .phone-text {
      margin-top: 17px; } }
  @media (max-width: 767px) {
    .phone-text {
      margin-top: 15px;
      display: unset;
      height: 60px;
      margin-bottom: 10px; } }

.remove-number {
  cursor: pointer;
  position: absolute;
  width: 15px;
  top: 22px;
  right: 22px; }
  @media (max-width: 1365px) {
    .remove-number {
      width: 12px;
      top: 19px;
      right: 16px; } }
  @media (max-width: 767px) {
    .remove-number {
      width: 13px;
      top: 3px;
      right: 39px; } }
  @media (max-width: 414px) {
    .remove-number {
      width: 12px;
      top: 3px;
      right: 36px; } }
  @media (max-width: 384px) {
    .remove-number {
      right: 34px;
      top: 5px;
      width: 11px; } }
  @media (max-width: 375px) {
    .remove-number {
      right: 33px; } }
  @media (max-width: 360px) {
    .remove-number {
      top: 6px;
      right: 31px; } }
  @media (max-width: 320px) {
    .remove-number {
      right: 27px;
      width: 10px; } }

.secure-text {
  display: flex;
  color: #a0c84c;
  margin-top: 13px; }
  @media (max-width: 767px) {
    .secure-text {
      margin-top: unset;
      margin: 19px 5% 0px;
      width: 90%;
      color: #a0c84c; } }
  @media (max-width: 414px) {
    .secure-text {
      margin: 18px 5% 0px; } }
  @media (max-width: 384px) {
    .secure-text {
      margin: 17px 5% 0px; } }
  @media (max-width: 320px) {
    .secure-text {
      margin: 14px 5% 0px; } }
  @media (max-width: 767px) {
    .secure-text .secureText {
      width: 3.1%;
      margin-left: 2px; } }
  @media (max-width: 375) {
    .secure-text .secureText {
      width: 3.4%; } }
  @media (max-width: 320px) {
    .secure-text .secureText {
      width: 3.1%; } }
  .secure-text .secure-content {
    font-size: 18px;
    margin-left: 6px; }
    @media (max-width: 1365px) {
      .secure-text .secure-content {
        font-size: 16px;
        margin-left: 6px; } }
    @media (max-width: 1100px) {
      .secure-text .secure-content {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .secure-text .secure-content {
        margin-top: 4px;
        font-size: 15px;
        margin-left: 8px; } }
    @media (max-width: 414px) {
      .secure-text .secure-content {
        margin-top: 3px;
        font-size: 14.6px;
        margin-left: 7px; } }
    @media (max-width: 384px) {
      .secure-text .secure-content {
        margin-top: 3px;
        font-size: 13.5px;
        margin-left: 7px; } }
    @media (max-width: 375px) {
      .secure-text .secure-content {
        font-size: 13.1px; } }
    @media (max-width: 360px) {
      .secure-text .secure-content {
        font-size: 12.6px; } }
    @media (max-width: 320px) {
      .secure-text .secure-content {
        font-size: 11.1px; } }

/*address change modal*/
.a-modal {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* Sit on top */
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  overflow: auto; }
  .a-modal .address-modal {
    position: relative;
    margin: 20px auto;
    padding: 40px;
    width: 601px;
    height: 626px;
    background-color: white;
    border-radius: 4px; }
    @media (max-width: 767px) {
      .a-modal .address-modal {
        width: 90%;
        margin: auto 5%;
        left: unset;
        padding: unset;
        margin-top: 13.2%;
        height: 659px; } }
    @media (max-width: 414px) {
      .a-modal .address-modal {
        height: 635px; } }
    @media (max-width: 384px) {
      .a-modal .address-modal {
        height: 588px; } }
    @media (max-width: 375px) {
      .a-modal .address-modal {
        height: 575px; } }
    @media (max-width: 360px) {
      .a-modal .address-modal {
        height: 552px; } }
    @media (max-width: 320px) {
      .a-modal .address-modal {
        height: 491px; } }
    .a-modal .address-modal .address-modal-header .address-modal-title {
      font-family: 'Proxima Nova Extrabold';
      font-size: 32px;
      line-height: 1.19;
      text-align: center;
      color: #373737; }
      @media (max-width: 767px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 24.5px;
          padding-top: 27px;
          margin-bottom: 21px; } }
      @media (max-width: 414px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 23.6px;
          padding-top: 25px; } }
      @media (max-width: 384px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 22px;
          padding-top: 23px;
          margin-bottom: 18px; } }
      @media (max-width: 375px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 21.5px; } }
      @media (max-width: 360px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 20.5px;
          padding-top: 22px; } }
      @media (max-width: 320px) {
        .a-modal .address-modal .address-modal-header .address-modal-title {
          font-size: 18.5px;
          padding-top: 20px;
          margin-bottom: 16px; } }
    .a-modal .address-modal .address-modal-body {
      margin: auto 20px; }
      @media (max-width: 767px) {
        .a-modal .address-modal .address-modal-body {
          margin: auto 7%; } }

.display-inline {
  display: inline-flex; }
  @media (max-width: 767px) {
    .display-inline {
      display: block; } }

.address-label {
  font-family: 'proxima_novasemibold';
  font-size: 17px;
  font-weight: 600;
  color: #333434;
  margin-top: 20px;
  margin-bottom: 6px; }
  @media (max-width: 767px) {
    .address-label {
      margin-top: 21px;
      font-size: 20px;
      margin-bottom: 1px; } }
  @media (max-width: 414px) {
    .address-label {
      font-size: 19px; } }
  @media (max-width: 384px) {
    .address-label {
      margin-top: unset;
      font-size: 18px; } }
  @media (max-width: 375px) {
    .address-label {
      font-size: 17.5px; } }
  @media (max-width: 360px) {
    .address-label {
      font-size: 17px; } }
  @media (max-width: 320px) {
    .address-label {
      font-size: 15px; } }

.address-input-full {
  width: 480px !important;
  height: 52px !important;
  color: #333434 !important;
  font-family: ProximaNova !important;
  font-size: 17px !important;
  border: solid 1px rgba(149, 152, 152, 0.5) !important;
  background-color: rgba(216, 216, 216, 0) !important; }
  @media (max-width: 767px) {
    .address-input-full {
      width: 100% !important;
      height: 48px !important;
      margin-bottom: 26px !important;
      padding-left: 10px;
      font-size: 19px !important; } }
  @media (max-width: 414px) {
    .address-input-full {
      height: 47px !important; } }
  @media (max-width: 384px) {
    .address-input-full {
      height: 44px !important;
      margin-bottom: 23px !important; } }
  @media (max-width: 375px) {
    .address-input-full {
      height: 42px !important; } }
  @media (max-width: 360px) {
    .address-input-full {
      height: 41px !important;
      margin-bottom: 22px !important; } }
  @media (max-width: 320px) {
    .address-input-full {
      height: 35px !important;
      margin-bottom: 21px !important; } }

.address-input {
  background-color: rgba(216, 216, 216, 0) !important;
  border: 1px solid rgba(149, 152, 152, 0.5) !important;
  width: 220px !important;
  height: 52px !important;
  font-family: ProximaNova !important;
  color: #333434;
  font-size: 17px !important; }
  @media (max-width: 767px) {
    .address-input {
      width: 100% !important;
      height: 48px !important;
      margin-bottom: 27px !important;
      padding-left: 10px;
      font-size: 19px !important; } }
  @media (max-width: 414px) {
    .address-input {
      height: 47px !important; } }
  @media (max-width: 384px) {
    .address-input {
      height: 44px !important;
      margin-bottom: 23px !important; } }
  @media (max-width: 375px) {
    .address-input {
      height: 42px !important; } }
  @media (max-width: 360px) {
    .address-input {
      height: 41px !important;
      margin-bottom: 22px !important; } }
  @media (max-width: 320px) {
    .address-input {
      height: 35px !important;
      margin-bottom: 21px !important; } }

.right-section {
  margin-left: 9%; }
  @media (max-width: 767px) {
    .right-section {
      margin-left: unset; } }

.add-submit {
  margin: auto;
  margin-top: 36px;
  padding-top: 16px;
  padding-left: 102px;
  width: 362px;
  height: 64px;
  border-radius: 33px;
  background-image: linear-gradient(0deg, #FF6F00 0%, #FF9B00 100%);
  font-family: ProximaNova;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer; }
  @media (max-width: 767px) {
    .add-submit {
      width: 86%;
      margin-top: 36px;
      padding-top: 18px;
      padding-left: 97px;
      height: 61px;
      font-size: 19px; } }
  @media (max-width: 414px) {
    .add-submit {
      margin-top: 35px;
      padding-top: 16px;
      padding-left: 25%;
      height: 59px;
      font-size: 18.3px; } }
  @media (max-width: 384px) {
    .add-submit {
      margin-top: 32px;
      height: 55px;
      font-size: 17px; } }
  @media (max-width: 375px) {
    .add-submit {
      margin-top: 34px;
      height: 54px;
      font-size: 16.5px; } }
  @media (max-width: 360px) {
    .add-submit {
      margin-top: 30px;
      height: 51px;
      padding-top: 14px;
      font-size: 16px; } }
  @media (max-width: 320px) {
    .add-submit {
      margin-top: 26px;
      height: 46px;
      padding-top: 13px;
      font-size: 14.1px; } }

.cancel {
  margin: 29px auto;
  border-bottom: 1px solid currentColor;
  font-family: ProximaNova;
  font-size: 20px;
  font-weight: bold;
  color: #fd823a;
  width: 63px;
  height: 24px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .cancel {
      margin: 27px auto;
      font-size: 19px;
      font-weight: 700;
      width: 59px;
      height: 22px; } }
  @media (max-width: 414px) {
    .cancel {
      height: 20px;
      margin: 26px auto; } }
  @media (max-width: 384px) {
    .cancel {
      font-size: 17px;
      width: 54px;
      margin: 24px auto; } }
  @media (max-width: 375px) {
    .cancel {
      font-size: 16.5px;
      width: 51px;
      margin: 22px auto; } }
  @media (max-width: 320px) {
    .cancel {
      font-size: 14px;
      width: 44px;
      margin: 20px auto;
      height: 17px; } }

.exit-add {
  position: absolute;
  top: 24px;
  width: 22px;
  right: 24px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .exit-add {
      width: 17px;
      right: 17px;
      top: 17px; } }
  @media (max-width: 414px) {
    .exit-add {
      width: 16px;
      right: 16px;
      top: 16px; } }
  @media (max-width: 384px) {
    .exit-add {
      right: 15px;
      top: 15px;
      width: 15px; } }
  @media (max-width: 360px) {
    .exit-add {
      right: 14px;
      top: 14px;
      width: 14px; } }
  @media (max-width: 320px) {
    .exit-add {
      right: 13px;
      top: 13px;
      width: 13px; } }

.uppercase-section {
  text-transform: uppercase; }

.zero-of-eight-answered {
  color: #373737;
  font-family: ProximaNova;
  font-size: 16px;
  line-height: 19px;
  text-align: left; }
  @media (max-width: 767px) {
    .zero-of-eight-answered {
      margin-bottom: 6px;
      font-size: 16.6px; } }
  @media (max-width: 414px) {
    .zero-of-eight-answered {
      font-size: 16.2px; } }
  @media (max-width: 384px) {
    .zero-of-eight-answered {
      font-size: 15px;
      margin-bottom: 4px; } }
  @media (max-width: 375px) {
    .zero-of-eight-answered {
      font-size: 14.5px; } }
  @media (max-width: 360px) {
    .zero-of-eight-answered {
      font-size: 14px; } }
  @media (max-width: 320px) {
    .zero-of-eight-answered {
      font-size: 12.5px;
      margin-bottom: 1px; } }

.status-bar {
  background-color: #d4f2ff;
  border-radius: 2.5px;
  height: 4px;
  width: 100%;
  margin-top: 8px; }
  @media (max-width: 767px) {
    .status-bar {
      margin-top: unset;
      height: 6px; } }
  @media (max-width: 384px) {
    .status-bar {
      height: 5px; } }

.status-bar-block {
  width: 180px;
  margin: 10px 0 0 auto; }
  @media (max-width: 1100px) {
    .status-bar-block {
      width: 156px;
      position: absolute;
      right: 18px; } }
  @media (max-width: 767px) {
    .status-bar-block {
      right: unset;
      width: 156px;
      position: absolute;
      left: 116px;
      top: 19px; } }
  @media (max-width: 414px) {
    .status-bar-block {
      width: 151px;
      left: 112px;
      top: 18px; } }
  @media (max-width: 384px) {
    .status-bar-block {
      width: 140px;
      left: 104px;
      top: 16px; } }
  @media (max-width: 375px) {
    .status-bar-block {
      width: 137px;
      left: 102px;
      top: 18px; } }
  @media (max-width: 360px) {
    .status-bar-block {
      width: 132px;
      left: 97px;
      top: 14px; } }
  @media (max-width: 320px) {
    .status-bar-block {
      width: 117px;
      left: 86px;
      top: 15px; } }

.status-bar-progress {
  background-color: #00a3e7;
  border-radius: 5px;
  height: 4px;
  width: 0px; }
  @media (max-width: 767px) {
    .status-bar-progress {
      height: 6px; } }
  @media (max-width: 384px) {
    .status-bar-progress {
      height: 5px; } }

@media (max-width: 1100px) {
  .Button-block {
    margin-top: 20px; } }
@media (max-width: 767px) {
  .Button-block {
    margin-top: 15px; } }
@media (max-width: 384px) {
  .Button-block {
    margin-top: 16px; } }
@media (max-width: 375px) {
  .Button-block {
    margin-top: 13px; } }
@media (max-width: 360px) {
  .Button-block {
    margin-top: 12px; } }

.Button-block-1 {
  margin-top: 10px; }
  @media (max-width: 1365px) {
    .Button-block-1 {
      margin-top: unset; } }

@media (max-width: 767px) {
  .page1 {
    margin-bottom: unset; } }

.mobile-point-4 {
  margin-left: -24px; }
  @media (max-width: 767px) {
    .mobile-point-4 {
      margin-left: -23px; } }
  @media (max-width: 414px) {
    .mobile-point-4 {
      margin-left: -22px; } }
  @media (max-width: 384px) {
    .mobile-point-4 {
      margin-left: -20px; } }
  @media (max-width: 360px) {
    .mobile-point-4 {
      margin-left: -19px; } }
  @media (max-width: 320px) {
    .mobile-point-4 {
      margin-left: -17px; } }

.mobile-point-7 {
  margin-left: -24px; }
  @media (max-width: 767px) {
    .mobile-point-7 {
      margin-left: -23px; } }
  @media (max-width: 414px) {
    .mobile-point-7 {
      margin-left: -22px; } }
  @media (max-width: 384px) {
    .mobile-point-7 {
      margin-left: -20px; } }
  @media (max-width: 360px) {
    .mobile-point-7 {
      margin-left: -19px; } }
  @media (max-width: 320px) {
    .mobile-point-7 {
      margin-left: -17px; } }

.choose-mowing {
  margin-top: 25px; }
  @media (max-width: 1365px) {
    .choose-mowing {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .choose-mowing {
      margin-top: 20px;
      margin: 27px 5% 0px; } }
  @media (max-width: 414px) {
    .choose-mowing {
      margin: 25px 5.2% 0px; } }
  @media (max-width: 375px) {
    .choose-mowing {
      margin: 24px 5.2% 0px; } }
  @media (max-width: 360px) {
    .choose-mowing {
      margin: 23px 5.2% 0px; } }
  @media (max-width: 320px) {
    .choose-mowing {
      margin: 21px 5.2% 0px; } }

.selectmowing {
  color: #00A3E7; }

.display-hidden {
  display: none !important; }

.intercom-lightweight-app-launcher {
  display: none !important; }

.tick-sign-2 {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .tick-sign-2 {
      margin-top: 25px;
      margin-left: 40px; } }

.tick-sign-3 {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .tick-sign-3 {
      font-size: 14.9px;
      margin-top: 29px;
      margin-left: 40px; } }

.drop-down::after {
  content: "";
  position: absolute;
  z-index: 11;
  width: 14px;
  height: 14px;
  opacity: 1;
  border-top: solid 2px #959898;
  border-left: solid 2px #959898;
  left: 243px;
  top: 365px;
  transform: rotate(225deg); }
  @media (max-width: 767px) {
    .drop-down::after {
      width: 13px;
      height: 13px;
      left: 326px;
      top: 334px; } }
  @media (max-width: 414px) {
    .drop-down::after {
      left: 315px;
      top: 322px;
      width: 12px;
      height: 12px; } }
  @media (max-width: 384px) {
    .drop-down::after {
      width: 11px;
      height: 11px;
      left: 292px;
      top: 298px; } }
  @media (max-width: 375px) {
    .drop-down::after {
      left: 286px;
      top: 294px; } }
  @media (max-width: 360px) {
    .drop-down::after {
      left: 274px;
      top: 280px; } }
  @media (max-width: 320px) {
    .drop-down::after {
      width: 10px;
      height: 10px;
      left: 243px;
      top: 249px; } }

.add-error {
  color: #E21A4B;
  font-family: ProximaNova;
  font-size: 15px;
  text-align: left; }
  @media (max-width: 767px) {
    .add-error {
      font-size: 88%;
      margin-top: -25px;
      margin-bottom: -17px; } }
  @media (max-width: 414px) {
    .add-error {
      font-size: 86%;
      margin-bottom: -16px; } }
  @media (max-width: 384px) {
    .add-error {
      font-size: 81%;
      margin-top: -20px;
      margin-bottom: 1px; } }
  @media (max-width: 375px) {
    .add-error {
      font-size: 77%;
      margin-bottom: 2px; } }
  @media (max-width: 360px) {
    .add-error {
      font-size: 75%; } }
  @media (max-width: 320px) {
    .add-error {
      font-size: 66%;
      margin-top: -19px;
      margin-bottom: 4px; } }

.input-error {
  color: red !important;
  border: solid 1px red !important; }

.signup-contanier {
  width: 1366px;
  margin: 0 auto; }
  @media (max-width: 1365px) {
    .signup-contanier {
      width: 100%; } }

.mobile-uturn {
  display: none; }
  @media (max-width: 767px) {
    .mobile-uturn {
      display: block;
      float: right;
      width: 13px;
      position: relative;
      top: 14px;
      left: 6px; } }
  @media (max-width: 414px) {
    .mobile-uturn {
      left: 5px; } }
  @media (max-width: 384px) {
    .mobile-uturn {
      width: 11.5px; } }
  @media (max-width: 375px) {
    .mobile-uturn {
      left: 4px;
      top: 12px; } }
  @media (max-width: 360px) {
    .mobile-uturn {
      width: 10.5px;
      top: 12px; } }
  @media (max-width: 320px) {
    .mobile-uturn {
      width: 0px;
      top: 10px; } }

@media (max-width: 767px) {
  .onboard-2nd-line {
    font-size: 17.9px;
    line-height: 22px;
    margin-top: 8px; } }
@media (max-width: 414px) {
  .onboard-2nd-line {
    font-size: 17.3px;
    line-height: 21px;
    margin-top: 9px; } }
@media (max-width: 384px) {
  .onboard-2nd-line {
    font-size: 16px;
    line-height: 20px;
    margin-top: 7px; } }
@media (max-width: 375px) {
  .onboard-2nd-line {
    font-size: 15.6px;
    line-height: 19px;
    margin-top: 14px; } }
@media (max-width: 360px) {
  .onboard-2nd-line {
    font-size: 15px;
    line-height: 18px; } }
@media (max-width: 320px) {
  .onboard-2nd-line {
    font-size: 13.4px;
    line-height: 16px;
    margin-top: 7px; } }

@media (max-width: 767px) {
  .m744px-height {
    height: 741px; } }
@media (max-width: 384px) {
  .m744px-height {
    height: 672px; } }
@media (max-width: 375px) {
  .m744px-height {
    height: 656px; } }
@media (max-width: 360px) {
  .m744px-height {
    height: 632px; } }
@media (max-width: 320px) {
  .m744px-height {
    height: 566px; } }

@media (max-width: 767px) {
  .m680px-height {
    height: 683px; } }
@media (max-width: 414px) {
  .m680px-height {
    height: 661px; } }
@media (max-width: 384px) {
  .m680px-height {
    height: 618px; } }
@media (max-width: 375px) {
  .m680px-height {
    height: 604px; } }
@media (max-width: 360px) {
  .m680px-height {
    height: 582px; } }
@media (max-width: 320px) {
  .m680px-height {
    height: 522px; } }

@media (max-width: 767px) {
  .mPage6-height {
    height: 748px; } }
@media (max-width: 384px) {
  .mPage6-height {
    height: 682px; } }
@media (max-width: 375px) {
  .mPage6-height {
    height: 664px; } }
@media (max-width: 360px) {
  .mPage6-height {
    height: 640px; } }
@media (max-width: 320px) {
  .mPage6-height {
    height: 574px; } }

@media (max-width: 767px) {
  .mobile-none {
    display: none; } }

.web-none {
  display: none; }
  @media (max-width: 767px) {
    .web-none {
      display: block; } }

.button-skip {
  cursor: pointer;
  border: 1px solid #878787;
  border-radius: 33px;
  width: 111px;
  height: 46px;
  color: #878787;
  font-family: 'proxima_novasemibold';
  font-size: 22px;
  padding-left: 31px;
  float: right;
  padding-top: 6px;
  margin-right: 58px;
  margin-top: 31px; }
  @media (max-width: 1365px) {
    .button-skip {
      margin-top: 15px; } }
  @media (max-width: 1100px) {
    .button-skip {
      margin-right: unset; } }
  @media (max-width: 767px) {
    .button-skip {
      margin-right: 22px;
      margin-top: 16px;
      font-size: 19px;
      padding-left: 8.5%;
      padding-top: 9px; } }
  @media (max-width: 414px) {
    .button-skip {
      margin-right: 21px;
      margin-top: 17px;
      font-size: 18px;
      padding-left: 8.4%;
      padding-top: 7px;
      width: 106px;
      height: 44px; } }
  @media (max-width: 384px) {
    .button-skip {
      margin-right: 20px;
      margin-top: 15px;
      font-size: 17.8px;
      padding-left: 8%;
      width: 98px;
      height: 41px; } }
  @media (max-width: 375px) {
    .button-skip {
      margin-right: 19px;
      width: 96px;
      height: 40px;
      font-size: 17px; } }
  @media (max-width: 360px) {
    .button-skip {
      margin-right: 17px;
      width: 94px;
      height: 38px;
      font-size: 16px;
      padding-left: 8.5%;
      margin-top: 13px; } }
  @media (max-width: 320px) {
    .button-skip {
      margin-right: 16px;
      width: 83px;
      height: 34px;
      font-size: 14px;
      margin-top: 11px;
      padding-top: 6px; } }

.button-skip-2 {
  cursor: pointer;
  border: 1px solid #878787;
  border-radius: 33px;
  width: 111px;
  height: 46px;
  color: #878787;
  font-family: 'proxima_novasemibold';
  font-size: 22px;
  padding-left: 34px;
  float: right;
  padding-top: 6px;
  margin-top: 24px; }
  @media (max-width: 1365px) {
    .button-skip-2 {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .button-skip-2 {
      margin-right: 22px;
      margin-top: 16px;
      font-size: 19px;
      padding-left: 8.5%;
      padding-top: 9px; } }
  @media (max-width: 414px) {
    .button-skip-2 {
      margin-right: 21px;
      margin-top: 17px;
      font-size: 18px;
      padding-left: 8.4%;
      padding-top: 7px;
      width: 106px;
      height: 44px; } }
  @media (max-width: 384px) {
    .button-skip-2 {
      margin-right: 20px;
      margin-top: 15px;
      font-size: 17.8px;
      padding-left: 8%;
      width: 98px;
      height: 41px; } }
  @media (max-width: 375px) {
    .button-skip-2 {
      margin-right: 19px;
      width: 96px;
      height: 40px;
      font-size: 17px; } }
  @media (max-width: 360px) {
    .button-skip-2 {
      margin-right: 17px;
      width: 94px;
      height: 38px;
      font-size: 16px;
      padding-left: 8.5%;
      margin-top: 13px; } }
  @media (max-width: 320px) {
    .button-skip-2 {
      margin-right: 16px;
      width: 83px;
      height: 34px;
      font-size: 14px;
      margin-top: 11px;
      padding-top: 6px; } }

.semi-bold {
  font-weight: 600; }

.mob-error {
  font-family: ProximaNova;
  font-size: 20px;
  color: #e21a4b;
  margin: -13px 0px 5px; }
  @media (max-width: 1365px) {
    .mob-error {
      font-size: 16px; } }
  @media (max-width: 1100px) {
    .mob-error {
      font-size: 14px;
      margin: -13px 0px -10px; } }
  @media (max-width: 767px) {
    .mob-error {
      font-size: 97%;
      width: 89.6%;
      margin: 5px 5.2% -10px; } }
  @media (max-width: 414px) {
    .mob-error {
      font-size: 94%;
      margin: 4px 5.2% -9px; } }
  @media (max-width: 384px) {
    .mob-error {
      font-size: 87%;
      margin: 3px 5.2% -7px; } }
  @media (max-width: 375px) {
    .mob-error {
      font-size: 84%; } }
  @media (max-width: 360px) {
    .mob-error {
      font-size: 82%; } }
  @media (max-width: 320px) {
    .mob-error {
      font-size: 73%;
      margin: 2px 5.2% -7px; } }

.errorborder {
  border: solid 1px #e21a4b !important; }

@media (max-width: 767px) {
  .signed-up {
    width: 149px;
    height: 33px;
    border-radius: 29.5px;
    border: solid 1px #ffffff;
    font-family: ProximaNova;
    font-size: 14.5px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    margin: 6px 13px 0px;
    line-height: 32px; } }
@media (max-width: 414px) {
  .signed-up {
    font-size: 14px;
    width: 145px;
    height: 32px;
    margin: 5px 12px 0px; } }
@media (max-width: 384px) {
  .signed-up {
    width: 135px;
    height: 30px;
    font-size: 13px;
    margin: 4px 10px 0px;
    line-height: 30px; } }
@media (max-width: 375px) {
  .signed-up {
    width: 133px;
    height: 29px;
    font-size: 12.6px; } }
@media (max-width: 360px) {
  .signed-up {
    width: 126px;
    height: 28px;
    font-size: 12px;
    margin: 3px 10px 0px;
    line-height: 28px; } }
@media (max-width: 320px) {
  .signed-up {
    width: 112px;
    height: 25px;
    font-size: 10.8px;
    margin: 2px 10px 0px;
    line-height: 24px; } }

.number-down-bar-1 {
  content: "";
  width: 44px;
  height: 1px;
  position: absolute;
  top: 45px;
  z-index: 20;
  background-color: #cac9c9;
  left: 22px; }

.number-down-bar-2 {
  content: "";
  width: 33px;
  height: 1px;
  position: absolute;
  top: 45px;
  z-index: 20;
  background-color: #cac9c9;
  left: 74px; }

.number-down-bar-3 {
  content: "";
  width: 44px;
  height: 1px;
  position: absolute;
  top: 45px;
  z-index: 20;
  background-color: #cac9c9;
  left: 118px; }

.number-first-round {
  position: absolute;
  color: #666666;
  font-family: ProximaNova;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  top: 15px;
  left: 14px; }
  @media (max-width: 1365px) {
    .number-first-round {
      font-size: 16px;
      top: 9px; } }
  @media (max-width: 767px) {
    .number-first-round {
      font-size: 20px;
      top: -7px;
      left: 34px; } }
  @media (max-width: 384px) {
    .number-first-round {
      top: -5px;
      left: 32px;
      font-size: 16px; } }
  @media (max-width: 375px) {
    .number-first-round {
      font-size: 15px; } }
  @media (max-width: 360px) {
    .number-first-round {
      left: 29px; } }
  @media (max-width: 320px) {
    .number-first-round {
      left: 26px;
      font-size: 14px; } }

/*hover*/
.button-hover:hover {
  background: #f67106; }

/*animation*/
@keyframes inputPage-next {
  from {
    top: 150px;
    opacity: 1; }
  to {
    top: 300px;
    opacity: 0; } }
@keyframes inputPage-back {
  from {
    top: 300px;
    opacity: 0; }
  to {
    top: 150px;
    opacity: 1; } }
@keyframes currentpage-show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes currentpage-hide {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/*@keyframes cal-next {
  from {
    opacity: 0;
    margin-right: 100px;
  }
  to {
    opacity: 1;
    margin-right: 0;
  }
}
@keyframes cal-back {
  from {
    opacity: 1;
    margin-left: 100px;
  }
  to {
    opacity: 0.1;
    margin-left: 0;
  }
}
*/
.page1, .page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10, .page11 {
  animation-timing-function: ease-in; }
  @media (max-width: 767px) {
    .page1, .page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10, .page11 {
      width: 100%; } }

.animation-next {
  animation: inputPage-next 1s forwards; }

.animation-prev {
  animation: inputPage-back 1s forwards; }

.animation-show {
  animation: currentpage-show 1s forwards; }
  @media (max-width: 767px) {
    .animation-show {
      animation: currentpage-show 1s forwards; } }

.animation-hide {
  animation: currentpage-hide 1s forwards; }
  @media (max-width: 767px) {
    .animation-hide {
      animation: currentpage-hide 0.7s forwards; } }

/*
.calendar-next{
  animation-timing-function: ease-in;
  animation: cal-next 1s forwards;
}
.calendar-back{
  animation-timing-function: ease-in;
  animation: cal-back 1s forwards;
}
*/
@media (max-width: 1100px) and (min-width: 767px) {
  .pad-design-footer-height {
    top: 510px; } }

.address_error {
  color: red;
  text-align: center; }

.page10 input, .page11 input, .page9 input {
  border-radius: 4px !important;
  margin-top: 15px; }
  .page10 input:focus, .page11 input:focus, .page9 input:focus {
    background-color: #fafafa !important; }
  @media (max-width: 1365px) {
    .page10 input, .page11 input, .page9 input {
      width: 404px !important;
      height: 49px !important;
      font-size: 16px !important; } }
  @media (max-width: 1100px) {
    .page10 input, .page11 input, .page9 input {
      width: 350px !important; } }
  @media (max-width: 767px) {
    .page10 input, .page11 input, .page9 input {
      display: inline-block !important;
      width: 90% !important;
      margin: 15px 5.2% 0px !important;
      border-radius: 1px !important;
      height: 54px !important;
      font-size: 20px !important;
      padding-left: 23px !important; } }
  @media (max-width: 414px) {
    .page10 input, .page11 input, .page9 input {
      width: 89.7% !important;
      margin: 15px 5.2% 0px !important;
      height: 53px !important; } }
  @media (max-width: 384px) {
    .page10 input, .page11 input, .page9 input {
      height: 49px !important;
      font-size: 16px !important;
      padding-left: 20px !important; } }
  @media (max-width: 375px) {
    .page10 input, .page11 input, .page9 input {
      height: 48px !important;
      font-size: 15px !important; } }
  @media (max-width: 360px) {
    .page10 input, .page11 input, .page9 input {
      height: 46px !important;
      margin: 14px 5.2% 0px !important;
      padding-left: 19px !important; } }
  @media (max-width: 320px) {
    .page10 input, .page11 input, .page9 input {
      height: 41px !important;
      margin: 13px 5.2% 0px !important;
      font-size: 14px !important;
      padding-left: 17px !important; } }

@media (max-width: 767px) {
  .gi-price-onboarding .on-boards-steps {
    display: block !important; } }

.red_clr {
  color: #e21a4b;
  font-family: ProximaNova;
  font-size: 20px; }

.register-form-error {
  max-width: 480px;
  margin-top: 10px; }
  @media (max-width: 1370px) {
    .register-form-error {
      max-width: 400px; } }
  @media (max-width: 767px) {
    .register-form-error {
      margin-left: 5.2%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .register-form-error {
      max-width: 90%; } }

.disabled {
  cursor: not-allowed;
  opacity: 0.7; }

.email-error, .name-error {
  margin-top: -10px; }