html,
body {
  font-family: 'Roboto', sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}
.jumbotron {
  background: url("../assets/buy-youtube-likes/buy-yt-likes.webp") no-repeat;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: inherit !important;
}
.jumbotron .jumbotron-caption {
  position: absolute;
  left: 5vw;
  top: 14vw;
}
.jumbotron .jumbotron-caption h1 {
  font-size: 3.5vw;
  color: #353b41;
  font-weight: 700;
}
.jumbotron .jumbotron-caption p {
  font-size: 1.2vw;
  color: #353b41;
  margin: 1vw 0vw;
}
.jumbotron .jumbotron-caption ul {
  padding-inline-start: inherit;
}
.jumbotron .jumbotron-caption ul li {
  list-style: none;
  font-size: 1.2vw;
  line-height: 2.5vw;
  color: #5f5f5f;
}
.jumbotron .jumbotron-caption ul li::before {
  font-family: 'FontAwesome';
  content: '\f00c';
  font-weight: 500;
  font-size: 1.2vw;
  margin-right: 0.6vw;
}

/* like form */
.like-form {
  padding: 3vw 0vw;
}
.like-form form {
  padding: 2vw 2vw;
  text-align: center;
  box-shadow:  3px 5px 20px 0px rgba(46,61,73,0.12);
}
.like-form form p {
  font-size: 1.6vw;
  font-weight: 600;
  text-transform: capitalize;
  color: #353b41;
  margin-bottom: 1.5vw;
}
.like-form .form-control {
  padding: 0.5vw 0.6vw;
}
.form-group { margin-bottom: 1vw; }
.like-form form a {
  font-size: 1.3vw;
  color: green;
  display: inline-block;
  margin-top: 2vw;
  font-weight: 600;
  text-decoration: none;
}
.like-form .total {
  font-size: 1.3vw;
  color: #353b41;
  margin: 1vw 0vw;
  font-weight: 600;
}
.like-form .btn-success {
  background-color: #ec3a3a;
  color: #fff;
  border-color: inherit;
  font-size: 1vw;
  border-radius: 100px;
  padding: 0.5vw 2vw;
  margin: 1vw;
}

/* pricing plans */
.pricing-plans {
  padding: 3vw 0vw;
  background-color: #f5f5f5;
}
.pricing-plans h2 {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
}
.pricing-plans .fa-youtube-play {
  font-size: 5vw;
  color: #ED0833;
  margin-bottom: 1vw;
}
.line-through { text-decoration: line-through !important; }
.bb-none { border-bottom: none !important; }
.pricing-plans .card {
  text-align: center;
  padding: 1vw 1vw;
  border: none;
  border-radius: 12px;
  margin-bottom: 2vw;
  border: 1px solid rgb(206, 42, 42);
}
.pricing-plans .card h3 {
  font-weight: 600;
  font-size: 1.5vw;
  line-height: 2vw;
  color: #4d4b4b;
}
.pricing-plans .btn-danger {
  background-color: #ed0833;
  border-radius: 100px;
  padding: 0.6vw 2vw;
  font-weight: 600;
  margin-top: 1vw;
}
.pricing-plans .btn-default {
  background-color: #fff;
  border-radius: 100px;
  padding: 0.6vw 2vw;
  font-weight: 600;
  margin-top: 1vw;
}
.my-red { color: #ec3a3a !important; }
.pricing-plans .card ul {
  padding-inline-start: initial;
}
.pricing-plans .card ul li {
  list-style: none;
  border-bottom: 1px solid rgb(218, 218, 218);
  font-size: 1.1vw;
  padding: 0.9vw 1vw;
  margin-left: 2vw;
  margin-right: 2vw;
}
.pricing-plans .card ul li span {
  text-decoration: none !important;
  display: inline-block;
  font-size: 2.3vw;
  padding-left: 0.5vw;
  font-weight: 700;
}
.pricing-plans .card-gradient {
  background: #fff;
  background: linear-gradient(90deg, rgba(240,6,39,1) 0%, rgba(234,10,60,1) 25%, rgba(228,14,78,1) 50%, rgba(222,16,98,1) 75%, rgba(217,18,108,1) 100%);
  border-radius: 12px;
  text-align: center;
  padding: 1vw 2vw;
  box-shadow: 1px 1px 21px 5px rgb(74 74 74 / 6%);
}
.pricing-plans .card-gradient ul li {
  color: #fff;
}
.pricing-plans .card-gradient h3 {
  color: #fff;
}
.pricing-plans .card-gradient ul li span {
  color: #fff;
}

/* we provide */
.we-provide {
  padding: 3vw 0vw;
}
.we-provide h2 {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
}
.we-provide p {
  font-size: 1.2vw;
  color: #585858;
  margin: 1vw 0vw;
}
.we-provide figure {
  text-align: center;
  margin-bottom: 5vw;
}
.we-provide figure figcaption {
  margin: 0.6vw 0vw;
  font-size: 1.3vw;
  font-weight: 500;
  color: #474747;
}

/* simple steps */
.simple-steps {
  padding: 3vw 0vw;
}
.simple-steps h2 {
  font-size: 2.2vw;
  font-weight: 600;
  color: #353b41;
}
.simple-steps figure {
  text-align: center;
  box-shadow: 1px 0px 33px 1px rgba(46,61,73,0.1);
  padding: 1.5vw 2vw;
  border-radius: 7px;
  min-height: 22vw;
}
.simple-steps figure h3 {
  font-size: 1.3vw;
  margin: 1vw;
  color: #444444;
}
.simple-steps figure figcaption {
  font-size: 1.1vw;
  line-height: 1.8vw;
  color: #646464;
}

/* buying yt likes */
.buying-yt-likes {
  padding: 3vw 0vw;
  background-color: #f9f9f9;
}
.buying-yt-likes h2 {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
}
.buying-yt-likes h3 {
  font-weight: 500;
  font-size: 1.7vw;
  line-height: 2.4vw;
  color: #4d4d4d;
}
.buying-yt-likes p {
  font-size: 1.12vw;
  line-height: 2vw;
  color: #616161;
}
.buying-yt-likes .btn-primary {
  background: rgb(149,149,149);
  background: linear-gradient(170deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 50%, rgba(75,75,75,1) 100%);
  border-radius: 100px;
  padding: 0.9vw 3vw;
  border-color: inherit;
  font-weight: 600;
}

/* best features */
.best-features {
  padding: 3vw 0vw;
  background-color: #f9f9f9;
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.best-features p {
  color: #fff;
}
.best-features h2 {
  color: #353b41;
  font-size: 2.2vw;
  line-height: 3vw;
  margin: 0 auto;
  margin-bottom: 1vw;
}
.best-features h3 {
  font-size: 1.4vw;
  color: #494949;
}
.best-features p {
  color: #616161;
  font-size: 1.1vw;
  line-height: 1.7vw;
  font-weight: 400;
  text-align: justify;
}
.best-features .btn-primary {
  background-color: #dc3545;
  border-color: #dc3545;
  padding: 0.7vw 2vw 0.96vw 2vw;
  border-radius: 100px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 2.5vw;
}
.best-features .btn-primary:hover {
  background-color: #dc3545;
  border-color: #dc3545;
}
.best-features img {
  box-shadow: 1px 2px 27px 9px rgba(46,61,73,0.1);
}

/* faq */
.youtube-likes-faq {
  background-color: #f1f2f1;
  padding: 3vw 0vw;
}
.youtube-likes-faq h2 {
  color: #353b41;
  font-weight: 700;
  text-align: center;
  padding-bottom: 1vw;
  font-size: 2.1vw; 
}
.youtube-likes-faq button {
  font-weight: 500;
  padding: 1.4vw 1vw;
  color: #444444;
  font-size: 1.1vw;
}
.youtube-likes-faq .accordion {
  margin-bottom: 1.4vw;
  border: none;
  box-shadow:  8px 10px 20px 0px rgba(46,61,73,0.15);
}
.youtube-likes-faq .accordion p {
  font-size: 1.1vw;
  line-height: 2vw;
}


/* toastr styles */
.toast {
  opacity: 1 !important;
}
.toast-info { background-color: rgba(4, 192, 176, 0.842) !important; }
.toast-success { background-color: rgba(19, 180, 67, 0.842) !important; }
.toast-error { background-color: rgba(255, 22, 5, 0.863) !important; }
.cursor-pointer {
  cursor: pointer !important;
}
@media only screen and (max-width: 480px) {
  .jumbotron {
    background: url("../assets/buy-youtube-likes/buy-yt-likes-480.webp") no-repeat;
    height: 800px;
    background-position: center center;
    background-size: cover;
    position: relative;
  }
  .jumbotron .jumbotron-caption {
    top: 18vw;
  }
  .jumbotron .jumbotron-caption h1 {
    font-size: 8vw;
  }
  .jumbotron .jumbotron-caption p {
    font-size: 4.2vw;
    line-height: 7vw;
  }
  .jumbotron .jumbotron-caption ul li {
    font-size: 4vw;
    line-height: 7vw;
    margin-bottom: 2vw;
  }
  .jumbotron .jumbotron-caption ul li::before {
    font-size: 4vw;
    margin-right: 2vw;
  }
  .like-form {
    padding: 6vw 0vw;
  }
  .like-form form {
    padding: 5vw 3vw;
  }
  .like-form form p {
    font-size: 5vw;
    margin-bottom: 5vw;
  }
  .like-form form a {
    font-size: 4vw;
  }
  .like-form .total {
    font-size: 4.3vw;
    margin: 2vw 0vw;
  }
  .like-form .btn-success {
    font-size: 3.5vw;
    padding: 1.5vw 6vw;
  }
  .form-group {
    margin-bottom: 2vw;
  }
  .like-form .form-control {
    padding: 1.5vw 2vw;
    font-size: 4vw;
  }
  .pricing-plans .fa-youtube-play {
    font-size: 10vw;
  }
  .pricing-plans .card {
    padding: 5vw 0vw;
    margin-bottom: 5vw;
  }
  .pricing-plans h2 {
    font-size: 6vw;
    margin-top: 2vw;
    line-height: 8vw;
  }
  .pricing-plans .card h3 {
    font-size: 4.5vw;
    line-height: 6vw;
  }
  .pricing-plans .card ul li {
    font-size: 4.5vw;
    padding: 1.8vw 0vw;
  }
  .pricing-plans .card ul li span {
    font-size: 8vw;
  }
  .pricing-plans .btn-danger {
    padding: 1.6vw 7vw;
    margin-top: 2vw;
  }
  .pricing-plans .btn-default {
    padding: 1.6vw 7vw;
    margin-top: 2vw;
  }
  .simple-steps h2 {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  .simple-steps figure h3 {
    font-size: 4.5vw;
    margin: 2vw 0vw;
  }
  .simple-steps figure figcaption {
    font-size: 3.8vw;
    line-height: 5.3vw;
  }
  .buying-yt-likes {
    padding: 6vw 0vw;
  }
  .buying-yt-likes h2 {
    font-size: 6vw;
    line-height: 8.6vw;
  }
  .buying-yt-likes h3 {
    font-size: 4.8vw;
    line-height: 6.6vw;
  }
  .buying-yt-likes p {
    font-size: 4.12vw;
    line-height: 6vw;
  }
  .buying-yt-likes .btn-primary {
    padding: 1.9vw 10vw;
  }
  .we-provide h2 {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  .we-provide p {
    font-size: 4.3vw;
  }
  .we-provide figure figcaption {
    font-size: 4.5vw;
    margin: 2vw 0vw;
  }
  .best-features {
    padding: 6vw 0vw;
  }
  .best-features h2 {
    font-size: 6vw;
    max-width: 100%;
    line-height: 8.1vw;
  }
  .best-features h3 {
    font-size: 5vw;
    text-align: center;
  }
  .best-features p {
    font-size: 4.3vw;
    line-height: 7vw;
    text-align: justify;
    
  }
  .best-features img {
    margin-bottom: 6vw;
    margin-top: 6vw;
  }
  .best-features .btn-primary {
    padding: 1.6vw 6vw 2.5vw 6vw;
    font-size: 4.3vw;
    margin-top: 4vw;
  }
  .youtube-likes-faq {
    padding: 5vw 0vw;
  }
  .youtube-likes-faq h2 {
    font-size: 6vw;
    line-height: 9vw;
  }
  .youtube-likes-faq button {
    padding: 3vw 2vw;
    font-size: 3.4vw;
  }
  .youtube-likes-faq .accordion {
    margin-bottom: 3vw;
  }
  .youtube-likes-faq .accordion p {
    font-size: 3.4vw;
    line-height: 6vw;
  }
}


@media (min-width: 768px) and (max-width: 1199.98px) {
  .jumbotron {
    background: url('../assets/buy-youtube-likes/buy-yt-likes-1024.webp') no-repeat;
    height: 1300px;
  }
  .jumbotron .jumbotron-caption h1 {
    font-size: 7.5vw;
    margin: 3vw 0vw;
  }
  .jumbotron .jumbotron-caption p {
    font-size: 4.2vw;
  }
  .jumbotron .jumbotron-caption ul li {
    font-size: 4vw;
    line-height: 7vw;
  }
  .like-form {
    padding: 6vw 0vw;
  }
  .like-form form {
    padding: 4vw 3vw;
  }
  .like-form form p {
    font-size: 4vw;
    margin-bottom: 5vw;
  }
  .like-form form a {
    font-size: 3vw;
  }
  .like-form .total {
    font-size: 3.3vw;
    margin: 2vw 0vw;
  }
  .like-form .btn-success {
    font-size: 3vw;
    padding: 1vw 6vw;
  }
  .form-group {
    margin-bottom: 2vw;
  }
  .like-form .form-control {
    padding: 1.5vw 2vw;
    font-size: 3vw;
  }
  .pricing-plans .fa-youtube-play {
    font-size: 10vw;
  }
  .pricing-plans .card {
    padding: 5vw 0vw;
    margin-bottom: 5vw;
  }
  .pricing-plans h2 {
    font-size: 4.5vw;
    margin-top: 2vw;
    line-height: 8vw;
  }
  .pricing-plans .card h3 {
    font-size: 3.5vw;
    line-height: 4.8vw;
  }
  .pricing-plans .card ul li {
    font-size: 3.5vw;
    padding: 1vw 0vw;
  }
  .pricing-plans .card ul li span {
    font-size: 5vw;
  }
  .simple-steps h2 {
    font-size: 4.5vw;
    line-height: 8.5vw;
  }
  .simple-steps figure h3 {
    font-size: 3.5vw;
    margin: 2vw 0vw;
  }
  .simple-steps figure {
    min-height: 100vw;
  }
  .simple-steps figure figcaption {
    font-size: 3.2vw;
    line-height: 5.3vw;
  }
  .buying-yt-likes {
    padding: 6vw 0vw;
  }
  .buying-yt-likes h2 {
    font-size: 4.5vw;
    line-height: 6.6vw;
  }
  .buying-yt-likes h3 {
    font-size: 3.8vw;
    line-height: 5.6vw;
  }
  .buying-yt-likes p {
    font-size: 4.12vw;
    line-height: 6vw;
  }
  .buying-yt-likes .btn-primary {
    padding: 1.9vw 10vw;
    font-size: 4vw;
  }
  .we-provide h2 {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  .we-provide p {
    font-size: 3vw;
  }
  .we-provide figure figcaption {
    font-size: 3.8vw;
    margin: 2vw 0vw;
  }
  .best-features {
    padding: 6vw 0vw;
  }
  .best-features h2 {
    font-size: 4.5vw;
    max-width: 100%;
    line-height: 7.1vw;
  }
  .best-features h3 {
    font-size: 3.6vw;
    line-height: 5vw;
    text-align: left;
  }
  .best-features p {
    font-size: 4vw;
    line-height: 7vw;
    text-align: justify;
    
  }
  .best-features img {
    margin-bottom: 6vw;
    margin-top: 6vw;
  }
  .best-features .btn-primary {
    padding: 1.6vw 6vw 2.5vw 6vw;
    font-size: 4.3vw;
    margin-top: 4vw;
  }
  .youtube-likes-faq {
    padding: 5vw 0vw;
  }
  .youtube-likes-faq h2 {
    font-size: 4.5vw;
    line-height: 7vw;
  }
  .youtube-likes-faq button {
    padding: 2vw 2vw;
    font-size: 2.4vw;
  }
  .youtube-likes-faq .accordion {
    margin-bottom: 3vw;
  }
  .youtube-likes-faq .accordion p {
    font-size: 2.5vw;
    line-height: 4vw;
  }
}