/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Footer Styles */
.footer {
    background-color: #d8d5d5;
    color: #fff;
    padding: 30px; /* Increased height by doubling from 20px to 40px */
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    /* text-align: center; */
}

/* Main Content Styles */
.main-content {
    display: flex;
    height: calc(100vh - 80px); /* Adjust height to account for footer */
    /* margin-top: 80px; Offset for increased footer height */
}

/* Left Section Styles */
.left-section {
    flex: 65%; /* Takes 65% width */
    background-color: #f4f4f4;
    overflow-y: auto; /* Enable vertical scrolling */
    /* padding: 20px; */
}

.custom-img {
    height: 65vh; /* Set height to 75% of viewport height */
    width: 100%; /* Adjust width to fit container */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    margin-bottom: 1rem;
}

/* .card-body{
padding: 1.5rem 1.875rem;
}

.custom-heading {
    font-size: 2rem; 
    font-weight: bold; 
    margin-bottom: 1em;
} */
.list-arrow {
    list-style-type: none; 
    padding-left: 0; 
}
.list-arrow li {
    position: relative; 
    padding-left: 2em; 
    margin-bottom: 1em; 
}
.list-arrow li::before {
    content: ">";
    position: absolute;
    left: 0;
    color: #000; /* Bullet color */
}
.list-arrow li > span {
    font-weight: bold; /* Bold text for the first word */
}
.list-arrow li small {
    font-size: 1em; /* Increased font size for small text */
    font-weight: normal; /* Normal weight for small text */
}




/* Right Section Styles */
.right-section {
    flex: 35%; /* Takes 35% width */
    background-color: #ddd;
    height: 100%;
    /* padding: 20px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-section .content {
    text-align: center;
}

.left-section::-webkit-scrollbar {
    display: none; /* Hide scrollbar in WebKit browsers */
}

/* Hide scrollbar for Firefox */
.left-section {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}

.bgclr{
    background-color: rgb(255, 60, 0);
}

.bgclr{
    background-color: aqua;
}
/* 
.bgclr {
    flex: 65%;
    height: calc(100vh - 80px);
   
}
.bg{
    background-color: #406080; 
}

.custom-h1 {
    font-size: 3.5rem;
}

.custom-p {
    font-size: 1.5rem;
}

.form-control {
    height: calc(1.5em + .75rem + 26px);
}
.btn {
font-size: 1.8rem;
}
.mt-3, .my-3 {
    font-size: 1.3rem;
} */

/* Responsive Design */
@media (max-width: 768px) {
    .main-content {
        flex-direction: column;
        height: auto; /* Allow content to flow naturally on smaller screens */
    }

    .left-section, .right-section {
        flex: 1;
        height: auto;
    }

    .footer {
        position: static;
        padding: 60px; /* Adjust padding for footer on smaller screens */
    }
}