html,
body {
  font-family: 'Roboto', sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.bg-light { 
  padding: 0.6vw 1vw; 
}
.navbar-light { background-color: #e02c38 !important; }
.navbar-light.scrolled {
  background-color: rgb(233, 233, 233) !important;
  transition: 200ms linear;
}
.navbar-light .navbar-nav .nav-link {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1vw;
  color: #fff;
  padding: 1vw 1vw;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
}
.navbar-light img { width: 12vw; }
.ml-auto { margin-left: auto !important; } 
.navbar-light .btn-secondary {
  background-color: inherit;
  border: 1px solid #e02739;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1vw;
  margin: 1vw;
  padding: 0;
}
.navbar-light .dropdown-menu {
  top: 3.4vw;
  left: 0.4vw;
  box-shadow: 3px 5px 20px 0px rgb(46 61 73 / 12%);
  border: none;
  padding: 0;
}
.navbar-light .dropdown-menu .dropdown-item {
  font-weight: 600;
  /* line-height: 2vw; */
  padding: 0.7vw 1.1vw;
  font-size: 0.93vw;
  color: #353b41;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(209, 209, 209);
}
.navbar-light .dropdown-menu .dropdown-item:hover {
  background-color: #e0e0e0;
}

.jumbotron {
  background: url("../assets/home/grs-banner.webp") no-repeat;
  height: 770px;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.jumbotron .jumbotron-caption {
  position: absolute;
  top: 8vw;
  left: 2vw;
}
.jumbotron .jumbotron-caption h1 {
  color: white;
  font-size: 4vw;
}
.jumbotron .jumbotron-caption p {
  max-width: 47%;
  padding: 1vw 1vw;
  color: #f2f2f2;
  line-height: 2.2vw;
  font-size: 1.3vw;
  margin: 1vw 0vw;
}
.jumbotron .jumbotron-caption main {
  text-decoration: underline;
  color: white;
  font-weight: 600;
  font-size: 1.4vw;
  margin: 1.3vw 0vw;
  padding: 0;
}
.jumbotron .jumbotron-caption ul {
  padding-inline-start: inherit;
}
.jumbotron .jumbotron-caption ul li {
  font-size: 1.2vw;
  line-height: 2.4vw;
  color: rgb(240, 240, 240);
  font-weight: 400;
  list-style: none;
}
.jumbotron .jumbotron-caption ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #fff;
  font-weight: 400;
  margin-right: 0.5vw;
}
.jumbotron .home-form {
  position: relative;
  left: 5vw;
  top: 8vw;
  background-color: #fff;
  padding: 1.7vw 1.5vw;
  border-radius: 8px;
  text-align: center;
}
.jumbotron .home-form span {
  display: inline-block;
  font-weight: 600;
  color: #243238;
  text-transform: capitalize;
  margin-bottom: 1.3vw;
  font-size: 1.3vw;
}
.jumbotron .text-success {
  padding-top: 1.4vw;
  font-size: 1.2vw;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
}
.jumbotron .total {
  font-weight: 500;
  margin: 0.6vw 0vw;
  font-size: 1.2vw;
}
.jumbotron h5 {
  font-size: 1.3vw;
}
.jumbotron .btn-success {
  background-color: #e02739;
  border-color: #e02739;
  border-radius: 100px;
  text-transform: capitalize;
  padding: 0.6vw 2vw;
  font-weight: 600;
}
/* live sale counter */

.live-sale p {
  color: #ed0833;
  font-size: 2.8vw;
  font-weight: 600;
}
.live-sale ul li {
  display: inline-block;
  padding: 0vw 1vw;
  font-size: 4.3vw;
  color: #6a6a6a;
  font-weight: 700;
}
.live-sale ul li sub {
  font-size: 1.1vw;
  display: inline-block;
  margin-left: -9px;
}

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


/* what makes us */
.what-makes-us {
  padding: 3vw 0vw;
}
.what-makes-us p {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
}
.what-makes-us .card {
  text-align: center;
  padding: 1.5vw 2vw;
  box-shadow:  3px 5px 20px 0px rgba(46,61,73,0.12);
  border-top-left-radius: 47px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  border: inherit;
  margin-bottom: 2vw;
}
.what-makes-us .card img {
  margin: 1vw 0vw;
}
.what-makes-us .card figcaption {
  font-size: 1.3vw;
  font-weight: 500;
  color: #434649;
}

/* 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: 2vw 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;
}
.pricing-plans .btn-default {
  background-color: #fff;
  border-radius: 100px;
  padding: 0.6vw 2vw;
  font-weight: 600;
}
.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: 2vw 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;
}


/* content only */
.content-only {
  padding: 3vw 0vw 1vw 0vw;
}
.content-only h2 {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
  max-width: 60%;
  text-align: center;
  line-height: 3vw;
  margin: 0 auto;
}
.content-only p {
  font-weight: 400;
  font-size: 1.12vw;
  line-height: 2.1vw;
}

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

/* content photo */
.content-photo {
  padding: 3vw 0vw;
  background-color: #f9f9f9;
}
.content-photo h3 {
  font-weight: 700;
  font-size: 2vw;
  padding-left: 6vw;
  line-height: 2.8vw;
  color: #353b41;
}
.content-photo p {
  font-size: 1.12vw;
  line-height: 2vw;
}


/* how to buy */
.how-to-buy {
  padding: 3vw 0vw;
  background-color: #f9f9f9;
}
.how-to-buy h2 {
  color: #353b41;
  font-size: 2.2vw;
  font-weight: 700;
}
.how-to-buy h3 {
  font-weight: 500;
  font-size: 2vw;
  line-height: 2.5vw;
  color: #353b41;
}
.how-to-buy p {
  font-size: 1.12vw;
  line-height: 2vw;
}
.how-to-buy .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;
}


/* what makes us2 */
.what-makes-us2 {
  padding: 3vw 0vw;
}
.what-makes-us2 h2 {
  color: #353b41;
  font-size: 2.2vw;
  max-width: 55%;
  line-height: 3vw;
  margin: 0 auto;
  font-weight: 700;
}
.what-makes-us2 .card {
  text-align: center;
  padding: 1.5vw 2vw;
  box-shadow:  3px 5px 20px 0px rgba(46,61,73,0.12);
  border-top-left-radius: 47px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  border: inherit;
  margin-bottom: 2vw;
}
.what-makes-us2 .card img {
  margin: 0.3vw 0vw;
}
.what-makes-us2 .card figcaption {
  font-size: 1.3vw;
  font-weight: 500;
  color: #434649;
}

/* content photo */
.content-photo2 {
  padding: 3vw 0vw;
  background-color: #f9f9f9;
}
.content-photo2 h3 {
  font-weight: 700;
  font-size: 2vw;
  padding-left: 6vw;
  line-height: 2.8vw;
  color: #353b41;
}
.content-photo2 p {
  font-size: 1.12vw;
  line-height: 2vw;
}
.content-photo2 .btn-danger {
  padding: 1vw 3vw;
  font-weight: 600;
  border-radius: 100px;
}

.cursor-pointer {
  cursor: pointer !important;
}
/* //home more faq */

/* footer */
footer {
  padding: 3vw 0vw;
  background-color: #1d262d;
}
footer h6 {
  text-transform: capitalize;
  font-size: 4vmin;
  color: rgb(230, 230, 230);
  font-weight: 600;
  margin-bottom: 1vw;
}
footer ul {
  padding-inline-start: inherit;
}
footer ul li a {
  color: #79acd3;
  line-height: 2.4vw;
  font-size: 1.1vw;
  text-transform: capitalize;
  text-decoration: none;
}
footer ul li a:hover {
  color: #aedbfd;
}
footer .footer-social-media {
  margin-top: 2vw;
  text-align: center;
}
footer .footer-social-media li {
  display: inline-block;
  margin: 1vmin 1vmin 1vmin 1vmin;
  background-color: #414e5a;
  padding: 1vmin 2.7vmin 1vmin 2.7vmin;
  border-radius: 100px;
}
footer .fa {
  color: #fff;
}
footer .copyright {
  color: rgb(224, 224, 224);
  text-align: center;
  margin-top: 3vw;
  font-size: 2.3vmin;
}

/* 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; }

@media only screen and (max-width: 480px) {
  .navbar-light img {
    width: 40vw;
  }
  #navbarScroll {
    position: absolute;
    top: 15vw;
    left: 0;
    background-color: #e02c38;
    z-index: 9999;
    width: 100%;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 4.4vw;
    margin-left: 6vw;
  }
  .navbar-light .fa-bars {
    font-size: 6vw !important;
    color: #fff;
  }
  .dropdown {
    font-size: 4.4vw;
    padding-left: 0;
    margin: 0vw 0vw;
  }
  .navbar-light .dropdown-menu .dropdown-item {
    padding: 2.7vw 7vw;
    font-size: 4vw;
  }
  .navbar-light .btn-secondary {
    font-size: 4.4vw;
    margin-left: 6.6vw;
  }
  .jumbotron {
    background: url('../assets/home/grs-banner-480.webp') no-repeat;
    height: 1400px;
  }
  .jumbotron .jumbotron-caption {
    top: 20vw;
  }
  .jumbotron .jumbotron-caption h1 {
    font-size: 7vw;
  }
  .jumbotron .jumbotron-caption p {
    font-size: 5vw;
    line-height: 8vw;
    padding: 3vw 0vw;
    max-width: 100%;
  }
  .jumbotron .jumbotron-caption main {
    font-size: 5vw;
    margin: 4vw 0vw;
  }
  .jumbotron .jumbotron-caption ul li {
    font-size: 4.4vw;
    line-height: 8vw;
  }
  .jumbotron .jumbotron-caption ul li::before {
    font-size: 4vw;
    margin-right: 1.5vw;
  }
  .jumbotron .offset-2 {
    margin-left: -10px;
  }
  .jumbotron .home-mobile-form { /* class for mobile design */
    position: absolute;
    bottom: 17vw;
  }
  .jumbotron .home-form {
    padding: 4vw 3vw;
  }
  .jumbotron .text-success {
    font-size: 5.4vw;
    margin-bottom: 3vw;
    margin-top: 4vw;
  }
  .jumbotron .total {
    font-size: 5.2vw;
  }
  .jumbotron .btn-success {
    font-size: 5vw;
    padding: 2.2vw 9vw;
  }
  .jumbotron h5 {
    font-size: 4.4vw;
  }
  .jumbotron .home-form span {
    font-size: 5vw;
    margin-bottom: 5vw;
  }
  .live-sale p {
    font-size: 7vw;
  }
  .live-sale ul li {
    font-size: 9.3vw;
  }
  .live-sale ul li sub {
    font-size: 4.1vw;
  }
  .fill-form form {
    padding: 5vw 3vw;
  }
  .fill-form form p {
    font-size: 5.5vw;
    margin-bottom: 4vw;
  }
  .form-group {
    margin-bottom: 2vw;
  }
  .fill-form form a {
    font-size: 5.3vw;
  }
  .fill-form .total {
    font-size: 4.8vw;
    margin: 3vw 0vw;
  }
  .fill-form .btn-success {
    font-size: 4.4vw;
    padding: 1.5vw 7vw;
  }
  .fill-form .form-control {
    padding: 1.4vw 3vw;
  }
  .pricing-plans h2 {
    font-size: 6vw;
    line-height: 9vw;
  }
  .pricing-plans .fa-youtube-play {
    font-size: 11vw;
    margin: 3vw 0vw;
  }
  .pricing-plans .card h3 {
    font-size: 4.8vw;
    line-height: 7vw;
  }
  .pricing-plans .card ul li {
    font-size: 4.5vw;
    padding: 1.9vw 1vw;
  }
  .pricing-plans .card ul li span {
    font-size: 8.3vw;
    padding-left: 1.5vw;
  }
  .pricing-plans .card-gradient {
    padding: 5vw 0vw;
  }
  .pricing-plans .card {
    padding: 5vw 0vw;
    margin-bottom: 5vw;
  }
  .pricing-plans .mt-5 {
    margin-top: 2vw !important;
  }
  .what-makes-us {
    padding: 5vw 0vw;
  }
  .what-makes-us p {
    font-size: 6vw;
  }
  .what-makes-us .card {
    padding: 3.5vw 0vw;
    margin-bottom: 6vw;
  }
  .what-makes-us .card img {
    margin: 3vw 0vw;
  }
  .what-makes-us .card figcaption {
    font-size: 4.5vw;
  }
  .content-only h2 {
    font-size: 6vw;
    line-height: 8.5vw;
    max-width: 100%;
  }
  .content-only p {
    font-size: 4.5vw;
    line-height: 7.2vw;
  }
  .why-you-should h2 {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  .why-you-should p {
    font-size: 4.3vw;
  }
  .why-you-should figure figcaption {
    font-size: 4.5vw;
    margin: 2vw 0vw;
  }
  .content-photo h3 {
    font-size: 4.4vw;
    line-height: 6.5vw;
  }
  .content-photo p {
    font-size: 4.4vw;
    line-height: 7.4vw;
  }
  .how-to-buy h2 {
    font-size: 6vw;
  }
  .how-to-buy h3 {
    font-size: 5vw;
    line-height: 6.5vw;
  }
  .how-to-buy p {
    font-size: 4.4vw;
    line-height: 7.1vw;
  }
  .how-to-buy .btn-primary {
    padding: 1.9vw 7vw 2.1vw 7vw;
  }
  .what-makes-us2 {
    padding: 6vw 0vw;
  }
  .what-makes-us2 h2 {
    font-size: 6vw;
    line-height: 9vw;
    max-width: 100%;
  }
  .what-makes-us2 .card figcaption {
    font-size: 5.4vw;
    line-height: 7.5vw;
  }
  .what-makes-us2 .card {
    padding: 4vw 0vw;
  }
  .content-photo2 h3 {
    font-size: 5vw;
    line-height: 7vw;
    margin-top: 5vw;
  }
  .content-photo2 p {
    font-size: 4vw;
    line-height: 6vw;
  }
  .content-photo2 .btn-danger {
    font-size: 4vw;
    padding: 3vw 3vw;
  }
  footer {
    padding: 8vw 0vw;
  }
  footer h6 {
    text-align: center;
    font-size: 6vw;
    margin-bottom: 3vw;
  }
  footer ul {
    text-align: center;
  }
  footer ul li a {
    font-size: 4.4vw;
    line-height: 8vw;
  }
  footer .copyright {
    font-size: 4.4vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #navbarScroll {
    position: absolute;
    top: 1vw;
    left: 0vw;
    /* background-color: #e02c38; */
    width: 100%;
    z-index: 9999;
  }
  .navbar-light .fa-bars {
    font-size: 6vw !important;
    color: #fff;
  }
  .navbar-light .btn-secondary {
    font-size: 1.8vw;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 1.8vw;
  }
  .navbar-light .dropdown-menu .dropdown-item {
    font-size: 1.8vw;
    padding: 1.8vw 2vw;
  }
  .jumbotron {
    background: url('../assets/home/grs-banner-1024.webp');
    height: 1200px;
  }
  .jumbotron .jumbotron-caption h1 {
    font-size: 5.5vw;
  }
  .jumbotron .jumbotron-caption {
    top: 12vw;
  }
  .jumbotron .jumbotron-caption p {
    font-size: 3.6vw;
    line-height: 4.7vw;
    max-width: 70%;
  }
  .jumbotron .jumbotron-caption ul li {
    font-size: 3.2vw;
    line-height: 4.5vw;
  }
  .jumbotron .home-form span {
    font-size: 1.9vw;
  }
  .jumbotron .text-success {
    font-size: 1.6vw;
  }
  .jumbotron .total {
    font-size: 1.5vw;
  }
  .jumbotron .home-form {
    top: 12vw;
  }
  .pricing-plans h2 {
    font-size: 4.5vw;
  }
  .pricing-plans .fa-youtube-play {
    font-size: 8vw;
  }
  .pricing-plans .card h3 {
    font-size: 2.6vw;
    line-height: 4vw;
  }
  .pricing-plans .card ul li span {
    font-size: 5vw;
  }
  .pricing-plans .card ul li {
    font-size: 3vw;
  }
  .what-makes-us p {
    font-size: 4.5vw;
  }
  .what-makes-us .card figcaption {
    font-size: 3.3vw;
  }
  .what-makes-us .card {
    padding: 4.5vw 2vw;
  }
  .content-only h2 {
    font-size: 4.5vw;
    max-width: 100%;
    line-height: 6vw;
  }
  .content-only p {
    font-size: 4vw;
    line-height: 6vw;
  }
  .why-you-should h2 {
    font-size: 4.5vw;
  }
  .why-you-should p {
    font-size: 3.5vw;
  }
  .why-you-should figure figcaption {
    font-size: 3.5vw;
  }
  .content-photo h3 {
    font-size: 3.3vw;
    line-height: 5vw;
  }
  .content-photo p {
    font-size: 3.2vw;
    line-height: 5vw;
  }
  .how-to-buy h2 {
    font-size: 4.5vw;
  }
  .how-to-buy h3 {
    font-size: 3.3vw;
    line-height: 5vw;
  }
  .how-to-buy p {
    font-size: 3.2vw;
    line-height: 5vw;
  }
  .what-makes-us2 h2 {
    font-size: 4.5vw;
    line-height: 6vw;
    max-width: 100%;
  }
  .what-makes-us2 .card figcaption {
    font-size: 3.5vw;
  }
  .what-makes-us2 .card {
    padding: 4.5vw 2vw;
  }
  .content-photo2 h3 {
    font-size: 3.3vw;
    line-height: 5vw;
  }
  .content-photo2 p {
    font-size: 3.2vw;
    line-height: 5vw;
  }
  .content-photo2 .btn-danger {
    padding: 3vw 2vw;
    font-size: 4vw;
    line-height: 6vw;
  }
}