/* General Styles */
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #f5f5f5; /* Light background for better contrast */
}

/* Left Column Background and Text Styling */
.bg-Color {
    background: hsla(240, 94%, 10%, 1); /* Dark blue background */
    color: white; /* White text */
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align text to the left */
    min-height: 100vh; /* Full viewport height */
    padding: 20px;
}

/* Brand Information Text */
.brand-info {
    text-align: left; /* Align text to the left */
    padding: 20px;
    line-height: 1.6; /* Improved line spacing for readability */
    max-width: 600px; /* Limit text width */
}

/* Title and Subtitle Styling */
.brand-title {
    font-size: 2.8em; /* Slightly larger font for the title */
    font-weight: 700;
    margin-bottom: 20px;
}

.brand-subtitle {
    font-size: 1.8em; /* Distinct size for subtitle */
    font-weight: 500;
    margin-bottom: 20px;
}

/* Brand Description */
.brand-description {
    font-size: 1.2em; /* Slightly larger text for the main description */
    margin-bottom: 25px;
}

/* Signature Text */
.brand-signature {
    font-size: 1.2em; /* Distinct styling for the signature text */
    color: #e0e0e0; /* Soft white for subtle emphasis */
    margin-bottom: 20px;
    font-style: italic;
}

/* Coming Soon Text */
.coming-soon-text {
    font-size: 1.3em; /* Slightly larger to stand out */
    font-weight: bold;
    color: #f5a623; /* A warm amber color for better contrast with dark blue background */
}

/* Right Column Image Styling */
.image-wrapper {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    background-image: url('KKC.jpeg'); /* Replace with the SVG image */
    background-size: cover;
    background-position: center;
    overflow: hidden; /* Prevent image overflow */
}

/* Contact Email Styling */
.contact-email {
    font-weight: bold;
    color: #ff4757; /* Red shade for emphasis and contrast */
    text-decoration: none;
}

/* Grid-Based Content */
.content {
    min-height: 100vh;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}