:root {
  --scroll: 0;
  --scrollbar-height: 3px;
}

.just-validate-error-label
{
  color:#ffb0b0 !important;
}

.quote{font-size: 15px;}
.footer .copyright{padding-top: 5px !important; padding-bottom: 5px !important;}
.scroll-bar-wrapper {
  width: 100%;
  height:4px;
  position:absolute;
  bottom:0;
  left:0;
  background:#d0efff;
  
}

.scroll-bar { 
  width:0;
  height: inherit;
  background: #6d51de;
}



#mobile-logo-tag{
    font-weight: bold;
    font-size: 13px;
    display: block;
  }
  .highlighted-btn{
    color: white;
    background-color: var(--bs-indigo);
    padding: 8px 25px;
    margin: 0 0 0 30px;
    border-radius: 50px;
    transition: 0.3s;
  }
  .highlighted-btn:hover{
    opacity: 90%;
    background: color-mix(in srgb, var(--bs-indigo), transparent 25%);
    color: whitesmoke;
    
  }
 .bg-indigo{
  background-color: var(--bs-indigo) !important;
 } 
 .bg-blue{
  background-color: #308feb !important;
  color:#fff !important;
 }
 .text-blue-light{
  color:#a1eeff !important;
 }
 .hero-section {
    position: relative;
    z-index: 1;
    padding: 40px 0 50px;
    background-image: url(../img/hero/hero-bg1.svg);
    background-position: top center;
    background-repeat: no-repeat;
 }
 .hero-heading{
  color:white;
 }
 .border-btn{
  border: 2px solid;
  border-radius: 25px;
  padding: 12px 15px;
  margin: 8px 3px;
 }

 .home-features  .heading{
  color:var(--bs-indigo);
  font-weight: 500;
  text-align: center;
 }

 .home-features  .sub-details{
  color:black;
  line-height: 1.6rem;
  font-size: calc(.8rem + .4vw);
  text-align: center;
  margin-bottom: 10px;
  max-width: 700px;
  margin: 0 auto;
  
 }
 .home-features  .feature .details{
    background-color: rgb(243, 244, 247);
    padding: 10px 6px;
    border: 1px solid #b3b3b3;
    font-size: 1.2rem;
    border-radius: 5px;
    transition: all ease-in 0.4s;
    height: 100%;
 }
 .bg-light1{
    background-color: #cffafe !important;
    color:#0e98a4 !important;
 }
 .bg-light2{
    background-color: #dbeafe !important;
    color:#3c83e0 !important;
 }
 .bg-light3{
    background-color: #f3e8ff !important;
    color:#892fea !important;
 }
 .bg-light4{
    background-color: #fce7f3 !important;
    color:#e0238f !important;
 }
 .bg-light5{
    background-color: #fee2e2 !important;
    color:#e32b2b !important;
 }
 .bg-light6{
    background-color: #ffedd5 !important;
    color:#dd8819 !important;
 }
 .bg-light7{
    background-color: #fef9c3 !important;
    color:#d5c514 !important;
 }
 .bg-light8{
    background-color: #dcfce7 !important;
    color:#19c154 !important;
 }
 .home-features  .feature:hover .block-img{
  background-color: #d7b0f0;
  color:var(--bs-indigo);
 }
 .text-indigo{
  color: var(--bs-indigo) !important;
 }

 .more-btn{
  font:10px !important;
  padding: 5px 12px !important;
 }
 .home-about{
    border-radius:25px;
    position: relative;
    z-index: 1;
    padding: 40px 0 50px;
    background-image: url(../img/hero/back-star.svg?q1wq12);
    background-position: center;
    background-color: #fff !important;
    background-repeat:repeat-x;
    border:1px dotted #8a1fd1;
 }
 .block-img{
  background-color: var(--bs-indigo);
  color:#fff;
  padding: 10px;
  border-radius: 10px;
  display: block;
  margin: 0 auto 10px;
  width:60px;
  height: 60px;
  font-size: 30px;
 }
 .lc-block{
  margin: 10px 0px 15px;
 }
 .footer-bg-gradient{
  /* 1. FALLBACK: For very old browsers that don't support gradients at all */
  background-color: #5b40ff; 
  /* 2. SAFARI 5.1-6.0, iOS 5.1-6.1, ANDROID 2.3-4.3 #55bcf7 */
  background-image: -webkit-linear-gradient(top, #f8f9fa, #5b40ff); 
  /* 3. OPERA 11.10-12.10 */
  background-image: -o-linear-gradient(top, #f8f9fa, #5b40ff); 
  /* 4. FIREFOX 3.6-15 */
  background-image: -moz-linear-gradient(top, #f8f9fa, #5b40ff); 
  /* 5. MODERN BROWSERS: Chrome, Edge, Firefox, Safari, Opera (Standard Syntax) */
  background-image: linear-gradient(to bottom, #f8f9fa, #5b40ff); 
  /* 6. LEGACY IE (IE 6-9): Uses Microsoft's proprietary filter matrix */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fa', endColorstr='#5b40ff', GradientType=0);
 }
/*mobile version code*/
@media (max-width: 575.98px) {
  .custom-mobile-card {
    background-color: #f8f9fa;
    font-size: 14px;
  }

  #wp-btn-mobile{
    width: 30px;
    height: 30px;
    order: 3;
    margin: 0px !important;
  }
  #navmenu
  {
    order: 1;
  }
  #mobile-logo{
    order: 2;
    margin: 0px !important;
  }

  
}

/*home faq*/
.home-faq{background-color: transparent !important; border-radius:5px; box-shadow: var(--bs-indigo) 0px 2px 4px ;}
.home-faq .accordion-item{background-color: transparent !important;}
.home-faq .accordion-item .accordion-button{background-color: transparent !important;color: var(--bs-indigo);}
.home-faq .accordion-item .accordion-button:focus{border: 0px !important; box-shadow: var(--bs-indigo) 0px 3px 4px ;}