@tailwind base;
@tailwind components;
@tailwind utilities;

body.font-sans {
  font-family: "Julius Sans One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

section.couple {
  position: relative;
  width: 100%;
  height: 554px;
  background-image: url('couple.png');
  background-repeat: no-repeat;
  background-position: center;

  .banner {
    position: absolute;
    padding: 20px 40px;
    text-shadow: 0 0 0.6em #ffffff;
    display: block;
    width: 100%;
    max-width: 464px;
    background-color: #5251A8;
    color: white;

    &::before {
      content: "";
      position: absolute;
      right: 40px;
      top: 30px;
      width: 40px;
      height: 50px;
      background-image: url('single-heart.png');
      background-repeat: no-repeat;
    }
  }
}

section.features {
  max-width: 1422px;

  p {
    max-width: 525px;
    padding-left: 40px;
    position: relative;
  
    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      background-color: #B7B7EF;
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
    }
  }
}

section.who-is-this-for {
  .grid {
    h2 {
      max-width: 365px;
    }
  }

  li {
    /* font-size: 30px;
    line-height: 50px; */
    padding-left: 40px;
    position: relative;
    margin-bottom: 15px;
    max-width: 550px;

    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      background-color: #B7B7EF;
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
    }
  }

  .single {
    background: #F1F1FF;
    border-radius: 70px;
    padding: 35px;

    h2 {
      padding-top: 50px;
      margin-bottom: 50px;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        background-image: url('single-heart.png');
        background-repeat: no-repeat;
        top: 0;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 50px;
      }

      &::after {
        content: "";
        position: absolute;
        background-image: url('single-line.png');
        background-repeat: no-repeat;
        bottom: -10px;
        left: 50%;
        margin-left: -80px;
        width: 167px;
        height: 5px;
      }
    }
  }

  .relationship {
    background: #FFF6E7;
    border-radius: 70px;
    padding: 35px;

    li::before {
      background-color: #FFD9A1;
    }

    h2 {
      padding-top: 50px;
      margin-bottom: 50px;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        background-image: url('r-hearts.png');
        background-repeat: no-repeat;
        top: 0;
        left: 50%;
        margin-left: -38px;
        width: 77px;
        height: 39px;
      }

      &::after {
        content: "";
        position: absolute;
        background-image: url('r-line.png');
        background-repeat: no-repeat;
        bottom: -20px;
        left: 50%;
        margin-left: -161px;
        width: 322px;
        height: 15px;
      }
    }
  }
}

.contact-us {
  background-color: #5251A8;
  color: #ffffff;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAdGFpbHdpbmQgYmFzZTtcbkB0YWlsd2luZCBjb21wb25lbnRzO1xuQHRhaWx3aW5kIHV0aWxpdGllcztcblxuYm9keS5mb250LXNhbnMge1xuICBmb250LWZhbWlseTogXCJKdWxpdXMgU2FucyBPbmVcIiwgc2Fucy1zZXJpZjtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xufVxuXG5zZWN0aW9uLmNvdXBsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNTU0cHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnY291cGxlLnBuZycpO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5cbiAgLmJhbm5lciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmc6IDIwcHggNDBweDtcbiAgICB0ZXh0LXNoYWRvdzogMCAwIDAuNmVtICNmZmZmZmY7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiA0NjRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTI1MUE4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDQwcHg7XG4gICAgICB0b3A6IDMwcHg7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGhlaWdodDogNTBweDtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnc2luZ2xlLWhlYXJ0LnBuZycpO1xuICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICB9XG4gIH1cbn1cblxuc2VjdGlvbi5mZWF0dXJlcyB7XG4gIG1heC13aWR0aDogMTQyMnB4O1xuXG4gIHAge1xuICAgIG1heC13aWR0aDogNTI1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA0MHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAxMHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0I3QjdFRjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIH1cbiAgfVxufVxuXG5zZWN0aW9uLndoby1pcy10aGlzLWZvciB7XG4gIC5ncmlkIHtcbiAgICBoMiB7XG4gICAgICBtYXgtd2lkdGg6IDM2NXB4O1xuICAgIH1cbiAgfVxuXG4gIGxpIHtcbiAgICAvKiBmb250LXNpemU6IDMwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDUwcHg7ICovXG4gICAgcGFkZGluZy1sZWZ0OiA0MHB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICAgIG1heC13aWR0aDogNTUwcHg7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB0b3A6IDEwcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjQjdCN0VGO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgfVxuICB9XG5cbiAgLnNpbmdsZSB7XG4gICAgYmFja2dyb3VuZDogI0YxRjFGRjtcbiAgICBib3JkZXItcmFkaXVzOiA3MHB4O1xuICAgIHBhZGRpbmc6IDM1cHg7XG5cbiAgICBoMiB7XG4gICAgICBwYWRkaW5nLXRvcDogNTBweDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDUwcHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdzaW5nbGUtaGVhcnQucG5nJyk7XG4gICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICBtYXJnaW4tbGVmdDogLTIwcHg7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICB9XG5cbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ3NpbmdsZS1saW5lLnBuZycpO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBib3R0b206IC0xMHB4O1xuICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtODBweDtcbiAgICAgICAgd2lkdGg6IDE2N3B4O1xuICAgICAgICBoZWlnaHQ6IDVweDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAucmVsYXRpb25zaGlwIHtcbiAgICBiYWNrZ3JvdW5kOiAjRkZGNkU3O1xuICAgIGJvcmRlci1yYWRpdXM6IDcwcHg7XG4gICAgcGFkZGluZzogMzVweDtcblxuICAgIGxpOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRDlBMTtcbiAgICB9XG5cbiAgICBoMiB7XG4gICAgICBwYWRkaW5nLXRvcDogNTBweDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDUwcHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdyLWhlYXJ0cy5wbmcnKTtcbiAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMzhweDtcbiAgICAgICAgd2lkdGg6IDc3cHg7XG4gICAgICAgIGhlaWdodDogMzlweDtcbiAgICAgIH1cblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnci1saW5lLnBuZycpO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBib3R0b206IC0yMHB4O1xuICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMTYxcHg7XG4gICAgICAgIHdpZHRoOiAzMjJweDtcbiAgICAgICAgaGVpZ2h0OiAxNXB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG4uY29udGFjdC11cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1MjUxQTg7XG4gIGNvbG9yOiAjZmZmZmZmO1xufSJdfQ== */