@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sintony:wght@400;700&display=swap");
* {
  margin: 0px;
  padding: 0px; }

.gradient, header .carousel {
  background: #243f84;
  /* Old browsers */
  background: -moz-linear-gradient(left, #243f84 0%, #1b9ad6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #243f84 0%, #1b9ad6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #243f84 0%, #1b9ad6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243f84', endColorstr='#1b9ad6',GradientType=1 );
  /* IE6-9 */ }

/*Media Queries*/
.bg-body, body {
  background: #f0f1f5; }

.bg-white, .buyer-journey .box .content, .highlighted, .sales .engage .box, .pricing .engage .box, .help-center .box {
  background: #ffffff; }

.bg-black {
  background: #000000; }

.bg-primary, .buyer-journey .box:before {
  background: #1B9AD6;
  background-color: #1B9AD6 !important; }

.bg-secondary {
  background: #243F84; }

.bg-success {
  background: #46cd93; }

.bg-info {
  background: #4bbbce; }

.bg-warning {
  background: #ffc107; }

.bg-danger {
  background: #f24734; }

.bg-purple {
  background: #a462e0; }

.bg-pink {
  background: #e66793; }

.text-white, .btn, .btn:hover, .hs-form-3edd1862-d409-4f07-bcf0-fd4d9f73e43c_681e3845-55a2-48bb-893d-82905e5b2180 .hs-button, header .carousel-caption, header .carousel-caption h2, header .carousel-caption h3, .highlighted .features .box, .highlighted .features .box h5, .pricing .engage .box .package-head h2, .pricing .engage .box .package-head h3 {
  color: #ffffff; }

.text-black, .btn-light:hover, body, body h4, .education .content h2, .education .content h3 {
  color: #000000; }

.text-primary, body h3, .buyer-journey .box:after {
  color: #1B9AD6; }

.text-secondary, body h2 {
  color: #243F84; }

.text-success {
  color: #46cd93; }

.text-info {
  color: #4bbbce; }

.text-warning {
  color: #ffc107; }

.text-danger, body ul li:before {
  color: #f24734; }

.text-purple {
  color: #a462e0; }

.text-pink {
  color: #e66793; }

.btn {
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  padding: 15px 20px;
  -webkit-border-radius: 50px;
  border-radius: 50px; }
  .btn i {
    margin-right: 5px; }

.btn-light {
  color: #000000; }

.btn-primary {
  background-color: #1B9AD6;
  color: #ffffff;
  border-color: #1B9AD6; }
  .btn-primary:hover {
    background-color: #243F84;
    color: #ffffff; }

.btn-secondary {
  background-color: #243F84;
  color: #ffffff; }

.btn-success {
  background-color: #46cd93;
  color: #ffffff; }

.btn-info {
  background-color: #4bbbce;
  color: #ffffff; }

.btn-warning {
  background-color: #ffc107; }

.btn-danger {
  background-color: #f24734;
  color: #ffffff; }

.btn-purple {
  background-color: #a462e0;
  color: #ffffff; }

.btn-pink {
  background-color: #e66793;
  color: #ffffff; }

.hs-form-3edd1862-d409-4f07-bcf0-fd4d9f73e43c_681e3845-55a2-48bb-893d-82905e5b2180 .hs-button {
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif !important;
  padding: 15px 20px !important;
  -webkit-border-radius: 50px !important;
  border-radius: 50px !important; }

.text-right, header .carousel-item {
  text-align: right; }

.text-center, .btn, .hs-form-3edd1862-d409-4f07-bcf0-fd4d9f73e43c_681e3845-55a2-48bb-893d-82905e5b2180 .hs-button, .buyer-journey .box .content, .download {
  text-align: center; }

.font-16, body {
  font-size: 16px; }

.font-18, body h5, .pricing .engage .box .package-head h3, .pricing .engage .box .package-head h4 {
  font-size: 18px; }

.font-20, body h4, body ul li {
  font-size: 20px; }

.font-24, body h3 {
  font-size: 24px; }

.font-30, body h1, body h2, .buyer-journey .box:after, .education .content h3 {
  font-size: 30px; }

.font-40, .education .content h2, .pricing .engage .box .package-head h2 {
  font-size: 40px; }

.font-50, .highlighted .features .box i, .sales .engage .box i {
  font-size: 50px; }

.bold {
  font-weight: bold; }

.w-100, .brand-bg, .buyer-journey, .sales, .pricing, .brand-bg-2, .brand-bg-3, header .brand-bar, header .carousel {
  width: 100%; }

.h-100, header .brand-bg, header .buyer-journey, header .sales, header .pricing, header .carousel-inner, header .carousel-item, header .carousel .whatspays-app {
  height: 100%; }

.rel, body h3, body ul li, .buyer-journey .box, .education, .download {
  position: relative; }

.abs, body h3:before, body h3:after, body .hright:before, body .hright:after, body ul li:before, header .brand-bar, header .brand-bg, header .buyer-journey, header .sales, header .pricing, header .carousel .support-img, .buyer-journey .box:before, .buyer-journey .box:after {
  position: absolute; }

.fix {
  position: fixed; }

.flex, header .brand-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.text-shadow, .btn, .hs-form-3edd1862-d409-4f07-bcf0-fd4d9f73e43c_681e3845-55a2-48bb-893d-82905e5b2180 .hs-button {
  text-shadow: 3px 5px 4px rgba(108, 118, 134, 0.3); }

.box-shadow, .buyer-journey .box .content, .highlighted .features .box {
  box-shadow: 0 0 0.25rem rgba(108, 118, 134, 0.1); }

.radius, .highlighted .features .box, .sales .engage .box, .pricing .engage .box, .pricing .engage .box .package-head, .help-center .box {
  border-radius: 5px; }

.pl-150 {
  padding-left: 150px; }

.d-block, .buyer-journey .box:before, .buyer-journey .box:after {
  display: block; }

.animate, body a, .buyer-journey .box {
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s; }

.line-hide:before {
  display: none; }
.line-hide:after {
  display: none; }

.curve {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  width: 110%;
  position: absolute;
  position: absolute;
  top: -50px;
  right: -2%;
  height: 110px; }

html {
  overflow-x: hidden; }

body {
  font-family: "Roboto", sans-serif;
  line-height: 30px;
  overflow-x: hidden; }
  body a {
    color: #1B9AD6; }
    body a:hover {
      color: #243F84; }
  body h1 {
    font-family: "Sintony", sans-serif;
    line-height: 40px; }
  body h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 40px; }
  body h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    margin-bottom: 0px; }
    body h3:before {
      width: 100px;
      height: 3px;
      background: #1B9AD6;
      content: "";
      display: block;
      top: 5px;
      left: -165px; }
      @media (max-width: 1023px) {
        body h3:before {
          width: 25px;
          left: -65px; } }
      @media (max-width: 991px) {
        body h3:before {
          left: -40px; } }
    body h3:after {
      width: 125px;
      height: 2px;
      background: #243F84;
      content: "";
      display: block;
      top: 15px;
      left: -165px; }
      @media (max-width: 1023px) {
        body h3:after {
          width: 50px;
          left: -65px; } }
      @media (max-width: 991px) {
        body h3:after {
          left: -55px; } }
  body .hright {
    float: right;
    display: block;
    text-align: right; }
    body .hright:before {
      width: 100px;
      height: 3px;
      background: #1B9AD6;
      content: "";
      display: block;
      top: 5px;
      left: 225px; }
      @media (max-width: 1023px) {
        body .hright:before {
          width: 25px;
          left: 180px; } }
    body .hright:after {
      width: 125px;
      height: 2px;
      background: #243F84;
      content: "";
      display: block;
      top: 15px;
      left: 200px; }
      @media (max-width: 1023px) {
        body .hright:after {
          width: 50px;
          left: 155px; } }
  body h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 40px; }
    body h4 strong {
      font-weight: 700; }
  body h5 {
    font-family: "Poppins", sans-serif;
    color: #999999;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 40px; }
  body ul li {
    list-style: none;
    padding-left: 50px;
    margin-bottom: 15px; }
    body ul li:before {
      font-family: "Font Awesome 5 Pro";
      content: "\f00c";
      left: 0px;
      top: 0px; }

.brand-bg, .buyer-journey, .sales, .pricing {
  background: url("../images/left-circle.png") no-repeat left center, url("../images/right-circle.png") no-repeat right center, url("../images/top-circle.png") no-repeat right top, url("../images/bottom-circle-2.png") no-repeat 100px bottom, url("../images/dots-bg-2.png") no-repeat center top; }

.brand-bg-2 {
  background: #ffffff; }

.brand-bg-3 {
  background: #ffffff; }

header .brand-bar {
  top: 15px;
  left: 0px;
  z-index: 1; }
  @media (max-width: 991px) {
    header .brand-bar img {
      margin-bottom: 15px; } }
header .carousel {
  height: 100vh;
  padding: 0px 0px 0px 0px; }
  @media (max-width: 1199px) {
    header .carousel {
      height: auto; } }
  @media (max-width: 991px) {
    header .carousel {
      padding: 75px 0px 0px 0px; } }
  @media (max-width: 1199px) {
    header .carousel-inner {
      height: auto; } }
  @media (max-width: 1199px) {
    header .carousel-item {
      text-align: center; } }
  @media (max-width: 1199px) {
    header .carousel .whatspays-app {
      height: auto;
      width: 100%;
      position: static;
      bottom: 0px;
      right: 0px; } }
  @media (max-width: 639px) {
    header .carousel .whatspays-app {
      margin-top: 100px; } }
  header .carousel .support-img {
    bottom: 0px;
    right: 15px;
    width: 50%; }
    @media (max-width: 1199px) {
      header .carousel .support-img {
        width: 80%;
        position: static;
        margin-top: 25px;
        text-align: center; } }
  header .carousel-control-prev {
    width: auto;
    margin-top: 100px;
    left: 15px; }
  header .carousel-control-next {
    width: auto;
    margin-top: 100px;
    right: 15px; }
  header .carousel-caption {
    left: 100px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    max-width: 40%; }
    @media (max-width: 1199px) {
      header .carousel-caption {
        max-width: 100%;
        position: static;
        padding: 25px;
        padding-top: 0px; } }
    header .carousel-caption h2, header .carousel-caption h3 {
      padding-left: 0px;
      font-weight: 300;
      margin-bottom: 5px;
      text-shadow: none;
      font-size: 30px;
      line-height: 45px; }
      header .carousel-caption h2:before, header .carousel-caption h3:before {
        display: none; }
      header .carousel-caption h2:after, header .carousel-caption h3:after {
        display: none; }
      header .carousel-caption h2 strong, header .carousel-caption h3 strong {
        font-weight: 700; }
    header .carousel-caption h2 i {
      font-size: 35px; }
    header .carousel-caption h2 .social-bg {
      background: #eff3f6;
      padding: 10px;
      border-radius: 10px;
      display: inline-block;
      margin-right: 5px; }
    header .carousel-caption h2 .social-icons {
      width: 35px; }
    @media (max-width: 639px) {
      header .carousel-caption h2 {
        font-size: 20px; } }
    header .carousel-caption h5 {
      margin-bottom: 15px; }
      @media (max-width: 639px) {
        header .carousel-caption h5 {
          font-size: 12px;
          line-height: 24px;
          margin-bottom: 5px;
          padding: 5px; } }
    header .carousel-caption p {
      margin-top: 15px; }
    header .carousel-caption .features {
      margin-top: 15px; }
      header .carousel-caption .features ul li {
        width: 50%;
        float: left;
        display: block;
        font-size: 16px;
        font-weight: bold;
        text-align: left; }
        header .carousel-caption .features ul li:before {
          color: #ffc107; }
        @media (max-width: 767px) {
          header .carousel-caption .features ul li {
            width: 100%; } }
    header .carousel-caption .offers {
      margin-top: 25px; }
    @media (max-width: 639px) {
      header .carousel-caption .btn {
        display: block;
        margin-bottom: 5px;
        padding: 10px 10px; } }

section {
  padding: 100px 150px; }
  @media (max-width: 1199px) {
    section {
      padding: 50px 150px; } }
  @media (max-width: 1023px) {
    section {
      padding: 50px 50px; } }
  @media (max-width: 991px) {
    section {
      padding: 50px 15px; } }

.buyer-journey {
  background-color: #ffffff;
  padding-top: 200px; }
  .buyer-journey .box {
    border-radius: 5px;
    border: 1px dashed #1B9AD6;
    padding: 15px;
    min-height: 560px; }
    .buyer-journey .box .content {
      border-radius: 5px;
      padding: 15px;
      min-height: 545px; }
    .buyer-journey .box i {
      font-size: 50px;
      margin: 15px 0px;
      color: #1B9AD6; }
    .buyer-journey .box:before {
      content: "";
      width: 15px;
      height: 15px;
      border-radius: 50%;
      top: 50%;
      left: -8px;
      margin-top: -8px; }
    .buyer-journey .box:after {
      content: "⯈";
      width: 30px;
      height: 30px;
      border-radius: 50%;
      top: 50%;
      right: -24px;
      margin-top: -17px;
      font-family: "Font Awesome 5 Pro"; }
    @media (max-width: 1199px) {
      .buyer-journey .box {
        min-height: inherit;
        margin-bottom: 25px; }
        .buyer-journey .box .content {
          min-height: inherit; }
        .buyer-journey .box:after {
          display: none; } }
    .buyer-journey .box h4 {
      line-height: 30px; }
    .buyer-journey .box h5 {
      line-height: 30px; }
  .buyer-journey .success {
    border: 1px solid #46cd93;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3236+0,f72e4d+50,46cd93+50,46cd93+100&0+0,0+49,0+50,1+50,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(74, 202, 145, 0) 49%, #46cd93 50%, #46cd93 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(74, 202, 145, 0) 49%, #46cd93 50%, #46cd93 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 50, 54, 0) 0%, rgba(74, 202, 145, 0) 49%, #46cd93 50%, #46cd93 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff3236', endColorstr='#46cd93',GradientType=1 );
    /* IE6-9 */ }
    .buyer-journey .success i {
      color: #46cd93; }
    .buyer-journey .success:before {
      background: #46cd93; }
    .buyer-journey .success:after {
      color: #46cd93; }
    .buyer-journey .success:hover {
      background: #46cd93; }
  .buyer-journey .info {
    border: 1px double #4bbbce;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3236+0,f72e4d+50,4bbbce+50,4bbbce+100&0+0,0+49,0+50,1+50,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(79, 184, 203, 0) 49%, #4bbbce 50%, #4bbbce 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(79, 184, 203, 0) 49%, #4bbbce 50%, #4bbbce 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 50, 54, 0) 0%, rgba(79, 184, 203, 0) 49%, #4bbbce 50%, #4bbbce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff3236', endColorstr='#4bbbce',GradientType=1 );
    /* IE6-9 */ }
    .buyer-journey .info i {
      color: #4bbbce; }
    .buyer-journey .info:before {
      background: #4bbbce; }
    .buyer-journey .info:after {
      color: #4bbbce; }
    .buyer-journey .info:hover {
      background: #4bbbce; }
  .buyer-journey .warning {
    border: 1px double #ffc107;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3236+0,f72e4d+50,fdba45+50,fdba45+100&0+0,0+49,0+50,1+50,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(253, 183, 69, 0) 49%, #fdba45 50%, #fdba45 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 50, 54, 0) 0%, rgba(253, 183, 69, 0) 49%, #fdba45 50%, #fdba45 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 50, 54, 0) 0%, rgba(253, 183, 69, 0) 49%, #fdba45 50%, #fdba45 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff3236', endColorstr='#fdba45',GradientType=1 );
    /* IE6-9 */ }
    .buyer-journey .warning i {
      color: #ffc107; }
    .buyer-journey .warning:before {
      background: #ffc107; }
    .buyer-journey .warning:after {
      color: #ffc107; }
    .buyer-journey .warning:hover {
      background: #ffc107; }
  .buyer-journey .danger {
    border: 1px double #f24734;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f72e4d+50,f24734+50,f24734+100&0+0,0+49,0+50,1+50,1+100 */
    background: -moz-linear-gradient(left, rgba(242, 71, 52, 0) 0%, rgba(242, 71, 52, 0) 49%, #f24734 50%, #f24734 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(242, 71, 52, 0) 0%, rgba(242, 71, 52, 0) 49%, #f24734 50%, #f24734 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(242, 71, 52, 0) 0%, rgba(242, 71, 52, 0) 49%, #f24734 50%, #f24734 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f24734', endColorstr='#f24734',GradientType=1 );
    /* IE6-9 */ }
    .buyer-journey .danger i {
      color: #f24734; }
    .buyer-journey .danger:before {
      background: #f24734; }
    .buyer-journey .danger:after {
      display: none; }
    .buyer-journey .danger:hover {
      background: #f24734; }

.highlighted .features {
  background: url("../images/features-bg.png") no-repeat right top; }
  @media (max-width: 1199px) {
    .highlighted .features {
      background: url("../images/features-bg.png") no-repeat center bottom; } }
  .highlighted .features .box {
    background: #1B9AD6 url("../images/glow.png") no-repeat right top;
    margin-bottom: 3rem; }
    .highlighted .features .box i {
      margin-bottom: 15px; }
    .highlighted .features .box h3 {
      color: #ffffff;
      font-weight: 700;
      margin-bottom: 30px; }
      .highlighted .features .box h3:before {
        display: none; }
      .highlighted .features .box h3:after {
        display: none; }
  .highlighted .features .bg-purple {
    background: #a462e0 url("../images/glow.png") no-repeat right top; }
  .highlighted .features .bg-warning {
    background: #ffc107 url("../images/glow.png") no-repeat right top; }
  .highlighted .features .bg-success {
    background: #46cd93 url("../images/glow.png") no-repeat right top; }

.sales .engage {
  margin-bottom: -200px; }
  .sales .engage .box {
    padding: 30px;
    min-height: 465px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .sales .engage .box .number {
      font-size: 75px;
      font-weight: 300;
      color: #000000;
      opacity: 0.05;
      text-align: right; }
    .sales .engage .box .sub {
      font-size: 12px;
      color: #999999;
      line-height: 20px; }
    @media (max-width: 1199px) {
      .sales .engage .box {
        min-height: inherit;
        margin-bottom: 25px; } }
  .sales .engage .info i {
    color: #4bbbce; }
  .sales .engage .info .s-box {
    background: #4bbbce; }
  .sales .engage .info:hover {
    background: #4bbbce url("../images/glow.png") no-repeat right top;
    color: #ffffff; }
    .sales .engage .info:hover h4 {
      color: #ffffff; }
    .sales .engage .info:hover .sub {
      color: #ffffff; }
    .sales .engage .info:hover i {
      color: #ffffff; }
  .sales .engage .purple .s-box {
    background: #a462e0; }
  .sales .engage .purple i {
    color: #a462e0; }
  .sales .engage .purple:hover {
    background: #a462e0 url("../images/glow.png") no-repeat right top;
    color: #ffffff; }
    .sales .engage .purple:hover h4 {
      color: #ffffff; }
    .sales .engage .purple:hover .sub {
      color: #ffffff; }
    .sales .engage .purple:hover i {
      color: #ffffff; }
  .sales .engage .pink i {
    color: #e66793; }
  .sales .engage .pink .s-box {
    background: #e66793; }
  .sales .engage .pink:hover {
    background: #e66793 url("../images/glow.png") no-repeat right top;
    color: #ffffff; }
    .sales .engage .pink:hover h4 {
      color: #ffffff; }
    .sales .engage .pink:hover .sub {
      color: #ffffff; }
    .sales .engage .pink:hover i {
      color: #ffffff; }

.education {
  background: #ffc107 url("../images/glow-3.png") no-repeat right bottom;
  padding: 0px 150px 50px 0px; }
  @media (max-width: 1199px) {
    .education {
      padding: 0px 0px 50px 0px; } }
  .education img {
    margin-top: -150px;
    --animate-duration: 5s; }
  @media (max-width: 991px) {
    .education .content h2 {
      font-size: 30px; } }
  @media (max-width: 1199px) {
    .education .content {
      padding: 50px 150px; } }
  @media (max-width: 1023px) {
    .education .content {
      padding: 50px 50px; } }
  @media (max-width: 991px) {
    .education .content {
      padding: 50px 15px; } }

.nearby {
  background: #ffffff url("../images/whatspays-social-icons.png") no-repeat right bottom;
  padding: 200px 150px 100px 0px; }
  @media (max-width: 1199px) {
    .nearby {
      padding: 150px 150px 50px 50px; } }
  @media (max-width: 1023px) {
    .nearby {
      padding: 150px 50px 50px 50px; } }
  @media (max-width: 1199px) {
    .nearby .content {
      padding-left: 50px; } }
  @media (max-width: 991px) {
    .nearby .content {
      padding-left: 15px; } }

.download {
  background: url("../images/download-whatspays-bg.png") no-repeat bottom center;
  background-size: cover; }
  .download:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: #ffffff; }
  .download h3 {
    font-weight: 700; }
  .download p {
    margin-bottom: 50px; }
  @media (max-width: 991px) {
    .download .btn {
      width: 210px;
      margin-bottom: 15px; } }
  .download .brand-logo {
    height: 100px;
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .download .brand-logo {
        height: 60px;
        margin-bottom: 25px; } }
  .download .copyright {
    margin-top: 100px;
    text-align: left; }
    @media (max-width: 991px) {
      .download .copyright {
        margin-top: 50px; } }

.pricing .engage {
  margin-bottom: -200px; }
  .pricing .engage .box {
    min-height: 465px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    @media (max-width: 1199px) {
      .pricing .engage .box {
        margin-bottom: 15px; } }
    .pricing .engage .box .package-head {
      text-align: center;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
      .pricing .engage .box .package-head h2 {
        padding: 15px 0px;
        font-weight: 600;
        margin-bottom: 0px; }
        .pricing .engage .box .package-head h2 sup, .pricing .engage .box .package-head h2 sub {
          font-weight: normal;
          font-size: 18px; }
        .pricing .engage .box .package-head h2 sup {
          top: -1.0em; }
      .pricing .engage .box .package-head h3 {
        padding: 0px 0px 15px 0px; }
        .pricing .engage .box .package-head h3:before {
          display: none; }
        .pricing .engage .box .package-head h3:after {
          display: none; }
      .pricing .engage .box .package-head h4 {
        background: rgba(255, 255, 255, 0.1);
        padding: 5px 0px;
        margin-bottom: 0px;
        line-height: 40px;
        font-weight: normal; }
    .pricing .engage .box ul {
      padding: 0px; }
      .pricing .engage .box ul li {
        padding: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        font-size: 14px;
        list-style: none;
        color: #000000; }
        .pricing .engage .box ul li:last-child {
          border-bottom: 0px none; }
        .pricing .engage .box ul li:before {
          display: none; }

.integrate-channels {
  margin-bottom: 25px; }
  @media (max-width: 991px) {
    .integrate-channels {
      display: inline-block !important; } }
  @media (max-width: 991px) {
    .integrate-channels .social-bg {
      width: 20%;
      text-align: center;
      display: inline-block;
      float: left;
      padding: 10px; } }
  .integrate-channels .social-icons {
    width: 50px; }
    @media (max-width: 991px) {
      .integrate-channels .social-icons {
        width: 100%; } }

.help-center .box {
  padding: 30px 15px;
  text-align: center;
  min-height: 415px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  @media (max-width: 991px) {
    .help-center .box {
      margin-bottom: 15px; } }
  .help-center .box i {
    font-size: 40px;
    color: #1B9AD6;
    margin-bottom: 15px; }
  .help-center .box h3 {
    margin-bottom: 15px;
    color: #000000; }
    .help-center .box h3:before {
      display: none; }
    .help-center .box h3:after {
      display: none; }
  .help-center .box .btn i {
    font-size: 1rem;
    margin-bottom: 0px;
    color: #ffffff; }
  .help-center .box .top-btn {
    margin-top: 45px; }
    @media (max-width: 991px) {
      .help-center .box .top-btn {
        margin-top: 0px; } }
  .help-center .box .support-icons {
    padding: 0px 25px 15px 25px; }
    @media (max-width: 991px) {
      .help-center .box .support-icons .social-bg {
        width: 20%;
        text-align: center;
        display: inline-block;
        float: left;
        padding: 10px; } }
    .help-center .box .support-icons .social-icons {
      width: 30px; }
      @media (max-width: 991px) {
        .help-center .box .support-icons .social-icons {
          width: 100%; } }
  .help-center .box:hover {
    color: #ffffff; }
    .help-center .box:hover h3 {
      color: #ffffff; }
    .help-center .box:hover p {
      color: #ffffff; }
      .help-center .box:hover p a {
        color: #ffffff; }
    .help-center .box:hover i {
      color: #ffffff; }
.help-center .info i {
  color: #4bbbce; }
.help-center .info:hover {
  background: #4bbbce url("../images/glow.png") no-repeat right top;
  color: #ffffff; }
.help-center .warning i {
  color: #ffc107; }
.help-center .warning:hover {
  background: #ffc107 url("../images/glow.png") no-repeat right top;
  color: #ffffff; }
.help-center .pink i {
  color: #e66793; }
.help-center .pink:hover {
  background: #e66793 url("../images/glow.png") no-repeat right top;
  color: #ffffff; }
.help-center .success i {
  color: #46cd93; }
.help-center .success:hover {
  background: #46cd93 url("../images/glow.png") no-repeat right top;
  color: #ffffff; }
.help-center .modal-title {
  color: #1B9AD6;
  font-weight: 500; }