body {
            font-family: Arial, sans-serif;
            color: black;
        }
		
		/* Change toggler button color to white */
		.navbar-toggler {
			border-color: rgba(255, 255, 255, 0.5);
		}

		.navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
		
        .navbar, .footer-bg {
            background-color: #091241;
        }
        .nav-link {
			color: white;
        }
		.nav-link:hover {
			color: #fd1446;
			border-color: #fd1446;
        }
		.navbar-brand img {
            height: 50px;
			background-color: white;
        }
        .btn-primary {
            background-color: #fd1446;
            border-color: white;
			margin-right: 5px;
			margin-bottom: 5px;
        }
        .btn-primary:hover {
            background-color: #091241;
            border-color: white;
        }
		.job-listing h5 {
            color: #091241;
        }
        .job-listing {
            color: #091241;
            text-decoration: none;
        }
		.job-listing a {
            color: #091241;
            text-decoration: none;
        }
        .job-listing a:hover {
            color: #fd1446;
        }
		
		/* Float the navigation dropdown to the left on mobile view */
		@media (max-width: 767.98px) {
			.navbar-nav-mobile-left {
				float: left !important;
				margin-left: 0 !important;
				margin-right: auto !important; /* Ensure it aligns to the left */
				text-align: left; /* Align content to the left */
			}
		}
		
        /* Text Slider */
        /* Text Slider */
.text-slider-container {
    background-color: #f5f3f2;
    border: 1px solid #091241;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.text-slider-container:hover {
    background-color: none;
}

/* Adjust the size of the images */
.slider-img {
    max-height: 300px; /* Adjust height as needed */
    object-fit: cover; /* Ensures the images fit nicely */
    border-radius: 8px; /* Optional: Makes the images look smoother */
}

/* Carousel controls styling */
.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
    filter: invert(1); /* Makes arrows visible on light backgrounds */
}

/* Text Slider Content */
.text-slider h5 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #091241;
}

.text-slider h5:hover {
    color: #fd1446;
}

.text-slider p {
    color: #091241;
    margin-bottom: 10px;
}

.text-slider a {
    color: #091241;
    text-decoration: none;
}

.text-slider a p {
    text-decoration: none;
    color: #091241;
}

.text-slider a p:hover {
    color: #fd1446;
}
		
        /* Job Post styling */
		.job-listing h4 {
			color: #091241;
			text-decoration: none;
			font-family: 'Poppins', sans-serif;
			font-size: 18px; /* Adjust font size as needed */
			font-weight: bold;
		}
		.job-listing h4:hover {
			color: #fd1446;
			text-decoration: none; /* Ensures no underline on hover */
		}
		
		.text-muted {
			color: #091241;
			text-decoration: none;
			font-family: 'Poppins', sans-serif;
			font-size: 14px; /* Adjust font size as needed */
			margin: 0px;
		}
		
		.post_des {
			color: #091241;
			text-decoration: none;
			font-family: 'Poppins', sans-serif;
			font-size: 16px;
		}
		
/* Read More Button Styling */
.read-more-btn {
    display: inline-block; /* Button behaves like an inline block */
    background-color: #091241; /* Primary background color */
    border: 1px solid #091241; /* Primary border color */
    color: #fff !important; /* Ensure text color remains white */
    padding: 8px 20px; /* Default padding for buttons */
    font-weight: 600; /* Slightly bold text */
    font-family: 'Poppins', sans-serif; /* Font consistency */
    font-size: 13px; /* Default font size */
    border-radius: 6px; /* Rounded corners */
    text-align: center; /* Center-align text */
    text-decoration: none; /* Remove underline */
    cursor: pointer; /* Indicate interactivity */
    transition: all 0.3s ease-in-out; /* Smooth transition */
    float: right; /* Float button to the right */
    margin-top: 3px; /* Reduced top margin to bring closer to post_des */
    margin-bottom: 5px; /* Maintain spacing below */
}

/* Hover State */
.read-more-btn:hover {
    background-color: #fd1446; /* Hover background color */
    border-color: #fd1446; /* Hover border color */
    color: #fff !important; /* Ensure text remains white */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Slight shadow for depth */
}

/* Active State (Click Effect) */
.read-more-btn:active {
    background-color: #c81236; /* Slightly darker red on click */
    border-color: #c81236; /* Darker border */
    transform: scale(0.98); /* Slight shrink effect */
    color: #fff !important; /* Ensure text color remains white */
}

/* Ensure Parent Container Handles Float */
.read-more-container {
    overflow: hidden; /* Prevent content breaking due to float */
    margin-bottom: 10px; /* Add spacing below the button container */
}

/* Mobile View Styling */
@media (max-width: 576px) {
    .read-more-btn {
        display: block; /* Button behaves like a block element */
        width: 100%; /* Full width */
        float: none; /* Remove float */
        margin: 10px 0; /* Center and add spacing above and below */
    }

    .read-more-container {
        text-align: center; /* Center the button inside its container */
    }
}

/* Desktop View Styling */
@media (min-width: 992px) {
    .read-more-btn {
        padding: 10px 24px; /* Increased padding for desktop view */
        font-size: 14px; /* Slightly larger font size */
    }
}

		
		/* Popular Jobs List Styling */
        .list-group-item a {
			color: #091241;
			text-decoration: none;
			font-size: 16px;
			font-family: 'Poppins', sans-serif;
		}

		.list-group-item a:hover {
			color: #fd1446;
			text-decoration: none;
		}
		
		/* Custom button styles for Mobile categories */
		.mobile_categories_btn {
			border: 3px solid #091241; /* Fixed border property */
			color: #091241;
			font-size: 14px;
			padding: 10px 10px;
			border-radius: 5px;
		}
		
		/* Custom Top button styles */
		.btn-custom {
			background-color: #091241;
			color: white; 
			border: none;
			font-size: 14px;
			padding: 8px 12px;
			border-radius: 5px;
			white-space: nowrap;
		}

		.btn-custom:hover {
			background-color: #fd1446;
			color: white;
		}

		/* Horizontal scrolling container */
		.button-container {
			display: flex;
			overflow-x: auto;
			gap: 10px;
			padding: 10px;
			scrollbar-width: thin;
		}

		.button-container::-webkit-scrollbar {
			height: 5px;
		}

		.button-container::-webkit-scrollbar-thumb {
			background-color: #091241;
			border-radius: 5px;
		}

		/* Social Media Icons - Default Style */
		.social-media-icons .btn-light {
			background-color: #091241;
			color: white;
			border: none;
			width: 40px;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			padding: 0;
			transition: background-color 0.3s ease, transform 0.2s ease;
		}

		/* Social Media Icons - Hover Style */
		.social-media-icons .btn-light:hover {
			background-color: #fd1446;
			color: white;
			transform: scale(1.1);
			gap: 30px;
		}

		/* Divider Style */
		.divider {
			width: 1px;
			height: 20px;
			background-color: none;
			align-self: center;
			padding: 5px;
		}

		/* Responsive Adjustments */
		@media (max-width: 768px) {
			.social-media-icons .btn-light {
				width: 35px;
				height: 35px;
			}

			.divider {
				height: 15px;
				padding: 2px;
			}
		}

		/* Responsive adjustments */
		@media (max-width: 768px) {
			.btn-custom {
				font-size: 12px;
				padding: 6px 10px;
			}

			.button-container {
				gap: 8px;
				padding: 8px;
			}

			.social-media-icons {
				gap: 5px;
			}

			.modal-body {
				padding: 15px;
			}

			.modal-content {
				margin: 5px;
			}
		}
		
		
		/* PriceList Modal Styling */
		#priceListModal .modal-body {
			color: #091241;
		}

		/* Change color of the list items */
		#priceListModal .list-group-item {
			color: #091241;
			transition: color 0.3s ease;
		}

		/* Change color on hover for list items */
		#priceListModal .list-group-item:hover {
			color: #fd1446;
		}

		/* Style the account details text */
		#priceListModal .modal-body p {
			color: #091241;
			transition: color 0.3s ease;
		}

		/* Change color on hover for account details text */
		#priceListModal .modal-body p:hover {
			color: #fd1446;
		}

		/* Specifically target the WhatsApp number for color change */
		#priceListModal .modal-body .text-primary {
			color: #091241;
			transition: color 0.3s ease;
		}

		/* Change color on hover for WhatsApp number */
		#priceListModal .modal-body .text-primary:hover {
			color: #fd1446;
		}
		
		
		/* Price List Table Styles */
		.table thead th {
			background-color: #091241;
			color: white;
		}

		.table tbody tr {
			color: #091241;
			transition: background-color 0.3s ease;
		}

		.table tbody tr:hover {
			background-color: #fd1446; 
			color: white; 
		}
		
		
		/* Category Button on Mobile View */
		.btn-custom {
			background-color: #091241;
			color: white;
			border: none; 
			transition: background-color 0.3s ease, transform 0.2s ease; 
		}

		.btn-custom:hover {
			background-color: #fd1446;
			transform: scale(1.05);
		}
		
		
		/* Dropdown Menu Item Default Style */
		.dropdown-menu .dropdown-item {
			color: #091241; /* Default font color */
			text-decoration: none; /* Remove underline */
			transition: color 0.3s ease; /* Smooth transition for hover effect */
		}

		/* Dropdown Menu Item Hover Style */
		.dropdown-menu .dropdown-item:hover {
			color: #fd1446; /* Hover font color */
			text-decoration: none; /* Ensure no underline on hover */
		}

		/* Divider Style (Optional for Consistency) */
		.dropdown-menu .dropdown-divider {
			border-color: #091241; /* Adjust divider color to match theme */
		}