.button1{
    background-color: #582bc4;
    color: white;
}
.button1:hover{
    background-color: #401f8b;
    color: white;
}
/* Apply styles when the navigation link is dynamically active */
.nav-link.dynamic-active {
    color: #582bc4 !important;
    font-weight: bold;
}
.bg-footer{
    background-color: #2c1054;
    color: white;
    padding: 5%;
}
/* Apply styles when the navigation link is dynamically active */
.nav-link.footer-active {
    color: #ffffff !important;
    font-weight: bold;
}
.borderfooter{
    border-top: 1px solid white; 
}

/* ------------------------------terms&Condition------------------------- */
.tc-text{
    font-size: 56px;
    font-weight: 700;
}
.bgimg{
    background-image: url('../images/Frame\ \(1\).png');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: -5%;
   
}
@media (max-width: 768px) {
    .bgimg{
        display: none;
    }
    .bg-img1{
        background-image: url('../images/Frame\ \(1\).png');
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        margin-top: -5%;
    }
}
.round{
    border-radius: 10px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.terms{
    background-color: #592bc444;
    color: #582bc4;
    border-radius: 10px;
    font-weight: 500;
}
/* -------------about---------------------------- */
.abt-ticker{
    width: 50%;
}
.purplebg{
    background-color:  #2c1054;
    padding: 5%;
    color: white;
}
.whyborder{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff7a;
}
.whychoseimg{
    width: 100px;
}


.faq-section {
    margin: 50px auto;
    max-width: 900px;
}
.faq-header {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
}
.faq-item {
    margin-bottom: 15px;
    border: none;
    border-radius: 10px ;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.faq-button {
    font-weight: bold;
    text-decoration: none;
}
.faq-item .accordion-button {
    background: white;
    color: black;
    box-shadow: none;
}
.faq-item .accordion-button:not(.collapsed) {
    color: black;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}
.greenheighlight{
    color: #25b78f;
}
.purpleheighlight{
    color: #582bc4;
}
.bg-gradi{
    border-radius: 10px;
    background: rgb(113,113,113);
    background: radial-gradient(circle, rgba(113,113,113,1) 0%, rgba(69,42,107,1) 16%, rgba(69,42,107,1) 100%, rgba(255,255,255,1) 100%);
}
.button2{
    border-radius: 100px;
    background: rgb(46,18,89);
    background: linear-gradient(216deg, rgba(46,18,89,1) 0%, rgba(46,18,89,1) 27%, rgba(78,41,156,1) 86%);
    color: white;
    border: none;
}
.button2:hover{
    background: rgb(46,18,89);
background: linear-gradient(216deg, rgb(29, 11, 56) 0%, rgb(19, 7, 37) 27%, rgba(78,41,156,1) 86%);
    color: white;
}
.bg-gradi1{
    border-radius: 10px;
    background: rgb(57,16,103);
background: radial-gradient(circle, rgba(57,16,103,1) 0%, rgba(69,42,107,1) 43%, rgba(69,42,107,1) 100%, rgba(255,255,255,1) 100%);
}
.bggreen{
    background-color:#25b78f ;
}
.bordergreen{
    border: 1px solid #25b78f;
}
.inputnobg{
    background-color: transparent !important;
    color: white !important;
}
.inputnobg::placeholder{
   
    color: white !important;
}
.inputnobg option{
   
    color: black !important;
}
.card{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: none;
}




.carousel-controls {
    position: absolute;
    bottom: -50px;
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
}
.carousel-control-prev, .carousel-control-next {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #5a4bcf;
    text-shadow: none;
    top: 4px;
}
.carousel-control-prev,
.carousel-control-next {
    position: static;
    width: auto;
    height: auto;
}

/* ======================================================================testimonials */

#carousel {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative; /* Make carousel container relative */
 }
 
 #carousel .carousel-inner {
    position: relative; /* Ensure carousel items are positioned correctly */
 }
 
 #carousel .carousel-item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    position: relative; /* Ensure items do not overlap */
 }
 
 #carousel .carousel-item a {
    color: #eb7245;
 }
 
 #carousel .img-box {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
 }
 
 #carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
 }
 
 #carousel .testimonial {
    padding: 30px 0 10px;
 }
 
 #carousel .overview {
    text-align: center;
    padding-bottom: 5px;
 }
 
 #carousel .overview b {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
 }
 
 #carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
 }
 
 #carousel-controls {
    position: absolute;
    bottom: 10px; /* Adjust this value if needed */
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
    z-index: 2; /* Ensure it stays above the carousel */
 }
 
 #carousel-control-prev, #carousel-control-next {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #5a4bcf00;
    text-shadow: none;
    border: none;
    background-color: #4e299c;
    top: 4px;
    position: relative; /* Ensure buttons stay in place */
 }
 
 #carousel-control-prev,
 #carousel-control-next {
    width: auto;
    height: auto;
 }
 
 #carousel .carousel-indicators {
    bottom: 15px;
 }
 
 #carousel .carousel-indicators li, #carousel .carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
 }
 
 #carousel .carousel-indicators li {
    background: #e2e2e2;
    border: none;
 }
 
 #carousel .carousel-indicators li.active {
    background: #888;
 }
 
 .bold {
    font-weight: bold;
 }
 
 .colorblack {
    color: black;
 }
 
 .shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   
    padding: 2%;
 }
 .bluecolor{
     color:#5a4bcf;
     font-weight: bold;
 }
 .end{
     display: flex;justify-content: end;align-items: end;flex-direction: column;
 }
 .herodisplay2{
 display:none;
 }
 @media(max-width:768px){
     .end{
         display: block;
     }
     .mobilehidden{
         display:none;
     }
 .herodisplay1{
     display:none;
 }
 .herodisplay2{
     display:block;
     }
 }
 
 .flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.view-all-btn2 {
    margin-top: 20px;
    padding: 10px 20px;
   background-color:  rgb(238,234,249);
    color: #5a4bcf;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #ddd;
    font-weight: bold;
}
/* ----------------signin------------------- */

.colorpuple{
    background-color: #401f8b !important;
    padding: 2% 5% !important;
    color: white;
    border-top-right-radius: 70px;
}

@media (max-width: 767px) {
    .paddsign{
        padding: 50% 0;
    }
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: none;
}
.category-btns .btn {
    border: 2px solid #401f8b; /* Outline color */
    color: #401f8b;           /* Text color */
    background-color: white; /* Default background */
    margin: 0 5px 10px;
    transition: background-color 0.3s, color 0.3s;
}

.category-btns .btn.active {
    background-color: #401f8b; /* Active background */
    color: white;              /* Active text color */
}