@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@1&family=Licorice&display=swap');

.text-desc h1{
    margin-top: 120px;
    font-family: 'Licorice', cursive;
    font-size: 5rem;
    font-weight: 400;
}

.text-desc .tp{
    font-size: 10rem;
    font-weight: 600;
    color: red;
}
@media (max-width:578px) {
    .text-desc h1{
        margin-top: 10px;
        color: red !important;
        font-size: 4rem;
    }
    .text-desc .tp{
        font-size: 6rem;
        font-weight: 600;
        color: red;
    }
}
/* How work Styling Start */
/* How work Section Start */
.how-work-desc p{
    font-size: 1.3rem;
    color: #696969;
    text-align: justify;
}
/* How work Section End */

.how-work .how-work-heading h1{
    font-size: 4rem;
    text-align: center;
}
.how-work .how-work-steps ul{
    text-align: justify;
}
.how-work .how-work-steps ul li{
    padding: 10px;
    font-size: 1.2rem;
    color: #696969;
    font-weight: 400;
}
@media (max-width:578px) {
    .how-work .how-work-heading h1{
        font-size: 1.7rem;
        font-weight: bold;
        text-align: left;
    }
}

/* How Work Styling End */

.animate-charcter
{
    text-transform: uppercase;
    background-image: linear-gradient(
        -225deg,
        /* #231557 0%,
        #44107a 29%,
        #ff1361 67%,
        #fff800 100% */
        #231557 0%,
        #212c03 50%,
        #f82d2d 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 80px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.carousel-control-prev .carousel-control-prev-icon{
    background-color: red !important;
   
}

.carousel-control-next .carousel-control-next-icon{
    background-color: red !important;
    
}
.carousel-control-next{
    color: blue !important;
}


@media (max-width:578px) {
    .animate-charcter
    {
        font-size: 32px !important;
    }
}
.topic-detail .carousel-item{
   padding-top:0rem !important
}
.topic-detail .topic-ul-heading{
    color: rgb(1, 1, 12);
    font-size: 3rem;
}
@media (max-width:578px) {
    .topic-detail .topic-ul-heading{
        
        font-size: 2rem;
    }
}
    
.topic-detail .carousel-item ul{
    
    
}
.topic-detail .carousel-item ul li{
    list-style: none;
    padding: 0.5rem;
    font-size: 2rem;
    text-align: left;
    margin-left: 100px;
    
}
@media (max-width:578px) {
    .topic-detail .carousel-item ul li{
        margin-left: 0px;
        font-size: 1.2rem;
    }
}



/* Form Section Styling Start */
.form-section{
    background-color: rgb(117, 106, 106);
}
.form-section h2{
    padding: 10px;
    color: honeydew;
}
.form-section .btn-how-work{
   
}
.btn-how-work{
    background-color: lightcyan;
    background-color: rgb(117, 106, 106);
    color: red;
    color: honeydew;
    border: rgb(117, 106, 106);
}

@media (max-width:578px) {
    .form-section h2{
        font-size: 1.5rem;
    }
}
/* Form Section Styling End */