body
{font-family: 'Young Serif', serif;}
.navbar-toggler {
    background-color: white!important;
    border: var(--bs-border-width) solid rgb(255 247 247)!important;}
    
.product {
  margin-top: 80px;
}

.form-check-input {
    border-color: #000000;
    outline: 0;}

h5.price.pb-2 {
    color: #e80039;
    font-size:22px;
}
.hard-copy{
    padding-top:80px;
    padding-bottom:80px;
}
.product h2 {
  color: rgba(232, 0, 57, 1);
  font-size: 40px;

  text-align: center;
}
.product-card{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    border-radius:10px;
}
.help {
  margin-top: 80px;
}

.help h3 {
  color: white;
  text-align: center;
  font-size: 40px;
}

.help p {
  color: white;
}

.mysection {
  /*background: rgb(2,0,36);*/
/*background: linear-gradient(90deg, rgb(229,111,75) 0%, rgb(190,84,107) 35%, rgb(156,64,141) 100%);*/
  /*background-color: rgba(232, 0, 57, 1);*/
  /*padding: 60px 0px;*/
}

.mysection h3 {
 
  color: black;
  text-align: left;
  
}
 
.mysection h4 {
    color: black;
    text-align: justify;
    font-weight:bold;
}
 
.mysection h5{
    color: white;
    font-size: 30px;
    text-align: center;
}

.mysection button {
  background: linear-gradient(rgb(12, 10, 74), rgb(5, 4, 29));
  font-weight: bold;
  color: white;
  border-radius: 100px;
  font-size: 25px;
  padding: 0px 51px;
}

/* css for footer  */

.top-footer h4 {
  text-align: center;
  padding: 15px 0px;
  color: white;
}

.top-footer p {
  text-align: center;
  color: white;
}

.top-footer a {
  text-align: center;
  text-decoration: none;
  color: white;
}

.top-footer {
  padding-top: 60px;
}

.bottom-footer p {
  text-align: center;
  padding: 40px 0px;
  color: white;
}

footer {
  background: rgb(206, 2, 59);
  /*background: linear-gradient(*/
  /*  180deg,*/
  /*  rgba(206, 2, 59, 1) 12%,*/
  /*  rgba(12, 10, 74, 1) 68%*/
  /*);*/
  background: linear-gradient(90deg, rgb(255,171,103) 0%, rgb(253,135,58) 35%, rgb(252,125,45) 100%);
  /*background-color: rgba(232, 0, 57, 1);*/
}

/* css for header  */

    .dropmenu{
        padding:5px 10px;
        width:110%!important;
       background: linear-gradient(90deg, rgb(255,171,103) 0%, rgb(253,135,58) 35%, rgb(252,125,45) 100%);
        box-shadow: 0px 1px 4px #000000a8;
    }
    .dropmenu .dropdown-item{
        margin:12px 0px;
        color:#fff;
        font-weight:600;
        border-left:2px solid #090733!important;
    }
    .dropmenu .dropdown-item:hover{
        background-color: #090733!important;
        border-left:2px solid white;
    }
    
    
.nav-item .nav-link {
  margin: 2px 10px;
  font-weight: 600;
  font-size: 16px;
}

.navbar-nav button {
  background: linear-gradient(rgb(12, 10, 74), rgb(5, 4, 29));
  font-weight: bold;
  color: white;
  border-radius: 100px;
  font-size: 25px;
  padding: 1px 51px;
}

.nav-item {
  color: white;
  transition: all 1s ease-in;
}

.nav-item:hover {
  border-bottom: 2px solid white;
}

.active {
  border-bottom: 2px solid white;
}

.my-header {
  background: rgb(206, 2, 59);
  /*background: linear-gradient(*/
  /*  180deg,*/
  /*  rgba(206, 2, 59, 1) 12%,*/
  /*  rgba(12, 10, 74, 1) 68%*/
  /*);*/
 background: linear-gradient(90deg, rgb(253,135,58) 0%, rgb(255,171,103) 35%, rgb(252,125,45) 100%);

}

/*inner page css 1 to neet class*/
 .animated {
            margin-top: 50px;
            margin-bottom: 60px;
        }

        .engage {
            text-align: center;
            color: rgb(55, 65, 81);
            font-weight: 700;
            font-size: 12px;

        }

        .animated h3 {
            font-weight: 700;
            text-align: center;
            font-size: 3.5rem;
            color: rgba(232, 0, 57, 1);
        }

        .animated h5 {
            text-align: center;
            font-weight: 600;
            font-size: 18px;
            color: rgba(12, 10, 74, 1);
        }

        .animated li {
            font-weight: 700;
            line-height: 1.625;
        }

        .animated .button {
            background: linear-gradient(rgb(12, 10, 74), rgb(5, 4, 29));
            font-weight: bold;
            color: white;
            border-radius: 100px;
            font-size: 25px;
            padding: 3px 51px;
            width: 100%;
        }

        .animated h6 {
            text-align: center;
            margin-top: 10px;
            font-size: 1.75rem;
            font-weight: bolder;
            color: darkpink !important;
        }

        .key-feature h3 {
            padding-bottom: 12px;
            font-weight: 700;
           
            font-size: 41px;
            padding-left: 38px;
        }

        .key-feature li {
            padding-left: 1.5em;
            line-height: 29px;
            font-size: 20px;
            
            word-spacing: 4px;
        }

        .sample-video h2 {
            font-weight: 600;
            font-size: 3rem;
            text-align: center;
          

        }

        .sample-video h6 {
            text-align: center;
            font-size: 21px;
        }

        .sample-video h5 {
            margin-top: 14px;
            font-size: 16px;

        }

        .steps h2 {
            
            font-weight: 700;
        }

        .steps .button {
            background: linear-gradient(rgb(12, 10, 74), rgb(5, 4, 29));
            font-weight: bold;
            color: white;
            border-radius: 100px;
            font-size: 25px;
            padding: 3px 51px;
            width: 100%;
        }

        .faq {
    margin-top: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: lightgray;
}

        .faq h2 {
            font-weight: 600;
            font-size: 3rem;
            
        }

        .faq h6 {
            font-size: 21px;
        }

        .faq .page {
            margin: 0% 15%;
            background-color: white;
        }

        .faq h5 {
            font-weight: 600;
        }

        .faq p {
            font-size: 18px;
            line-height: 29px;
        }

        .faq h3 {
            color: #6542ff;
            font-weight: bolder;
            font-size: 5.5rem;
            
        }

        .page .number {
            display: flex;
            align-items: center;
        }

        .video-price h2 {
            color: white;
            margin-top: 18px;
            line-height: 69px;
            font-weight: 600;
            font-size: 34px;
          
        }

        .video-price h6 {
            font-size: 21px;
            color: white;
            
        }

        .video-price h3 {
            font-weight: 600;
            font-size: 35px;
            color: white;
            line-height: 85px;
            
        }

        .video-price h4 {
            font-weight: 600;
        
            font-size: 33px;
            color: yellow;
            padding-bottom: 11px;
        }

        .video-price {
            
            margin-bottom: 0px;
            padding-top: 20px;
        }

        .video-price p {
            color: white;
            
        }

        .video-price .buy-now {
            text-shadow: 1px 1px 1px black;
            font-weight: 700;
            color: white;
            font-size: 26px;
            border: 2px solid white;
            border-radius: 48px;
            background: linear-gradient(rgb(151 1 255), rgb(205, 0, 52));
            padding: 2px 10px;
            width: 30%;
        }

        .video-price .get {
            padding: 36px 0px;
        }
        
    input.button{
  background: linear-gradient(rgb(12, 10, 74), rgb(5, 4, 29));
  font-weight: bold;
  color: white;
  border-radius: 100px;
  font-size: 25px;
  padding: 0px 51px;
} 
        
@media screen and (max-width: 600px) {
  .logos1,.logo3{
    display:flex;
    justify-content:center;
  }
  
  .faq .page {
    margin: 0% 0%;
    background-color: white;
}
}   


@media screen and (min-width: 600px) {
  .logos1{
    display:flex;
    justify-content:flex-end;
  }
   .logos3{
    display:flex;
    justify-content:flex-start;
  }
  
}