/* Base */
body {
  font-family: 'Inter', sans-serif;
  background: #0D162A;
  color: #E2E8F0;
  min-height: 100vh;
  margin: 0;
}



/* Hero Section */
.hero-section {
  position: relative;
  padding: 10rem 0;
  background: linear-gradient(135deg, #0D162A 0%, #152a4f 100%);
  overflow: hidden;
}

.hero-section .custom-list  li{font-size: 1.125rem !important}


/* Background circles */
.hero-section::before,
.hero-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
  z-index: 0;
}
.hero-section::before {
  background: #189d6e26;
  width: 110px;
  height: 110px;
  top: 20%;
  left: 14px;
 animation: float 3s ease-in-out infinite;
}
.hero-section::after {
  width: 110px;
  height: 110px;
  bottom: 10%;
  right: 14px;
  background: rgba(59, 130, 246, 0.1);
}

/* Gradient Heading */
.gradient-text {
  background: linear-gradient(to right, #00C6FF, #9C27FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Check Icons */
.check-icon {
  color: #00C6FF;
  font-size: 1.2rem;
  flex-shrink: 0;
  margin-top: 3px;
}

/* Buttons */
/* Custom button classes to match the design */
    .btn-pill {
		font-size: 1.12rem;
        border-radius: 10px;
        font-weight: 500;
        padding: 0.75rem 2rem;
    }
    .btn-primary-custom {
        background-color: #008064;
        color: #ffffff;
        border: none;
    }
    .btn-primary-custom:hover {
        background-color: #006b53;
        color: #ffffff;
    }
    .btn-secondary-custom {
        background-color: hsl(222.2 84% 4.9%);
        color: #ffffff;
        border: none;
    }
    .btn-secondary-custom:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }
    /* Add spacing between text and icon */
    .btn-primary-custom svg {
        margin-left: 0.5rem;
    }
    .btn-secondary-custom svg {
        margin-right: 0.5rem;
    }

/* Profile Image */
.profile-wrapper {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  padding: 8px;
  background: linear-gradient(135deg, #FFD700, #FF7F50);
}
.profile-wrapper img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.amelia-v2-booking #amelia-container.am-fs__wrapper{margin-top: 0 !important}

  /* Main section styling */
	.why-choose{padding-top: 0 !important}
      .pain-section {
            background-color: #172A3A;
            padding: 2rem 1rem 1rem;
            text-align: center;
        }
        .section-title {
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            background: linear-gradient(to right, #74D6B5, #4CC99D, #3B82F6, #6366F1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
			line-height: 1;
        }
        
         .home-title {
            font-size: 3rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            background: #ffffff;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
			line-height: 1;
        }

        .section-subtitle {
            font-size: 1.25rem;
            color: rgb(209,213,219);
            margin-bottom: 3rem;
        }
        .pain-card {
            background-color: #273041;
            border-radius: 1rem;
            padding: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
			border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .pain-card:hover {
            transform: translateY(-5px);
			box-shadow: 0 4px 6px rgb(14 253 134 / 11%);
        }
        .pain-icon {
            font-size: 3rem;
            color: #4CC99D;
            margin-bottom: 1rem;
        }
        .icon-male {
            color: #ffffff;
        }
        .icon-female {
            color: #ffffff;
        }
        .icon-bone {
            color: #4CC99D;
        }
        .card-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 0.25rem;
        }
        .card-text {
            font-size: 0.875rem;
            color: #9ca3af;
        }
        @media (max-width: 767px) {
            .pain-card {
                margin-bottom: 1.5rem;
            }
        }

/* General section styling to match the previous dark theme */
        .testimonial-section {
            background-color: #172A3A;
            color: #d1d9e6;
            font-family: 'Inter', sans-serif;
        }

        /* Testimonial card container styling */
        .testimonial-card {
            background-color: #273041;
            border-radius: 1rem;
            padding: 1.5rem 1.5rem 0.5rem;
            border: 1px solid #283a4c;
            display: flex;
            flex-direction: column;
            height: 100%;
			border: 1px solid rgba(255, 255, 255, 0.1);
			align-items: left;
        }

        /* Profile image styling */
        .profile-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
			border: none !important;
        }

        /* Rating stars styling */
        .rating-stars {
            color: #ffc107;
            font-size: 1.1rem;
        }

        /* Testimonial text styling */
        .testimonial-text {
            font-style: italic;
            flex-grow: 1; /* Allows text to grow and fill the space */
			color: rgb(209 213 219)
        }


/*------------fAQs----------*/
.faqs-main-section{
            background-color:#252839;
            color: #ffffff;
}
      .faq-section {
            padding: 3rem 0rem;
            background-color: #252839;
            color: #ffffff;
        }
        .faq-title {
            font-size: 2.5rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 2rem;
            background: linear-gradient(to right, #6EE7B7, #10B981, #3B82F6, #6366F1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .faq-card{
            background-color: #2D394A;
            border: none;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .faq-card:hover {
            transform: translateY(-5px);
        }
        .faq-card-body {
            padding: 1.5rem 1.5rem 0.5rem;
        }
        .faq-question {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: #d1d5db;
        }
        .faq-answer {
            color: #9ca3af;
        }
        .cta-button {
            margin-top: 3rem;
            text-align: center;
        }
        .btn-green {
            background-color: #10B981;
            border: none;
            color: white;
            padding: 0.75rem 2rem;
            border-radius: 0.5rem;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }
        .btn-green:hover {
            background-color: #059669;
        }
        @media (max-width: 767px) {
            .faq-card {
                margin-bottom: 1.5rem;
            }
        }
             #primary{
	                 background-color: #252839;
                     }    
          .leadership-section {
			background-color: #252839;
            padding: 4rem 1rem;
            text-align: center;
			  
        }
        .leadership-title {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            background: linear-gradient(to right, #6EE7B7, #10B981, #3B82F6, #6366F1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .leadership-subtitle {
            font-size: 1rem;
            color: #d1d5db;
            margin-bottom: 3rem;
        }
        .profile-card {
            border-radius: 1rem;
            padding: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
            background-color: #2A3547;
			border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .profile-card:hover {
            transform: translateY(-5px);
        }
        .profile-img {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid transparent;
            background-image: linear-gradient(#373A50, #373A50), linear-gradient(to right, #6EE7B7, #10B981);
            background-origin: border-box;
            background-clip: content-box, border-box;
            margin-bottom: 1.5rem;
        }
        .profile-name {
            font-size: 1rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 0.25rem;
        }
        .profile-title {
            font-size: 1rem;
            color: #6EE7B7;
            margin-bottom: 0.5rem;
        }
        .profile-description {
            font-size: 1rem;
        }
        @media(min-width: 768px){
            .main-title{font-size:3.75rem !important}
        }
        @media (max-width: 767px) {
            .profile-card {
                margin-bottom: 1.5rem;
            }
        }


/* Testimonials Section Styles */
        .testimonials-section {
			background-color: rgba(255, 255, 255, 0.05);
            padding: 1rem 1rem;
            text-align: center;
        }

        /* Heading Styles */
        .testimonials-heading {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            background: linear-gradient(to right, #6EE7B7, #10B981, #3B82F6, #6366F1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .testimonials-subtitle {
            font-size: 1rem;
            color: #d1d5db;
            margin-bottom: 3rem;
        }

        /* Testimonial Card Styles */
        .testimonial-card {
            background-color: #273041;
            border-radius: 1rem;
            padding: 1.1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: start;
            text-align: left;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
        }
        
        /* Profile Header and Image Styles */
        .profile-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            width: 100%;
        }
        .profile-img {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            object-fit: cover;
           
            
            background-origin: border-box;
            background-clip: content-box, border-box;
        }
        .profile-info {
            flex-grow: 1;
        }

        /* Profile Text Styles */
        .profile-name {
            font-weight: 600;
            margin-bottom: 0;
            line-height: 1.2;
        }
        .profile-title {
            font-size: 0.875rem;
            color: #d1d5db;
        }

        /* Rating and Tag Styles */
        .rating {
            color: gold;
            margin-top: 0.5rem;
            margin-bottom: 1rem;
        }
        .benefit-tag {
            background-color: #10b98142;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 500;
            margin-bottom: 1rem;
            display: inline-block;
        }

        /* Quote and Result Text Styles */
        .quote-icon {
            font-size: 2rem;
            color: #9ca3af;
            margin-bottom: 0.5rem;
        }
        .quote-text {
            font-size: 1rem;
            color: #d1d5db;
            margin-bottom: 1.5rem;
            flex-grow: 1;
        }
        .result-text {
            font-size: 0.875rem;
            font-weight: 500;
            color: #10B981;
        }

        /* Media Queries for Responsiveness */
        @media (max-width: 767px) {
            .testimonial-card {
                margin-bottom: 1.5rem;
				padding-bottom: 0px;
            }
        }




 /* CSS Variables for consistent colors */
        :root {
            --dark-bg: #151d2f;
            --card-bg: #1e263a;
            --primary-green: #30b178;
            --muted-text: #9aa8c6;
        }

        /* Custom background for the main section to match the image */
        .bg-custom-dark {
            background-color: #252839;
        }

        /* Styling for the pricing cards */
        .card-custom {
            background-color: #343F51;
            border: 1px solid var(--card-bg);
            border-radius: 1rem;
        }

        /* Custom style for the dark buttons on the left and right cards */
        .card-custom-dark-btn {
            color: #fff;
            background-color: #4b5266;
            border: 1px solid #3b4256;
			
        }

        .card-custom-dark-btn:hover {
            color: #fff;
            background-color: #4b5266;
            border: 1px solid #4b5266;
        }

        /* Custom style for the green button on the "Most Popular" card */
        .card-custom-green-btn {
            background-color: var(--primary-green);
            border: 1px solid var(--primary-green);
        }

        .card-custom-green-btn:hover {
            background-color: #2a9462;
            border: 1px solid #2a9462;
        }

        /* Styling for the green checkmark icons in the feature lists */
        .check-icon {
            color: var(--primary-green);
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
        }
        
        /* Highlighted styling for the "Most Popular" card, including the border and box shadow */
        .most-popular-card {
            border: 2px solid var(--primary-green) !important;
            box-shadow: 0 0 20px rgba(48, 177, 120, 0.4);
        }

        /* Styling for the "Most Popular" badge/ribbon at the top of the middle card */
        .most-popular-badge {
            position: absolute;
            top: -0.75rem;
            left: 50%;
            transform: translateX(-50%);
            background-color: var(--primary-green);
            color: #fff;
            font-size: 0.75rem;
            font-weight: bold;
            padding: 0.25rem 0.75rem;
            border-radius: 1rem;
            white-space: nowrap;
			z-index: 99999 !important;
        }


/* Optional custom styles for spacing and a cleaner look */
        .contact-info-section {
            background-color: #f8f9fa;
            border-radius: 0.5rem;
        }

        .map-container {
            overflow: hidden;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            position: relative;
            height: 0;
            border-radius: 0.5rem;
        }

        .map-container iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
            border: 0;
        }

       }

        .endorsement-section {
            padding: 50px 0;
            text-align: center;
        }

        .endorsement-title {
            font-size: 2.5rem;
            font-weight: 700;
            background: linear-gradient(90deg, #6a85b6, #bac8e0);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 10px;
        }

        .endorsement-subtitle {
            font-size: 1.25rem;
            color: #a0a0a0;
            margin-bottom: 40px;
        }

        .endorsement-card {
            background-color: #2c2c44; /* Darker background for cards */
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            height: 100%; /* Ensure cards are the same height */
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .profile-image {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-bottom: 20px;
            background-color: #3b3b5c;
            /* Placeholder for the sphere image. In a real project, you would use a proper image tag. */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .profile-image img {
            width: 80%;
            height: 80%;
            border-radius: 50%;
        }

        .profile-name {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .profile-title {
            font-size: 1rem;
            color: #8f8f8f;
            margin-bottom: 20px;
        }

        .quote {
            font-size: 1.1rem;
            font-style: italic;
            color: #a0a0a0;
            text-align: left;
            flex-grow: 1; /* Allows the quote to take up remaining space */
        }


      /* Custom styles for the section */

/* Gradient text for the heading */
.text-gradient {
  background-color: RGB(52, 211, 153);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 36px;
	font-weight: 700;
}

/* Custom button styles */
.btn-primary-custom {
  background-color: #00a87f;
  color: #fff;
  border: none;
 font-weight: 500;
}
.btn-primary-custom:hover {
  background-color:#006B53;
  color: #fff;
  border: none;
  font-weight: 500;
}

.btn-secondary-custom {
  background-color: #171c26;
  color: #fff;
  border: 1px solid #3c405c;
  font-weight: 500;
}


/* Custom styles for the timeline circles */
.timeline-year-circle {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  background: #059669;
}

/* Specific styling for the timeline cards */
.timeline-card {
  background-color: #2c2f40;
  border: 1px solid #3c405c;
  border-radius: 0.5rem;
}

/* Base styles for the section */

.text-gradient {
  background-image: linear-gradient(to right, #00d27f, #007aff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.feature-card{
     background: #263041 !important;
     border: 1px solid #80808040 !important;
	border-radius: 14px !important;
}


.awards-section {
	         background: #1F293C;
            color: #f0f0f0; /* Near white text */  
            text-align: center;   
        }

        /* Custom gradient for the main heading */
        .gradient-text {
            background: linear-gradient(to right, #20e3b2, #9f5cf7); /* Teal/Greenish to Purple gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: clamp(2.2rem, 5vw, 3.5rem); 
            font-weight: 700;
            margin-bottom: 20px;
        }

        /* Subtitle text styling */
        .subtitle-text {
            max-width: 700px;
            margin: 0 auto 50px auto; 
            font-size: 1.15rem;
            color: #b0b0c0; /* Subtle grey */
        }
        
        /* Award Card Styling */
        .award-card {
            background-color: #2E394B !important; /* Slightly lighter dark background for the cards */
            border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border */
            border-radius: 10px;
            padding: 20px 30px;
            height: 100%; /* Ensures all cards are the same height */
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .award-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        /* Icon Styling (Ribbon/Medal) */
        .award-icon {
            font-size: 3rem;
            /* Applying the same teal-to-blue gradient to the icon */
            background: linear-gradient(to right, #20e3b2, #0093ff); 
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 20px;
            display: inline-block; /* Essential for text-clip to work */
        }

        /* Award Title Styling */
        .award-title {
            color: #f0f0f0;
            margin-bottom: 10px;
        }

        /* Organization/Issuer Styling */
        .award-issuer {
            font-size: 1rem;
            /* Teal color as seen in the image */
            color: #20e3b2; 
            margin-bottom: 15px;
            display: block;
        }

        /* Description Styling */
        .award-description {
            font-size: 0.95rem;
            color: #b0b0c0;
            line-height: 1.5;
        }

        /* Responsive margin for cards on small screens */
        @media (max-width: 767.98px) {
            .award-col {
                margin-bottom: 20px;
            }
        }


/* Styling for the main content section */
        .teleback-section {
            padding: 30px 15px;
            text-align: center;
			border-radius: 20px !important;
             margin: 15px !important;
        }

        /* Styling for the main heading */
        .main-heading h2 {
            font-size: 2.5rem;
            font-weight: 700;
        }

        /* Styling for the colored text in the heading */
        .color-text-teal {
            color: #49c5b6; /* Teal color for "Why" and "Tele" */
        }

        .color-text-purple {
            color: #7d69bf; /* Purple color for "Back?" */
        }

        /* Styling for the sub-text */
        .sub-text {
            font-size: 1.2rem;
            margin-bottom: 40px;
            color: #aaaaaa; /* Lighter grey for subtitle */
        }

        /* Styling for the feature boxes (the three columns) */
        .feature-box {
            padding: 20px;         
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* Styling for the Font Awesome icons */
        .fa-icon {
            font-size: 1.5rem; /* Base icon size */
            margin-bottom: 10px;
            border-radius: 50%;
            padding: 15px; /* Padding for the circle effect */
            width: 50px; /* Fixed width/height for a perfect circle */
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            /* Ensures the icon itself is centered inside the circle */
        }

        /* Icon 1: Money Back Guarantee (Shield/Teal) */
        .icon-guarantee {
            color: #49c5b6;
            border: 2px solid #49c5b6;
        }

        /* Icon 2: Licensed Professionals (Users/Purple) */
        .icon-professionals {
            color: #7d69bf;
            border: 2px solid #7d69bf;
        }

        /* Icon 3: Flexible Scheduling (Clock/Teal) */
        .icon-scheduling {
            color: #49c5b6;
            border: 2px solid #49c5b6;
        }

        /* Styling for the feature titles */
        .feature-box h3 {
            font-size: 1.1rem !important;
            font-weight: 600;
            margin-top: 5px; /* Adjusted to look better with the circle icon */
            margin-bottom: 10px;
			color: white !important;
			text-transform: capitalize;
        }

        /* Styling for the feature description text */
        .feature-box p {
            font-size: 0.95rem;
            color: #cccccc; /* Slightly lighter text for descriptions */
        }



     .contact-card {
            background-color: rgba(255, 255, 255, 0.05) !important; /* Dark background for the main form card */
            color: #ffffff; /* White text */
            border: none; /* No border for the main card */
		    backdrop-filter: blur(10px);
		    border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .support-card {
            background-color: rgba(255, 255, 255, 0.05) !important; /* Darker background for the support info sections */
            color: #ffffff;
            border: none;
            margin-bottom: 20px; /* Space between the two right cards */
			backdrop-filter: blur(10px);
		    border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .form-control, .form-select {
            background-color: #1a202a; /* Dark background for form inputs */
            color: #ffffff;
			border: 1px solid #dddddd36 !important;
        }
        .form-control:focus, .form-select:focus {
            background-color: #1a202a;
            color: #ffffff;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
        .btn-send {
            background-color: #03a985; /* Teal color for the button */
            border-color: #03a985;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
        }
        .text-teal {
            color: #03a985 !important; /* Custom text color for 'Within X hours' */
        }
        .text-green {
            color: #38c172 !important; /* Custom text color for 'Immediate' */
        }
        .text-info-light {
            color: #8c95a0; /* Light gray for descriptions */
        }


.includes-card {
            background-color: #242933; /* Card background color */
            color: #ffffff; /* Default text color */
            border: none;
            max-width: 500px; /* Constrain the width for better replication */
        }
        .includes-list {
            list-style: none; /* Remove default list bullets */
            padding-left: 0; /* Remove default padding */
        }
        .includes-list li {
            margin-bottom: 1rem;
            display: flex; /* Use flexbox for icon alignment */
            align-items: flex-start;
        }
        .includes-list li i {
            color: #03a985; /* Custom teal color for the icon */
            font-size: 1.25rem; /* Make the icon a bit larger */
            margin-right: 0.75rem;
            margin-top: 0.2rem; /* Fine-tune vertical alignment with text */
        }
        .click-here {
            color: #4dd0e1; /* Teal/light blue color for the link */
            text-decoration: none;
            font-weight: bold;
        }
        .click-here:hover {
            color: #64daed;
        }


.login-card {
            background-color: #2a2a44; /* Darker blue for the card background */
            border-radius: 15px; /* Rounded corners for the card */
            padding: 40px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); /* Subtle shadow */
            max-width: 400px; /* Set a max width for the form container */
            width: 100%;
	         margin: 0 auto;
        }

        .logo-text {
            color: #4CAF50; /* Example logo text color (teal-ish from the image) */
            font-weight: 700;
        }

        .form-control {
            background-color: #3b3b5c; /* Darker input background */
            border: 1px solid #4a4a6b; /* Subtle border */
            color: #ffffff;
            /* Make text smaller inside the input */
            font-size: 0.9rem; 
            height: 50px; /* Increase height for a more prominent input field */
        }
        
        .form-control::placeholder {
            color: #aaaaaa; /* Lighter placeholder text */
        }
        
        /* Remove focus glow for a flatter look (optional) */
        .form-control:focus {
            background-color: #3b3b5c; 
            box-shadow: none;
            border-color: #4a4a6b;
        }

        .btn-success {
            /* Green button color from the image */
            background-color: #00A693; 
            border-color: #00A693;
            font-weight: 600;
            padding: 10px 0;
            font-size: 1.1rem;
        }

        .btn-success:hover {
            background-color: #008c7a; 
            border-color: #008c7a;
        }

        .forgot-password-link {
            color: #00A693; /* Green link color */
            text-decoration: none;
            font-weight: 500;
        }
        
        .forgot-password-link:hover {
            color: #008c7a; 
        }

        .book-session-link {
            color: #5BC0DE; /* Cyan/Teal link color for "Book a Session" */
            text-decoration: none;
            font-weight: 600;
        }
        
        .book-session-link:hover {
            color: #46b8da;
        }

        /* Input Group Icon Styling */
        .input-group-text {
            background-color: #3b3b5c;
            border: 1px solid #4a4a6b;
            color: #aaaaaa;
            height: 50px;
        }