body {
            font-family: 'Inter', sans-serif;
            overflow-x: hidden; /* Prevent horizontal scroll */
            color: #333; /* Default text color, slightly darker for better contrast */
        }
        /* Custom colors based on image analysis */
        .bg-hero-blue {
            background-color: #2152A9; /* Main blue from the image */
        }
        .text-blue-primary {
            color: #2152A9; /* Main blue for text elements */
        }
        .btn-primary {
            background-color: #007bff; /* Primary button blue */
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #0056b3;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
        }
        .btn-secondary {
            background-color: #fff;
            color: #2152A9;
            border: 1px solid #2152A9;
            transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        }
        .btn-secondary:hover {
            background-color: #e0f2fe;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
        }
        .card-shadow {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .card-shadow:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        .animate-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* Slower and smoother */
        }
        .animate-fade-in.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .icon-box {
            background-color: #F0F5FF; /* Light blue background for icon boxes */
            border: 1px solid #F0F5FF; /* Light blue border */
            color: #2152A9; /* Blue icon color */
            transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        }
        .icon-box:hover {
            background-color: #2152A9; /* Blue on hover */
            border-color: #2152A9;
            color: #ffffff; /* White icon on hover */
        }
        .your-class-name {
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 50;
}
        /* Specific icon colors on hover as per image */
        .icon-box.plane-icon { background-color: #E6F0FF; color: #2152A9; }
        .icon-box.plane-icon:hover { background-color: #2152A9; color: #fff; } /* Blue */

        .icon-box.graduation-cap-icon { background-color: #E6F8EF; color: #4CAF50; }
        .icon-box.graduation-cap-icon:hover { background-color: #4CAF50; color: #fff; } /* Green */

        .icon-box.briefcase-icon { background-color: #F5E6FF; color: #9C27B0; }
        .icon-box.briefcase-icon:hover { background-color: #9C27B0; color: #fff; } /* Purple */

        .icon-box.users-icon { background-color: #FFECF0; color: #E91E63; }
        .icon-box.users-icon:hover { background-color: #E91E63; color: #fff; } /* Pink */

        .icon-box.heart-icon { background-color: #FFF2E6; color: #FF9800; }
        .icon-box.heart-icon:hover { background-color: #FF9800; color: #fff; } /* Orange */

        .icon-box.file-alt-icon { background-color: #E6FFFA; color: #00BCD4; }
        .icon-box.file-alt-icon:hover { background-color: #00BCD4; color: #fff; } /* Cyan */


        .footer-bg {
            background-color: #1A1A2E; /* Dark blue/grey from the image footer */
        }
        .input-field {
            border-color: #e2e8f0; /* Light border for inputs */
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }
        .input-field:focus {
            outline: none;
            border-color: #2152A9; /* Focus border matches main blue */
            box-shadow: 0 0 0 2px rgba(33, 82, 169, 0.25);
        }
        /* Custom scrollbar for a cleaner look */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

        /* Custom logo icon styling */
        .logo-icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin-right: 8px;
        }

        /* Hero section specific styles for precise matching */
        .hero-stats-grid {
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Adjust for smaller screens */
            gap: 2rem; /* Increased gap for better spacing */
        }
        .hero-stat-item {
            display: flex;
            align-items: center;
            text-align: left;
        }
        .hero-stat-item i {
            font-size: 1.5rem; /* Smaller icon size */
            margin-right: 0.75rem; /* Space between icon and text */
            color: #fff; /* White icon color */
        }
        .hero-stat-item p {
            line-height: 1.2; /* Tighter line height for stats text */
        }
        .hero-stat-item .stat-value {
            font-size: 1.5rem; /* Value font size */
            font-weight: 700; /* Bold */
        }
        .hero-stat-item .stat-label {
            font-size: 0.875rem; /* Label font size */
            opacity: 0.9;
        }

        /* Floating box on hero image */
        .floating-box {
            position: absolute;
            bottom: 20px; /* Adjust as needed */
            left: 20px; /* Positioned from the left */
            background-color: #fff;
            padding: 1rem 1.5rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
            display: flex;
            align-items: center;
            gap: 1rem;
            min-width: 200px;
            z-index: 10; /* Ensure it's above the image */
        }
        .floating-box .icon {
            color: #2152A9; /* Blue icon color */
            font-size: 2rem;
        }
        .floating-box .text-content p {
            margin: 0;
            line-height: 1.2;
        }
        .floating-box .text-content .rate {
            font-weight: 600;
            color: #2152A9;
        }
        .floating-box .text-content .label {
            font-size: 0.875rem;
            color: #666;
        }

        /* Top bar styling */
        .top-bar {
            background-color: #E6F0FF; /* Lighter blue for the top bar */
            color: #2152A9; /* Blue text */
            font-size: 0.875rem;
            padding: 0.5rem 0;
            border-bottom: 1px solid #d0e0ff; /* Subtle border at the bottom */
        }
        .top-bar-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-right: 1.5rem;
            font-weight: 500; /* Medium font weight */
        }
        .top-bar-item:last-child {
            margin-right: 0;
        }
        .top-bar-item i {
            color: #2152A9; /* Blue icons */
        }

        /* Header Navigation Styling */
        .header-nav-link {
            color: #333; /* Darker text for main nav links */
            font-weight: 500; /* Medium font weight */
            font-size: 1rem; /* Standard font size */
        }
        .header-nav-link:hover {
            color: #2152A9; /* Blue on hover */
        }
        .header-nav-link .fa-chevron-down {
            font-size: 0.6rem; /* Smaller dropdown arrow */
            margin-left: 0.3rem; /* Closer to text */
        }

        /* Hero image container and border styling */
        .hero-image-wrapper {
            position: relative;
            border: 8px solid #2152A9; /* Blue border around the image */
            border-radius: 1rem; /* Rounded corners for the image container */
            overflow: hidden; /* Ensures image and badge stay within rounded border */
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Stronger shadow for the image */
        }
        .hero-image-wrapper img {
            display: block; /* Remove extra space below image */
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensure image covers the area */
            border-radius: 0.75rem; /* Slightly smaller border-radius for the image itself */
        }

        /* Corner badge styling (re-interpretation based on new image) */
        .corner-design {
            position: absolute;
            top: 0;
            left: 0;
            width: 50px; /* Adjust size as needed */
            height: 50px; /* Adjust size as needed */
            background-color: #2152A9; /* Dark blue color */
            border-bottom-right-radius: 1rem; /* Rounded corner for the bottom-right */
            z-index: 1; /* Ensure it's above the image but below floating box */
        }

        /* New section styling */
        .assessment-section {
            background-color: #2152A9; /* Dark blue background */
            border-radius: 1rem; /* Rounded corners */
            padding: 3rem 2rem; /* Ample padding */
            text-align: center;
            color: #fff;
            margin-top: 4rem; /* Space from the section above */
            margin-bottom: 4rem; /* Space from the section below */
        }
        .assessment-section h2 {
            font-size: 2.5rem; /* Larger heading */
            font-weight: 800; /* Extra bold */
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        .assessment-section p {
            font-size: 1.25rem; /* Larger paragraph text */
            opacity: 0.9;
            margin-bottom: 2rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        .assessment-section .btn-white {
            background-color: #fff;
            color: #2152A9;
            padding: 0.8rem 2.5rem;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 1.125rem;
            transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            display: inline-block; /* To allow padding and margin */
        }
        .assessment-section .btn-white:hover {
            background-color: #e0f2fe;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        }

        /* Team section specific styles */
        .team-stat-item .icon-wrapper {
            background-color: #E6F0FF; /* Light blue background for icon circles */
            color: #2152A9; /* Blue icon color */
            width: 60px; /* Size of the circle */
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9999px; /* Full circle */
            margin-bottom: 1rem;
        }
        .team-stat-item .icon-wrapper i {
            font-size: 1.8rem; /* Larger icon size */
        }
        .team-stat-item .stat-value {
            font-size: 2.25rem; /* Larger value font size */
            font-weight: 700;
            color: #2152A9; /* Blue color for values */
        }
        .team-stat-item .stat-label {
            font-size: 1rem; /* Standard label font size */
            color: #666;
            margin-top: 0.25rem;
        }
        .team-member-card {
            background-color: #fff;
            border-radius: 1rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            padding: 1.5rem;
            text-align: center;
            display: flex;
          
            flex-direction: column;
            align-items: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .team-member-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        .team-member-card img {
            width: 120px;
            height: 120px;
            border-radius: 9999px; /* Circular image */
            object-fit: cover;
            margin-bottom: 1.5rem;
            border: 4px solid #E6F0FF; /* Light blue border around image */
        }
        .team-member-card .member-name {
            font-size: 1.5rem; /* Larger name font size */
            font-weight: 700;
            color: #333;
            margin-bottom: 0.5rem;
        }
        .team-member-card .member-title {
            font-size: 1rem;
            color: #2152A9; /* Blue color for title */
            font-weight: 600;
            margin-bottom: 0.5rem;
        }
        .team-member-card .member-subtitle {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 1rem;
        }
        .team-member-card .member-description {
            font-size: 0.9rem;
            color: #666;
            line-height: 1.5;
            margin-bottom: 1.5rem;
        }
        .team-member-card .learn-more-link {
            color: #2152A9;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: auto; /* Push to bottom */
        }
        .team-member-card .learn-more-link:hover {
            text-decoration: underline;
        }

        /* Why Choose Immigration Pro Section - new styling */
        .why-choose-section {
            background-color: #2152A9; /* Blue background */
            border-radius: 1rem; /* Rounded corners */
            padding: 3rem 2rem; /* Ample padding */
            text-align: center;
            color: #fff;
            margin-top: 4rem; /* Space from the section above */
            margin-bottom: 4rem; /* Space from the section below */
        }
        .why-choose-section h2 {
            font-size: 2.5rem; /* Larger heading */
            font-weight: 800; /* Extra bold */
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        .why-choose-section p {
            font-size: 1.25rem; /* Larger paragraph text */
            opacity: 0.9;
            margin-bottom: 2rem;
            max-width: 800px; /* Wider text area */
            margin-left: auto;
            margin-right: auto;
        }
        .why-choose-section .btn-light-blue {
            background-color: #E6F0FF; /* Light blue background */
            color: #2152A9; /* Dark blue text */
            padding: 0.8rem 2.5rem;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 1.125rem;
            transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            display: inline-block;
            border: none; /* No border for this button */
        }
        .why-choose-section .btn-light-blue:hover {
            background-color: #d0e0ff; /* Slightly darker light blue on hover */
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        }
        .why-choose-section .btn-dark-blue {
            background-color: #1A4A9C; /* Darker blue background */
            color: #fff; /* White text */
            padding: 0.8rem 2.5rem;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 1.125rem;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            display: inline-block;
            border: none; /* No border for this button */
        }
        .why-choose-section .btn-dark-blue:hover {
            background-color: #153a80; /* Even darker blue on hover */
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
        }

        /* Emergency Support Section */
        .emergency-support-section {
            background-color: #2152A9; /* Dark blue background */
            border-radius: 1rem; /* Rounded corners */
            padding: 2rem; /* Ample padding */
            text-align: left;
            color: #fff;
            margin-bottom: 1.5rem; /* Space between this and office hours */
        }
        .emergency-support-section h3 {
            font-size: 1.875rem; /* Larger heading */
            font-weight: 700; /* Bold */
            margin-bottom: 0.75rem;
            line-height: 1.2;
        }
        .emergency-support-section p {
            font-size: 1rem; /* Standard paragraph text */
            opacity: 0.9;
            margin-bottom: 1.5rem;
        }
        .emergency-support-section .btn-emergency {
            background-color: #fff;
            color: #2152A9;
            padding: 0.75rem 2rem;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 1rem;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            display: inline-block;
            border: none;
        }
        .emergency-support-section .btn-emergency:hover {
            background-color: #e0f2fe;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        /* Office Hours Section */
        .office-hours-section {
            background-color: #fff; /* White background */
            border-radius: 1rem; /* Rounded corners */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Card shadow */
            padding: 2rem; /* Ample padding */
            text-align: left;
            color: #333;
        }
        .office-hours-section h3 {
            font-size: 1.875rem; /* Larger heading */
            font-weight: 700; /* Bold */
            margin-bottom: 1.5rem;
        }
        .office-hours-section .hour-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.75rem 0;
            border-bottom: 1px solid #eee; /* Light separator */
        }
        .office-hours-section .hour-item:last-child {
            border-bottom: none; /* No border for the last item */
        }
        .office-hours-section .day {
            font-weight: 500;
            color: #555;
        }
        .office-hours-section .time {
            font-weight: 600;
            color: #2152A9; /* Blue for time */
        }

        /* Footer specific styles */
        .footer-bg {
            background-color: #1A1A2E; /* Dark blue from the image footer */
        }
        .footer-social-icon {
            background-color: #333; /* Darker background for social icons */
            color: #fff; /* White icons */
            width: 40px;
            height: 40px;
            border-radius: 9999px; /* Circular */
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }
        .footer-social-icon:hover {
            background-color: #2152A9; /* Blue on hover */
            transform: translateY(-2px);
        }
        .footer-bottom-bar {
            background-color: #1A1A2E; /* Changed to match main footer background */
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            font-size: 0.875rem;
            color: #aaa;
            border-top: 1px solid #333;
        }
        .footer-link {
            color: #aaa;
            transition: color 0.3s ease;
        }
        .footer-link:hover {
            color: #fff;
        }
        .newsletter-input {
            background-color: #333; /* Dark background for input */
            border: 1px solid #555; /* Slightly lighter border */
            color: #fff;
            padding: 0.75rem 1rem;
            border-radius: 0.5rem; /* Rounded corners for input */
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }
        .newsletter-input:focus {
            outline: none;
            border-color: #2152A9;
            box-shadow: 0 0 0 2px rgba(33, 82, 169, 0.25);
        }
        .newsletter-button {
            background-color: #2152A9; /* Blue button */
            color: #fff;
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            transition: background-color 0.3s ease;
        }
        .newsletter-button:hover {
            background-color: #1A4A9C;
        }
        /* Specific styling for social icons in the bottom bar */
        .bottom-bar-social-icon {
            background-color: #333; /* Dark gray background */
            color: #fff; /* White icon */
            width: 32px; /* Smaller size */
            height: 32px;
            border-radius: 50%; /* Circular */
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Added subtle shadow */
        }
        .bottom-bar-social-icon:hover {
            background-color: #2152A9; /* Blue on hover */
        }