.elementor-kit-50{--e-global-color-primary:#FFD200;--e-global-color-secondary:#FFD200;--e-global-color-text:#FFD200;--e-global-color-accent:#FFD200;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-50 e-page-transition{background-color:#FFBC7D;}.elementor-kit-50 a{color:#FFD200;}.elementor-kit-50 a:hover{color:#FFFCF8;}.elementor-kit-50 h1{color:#FFD200;}.elementor-kit-50 h2{color:#FFD200;}.elementor-kit-50 h3{color:#FFD200;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* General body styling */
body {
   font-family: 'Roboto', sans-serif; /* Change font to Roboto */
   font-weight: 700; /* Make text bold */
   background-color: #1E212D; /* Light grey background */
   color: #333; /* Dark grey text */
}

/* Navbar custom styling */
.header-dark {
   background-color: #000000; /* Darker shade for the header */
}

.navbar-brand img {
   max-width: 35%; /* Keep the dynamic size for better responsiveness */
   height: auto;
}

.navbar-dark .navbar-nav {
   align-items: center; /* Align items in navbar vertically */
}

.navbar-dark .navbar-nav .nav-link {
   color: #f8f9fa; /* Light color for nav links */
   margin-right: 15px; /* Adjusted space between nav links for consistency */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
   color: #adb5bd; /* Color change on hover/focus */
}

/* Sign up button styling, corrected for visibility and changed to dark orange */
.btn-light.action-button {
   background-color: #ff9500; /* Changed to dark orange */
   color: #000; /* Text color */
   border: 1px solid #d35400; /* Border color changed to match the dark orange background */
   padding: 10px 20px; /* Adequate padding for button size */
   text-align: center; /* Ensure text is centered */
   text-decoration: none; /* Remove underline from text */
   display: inline-block; /* Display as inline-block for proper positioning */
   font-size: 16px; /* Readable font size */
   cursor: pointer; /* Cursor to indicate clickable */
   margin-right: 15px; /* Consistent margin with nav links */
   border-radius: 5px; /* Rounded corners */
   font-weight: 700; /* Make text bold */
}

.btn-light.action-button:hover,
.btn-light.action-button:focus {
   background-color: #e67e22; /* Lighter shade of orange on hover/focus for contrast */
   border-color: #cd6509; /* Slightly darker border on hover/focus for depth */
}

@media (max-width: 768px) {
   .navbar-brand img {
       max-width: 150px; /* Increase logo size on smaller screens */
   }
}

@media (max-width: 576px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-brand img {
        max-width: 120px; /* Increase logo size */
			order: 1;
    }

    .navbar-toggler {
        order: 2; /* Ensures menu button is in the middle */
    }

    .navbar-collapse {
        flex-grow: 0; /* Prevents it from taking too much space */
        order: 3;
    }

    .btn-light.action-button {
        order: 4;
        margin-right: 0; /* Adjust as necessary */
    }
}/* End custom CSS */