.ermsg .error{color: #dd4b39;}
.asterisk { color: #D9534F !important;}
/*Start for MSA Login form blade */
.col-md-6.login-form-1.client-website {
    background: #fffdd0;
}
.g-recaptcha{
padding-left: 0;
}
 
.g-recaptcha iframe{
width: 98%;
    border: 1px solid black;
    border-radius: 5px;l
}
 
.rc-anchor-logo-portrait {
    margin: 10px 0 0 -35px;
 
}
.login-main {
padding: 15px 0;
}

.login-left{
    padding: 35px 20px;
}

/*Start for password reset request form blade */
.col-md-6.login-form-1.client-website {
    background: #fffdd0;
}
/*End for password reset request form blade */


/*Start for website.blade homepage html design */
    body{
        background-color: #f8f9fa;
    }
    .section-bg-light {
        background-color: #f8f9fa;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .card-hover-effect {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
.card-hover-effect:hover {
    transform: scale(1.03);
    box-shadow: 0 1rem 2rem rgba(1, 1, 35, 0.2);
}
.testimonial {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 2rem rgba(1, 1, 75, 0.1);
}

.testimonial-content {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    position: relative;
    padding-left: 2rem;
}

.testimonial-content::before {
    content: "“";
    font-size: 3rem;
    color: #01014b;
    position: absolute;
    left: 0;
    top: -10px;
    font-family: serif;
    opacity: 0.2;
}

.testimonial-author {
    border-top: 1px solid #eee;
    padding-top: 1rem;
    margin-top: auto;
}

.testimonial-author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.testimonial-author small {
    font-size: 0.9rem;
    color: #333;
}

.btn-outline-primary {
    border-color: #01014b;
    color: #01014b;
}

.btn-outline-primary:hover {
    background-color: #01014b;
    color: #fff;
}

@media (max-width: 576px) {
    .testimonial_card{
        display:flex;
        flex-direction:column;
        justify-content:left;
    }
    .testimonial_card img{
        width:100% !important;
    }
}

  #demos{
      background-color: #6c757d;
      background-image: linear-gradient(#f1f1f8, white);
      position: relative;
      padding: 4rem 0 0 0;
  }
  .d-none { 
    display: none !important; 
  }
  .testimonial-content {
    transition: max-height 0.7s ease-in-out 0.1s; /* Added 0.1s delay */
    overflow: hidden;
    max-height: 170px; /* Adjust based on short-text height */
  }
  .testimonial-content.expanded {
    max-height: 1000px; /* Large enough for full text */
  }
  .read-more-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px 0;
    margin-top: 10px;
    background-color: #01014b; /* Blue background */
    color: #fff !important; /* White text */
    border: none;
    border-radius: 5px; /* Rounded corners */
    cursor: pointer;
  }

  .read-more-btn:hover {
    background-color: #01014b; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect */
  }

  .read-more-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3); /* Focus ring for accessibility */
  }
  /*End for website.blade homepage html design */