.foot-flex-con{
display: flex;
flex-direction: row;
align-items: center;
background-color:var(--black-shade-blue);
height:16vh;
margin-top:var(--margin-md);
}

.foot-part1{
display: flex;
align-items: flex-start; /* Vertically centers content within each section */
justify-content:center;	
width: 50%; /* Adjust as needed */
gap:var(--margin-lg);
}

.foot-part2{
display: flex;
align-items: flex-start; 
justify-content:center;
width: 50%; /* Adjust as needed */
gap:var(--margin-lg);
}

.foot-part1-col{
display: flex;
flex-direction:column;
align-items: center; /* Vertically centers content within each section */
justify-content:flex-start;
}

.foot-part1-col img {
    width: 100%; /* makes the image responsive within its container */
    max-width: 140px; /* maximum size */
    height: auto; /* maintain aspect ratio */
}

.foot-part2-col{
display: flex;
flex-direction:column;
align-items: flex-start; /* Vertically centers content within each section */
justify-content:flex-start;
}

.foot-bottom-msg{
display: flex;
flex-direction: column;
align-items: center;
justify-content:flex-end;
background-color:var(--black-shade-blue);
height:14vh;
margin-bottom: calc(-1 * var(--margin-lg));
}

.separator {
color: var(--pure-white);
padding-right:var(--padding-xxs); /* Add space to the right of the separator */
}

.foot-flex-con a, .foot-bottom-msg a { 
font-size: 16px;
color: var(--pure-white);
}

.foot-flex-con a:hover, .foot-bottom-msg a:hover {
color: var(--hover-links-white); /* Make sure this is different from --pure-white for visibility */
font-weight: var(--font-weight-semibold); 
}

.foot-info {
color: var(--white-opacity-60); 
font-size: 16px;
font-weight:var(--font-weight-normal); 
font-family: var(--font-primary-roboto); 
margin:0;
padding:0;
}

.address-show {
color: var(--white-opacity-60); 
font-size: 16px;
font-weight:var(--font-weight-normal); 
font-family: var(--font-primary-roboto); 
}

.copy-right {
color: var(--white-opacity-60); 
font-size: 14px; 
font-weight:var(--font-weight-normal); 
font-family: var(--font-primary-roboto);
margin-bottom:var(--margin-sm); 
}

/* ✅ Large Desktops (1920px and above) */
@media (min-width: 1920px) {
    .foot-flex-con {
        height: 18vh; /* Increase height for better spacing */
    }

    .foot-part1, .foot-part2 {
        width: 45%; /* Reduce width slightly to balance spacing */
        gap: var(--margin-xl); /* Increase spacing between columns */
    }

    .foot-part2{
        justify-content:flex-end;
     }

    .foot-part1-col img {
        max-width: 160px; /* maximum size */
    }

    .foot-info, .address-show {
        font-size: 16px;
    }

   .copy-right {
        font-size: 16px;
    }

    .foot-bottom-msg {
        height: 12vh; /* Increase height for more breathing space */
    }

    .separator {
        padding-right: var(--padding-xs); /* Slightly increase spacing for better visibility */
    }

    .foot-flex-con a, .foot-bottom-msg a { 
        font-size: 16px;
     }
}

/* ✅ Standard Laptops (1280px - 1536px) */
@media (max-width: 1280px) {
    .foot-flex-con {
        height: 14vh; /* Reduce height slightly */
    }

    .foot-part1-col img {
        max-width: 130px; /* maximum size */
    }

    .foot-part1, .foot-part2 {
        gap: var(--margin-md); /* Reduce gap slightly */
    }

    .foot-info, .address-show {
        font-size: 15px;
    }

   .copy-right {
        font-size: 13px;
    }

    .foot-bottom-msg {
        height: 12vh; /* Reduce bottom section height */
    }

    .foot-flex-con a, .foot-bottom-msg a { 
        font-size: 15px;
     }
}

/* ✅ Small Laptops (1024px - 1280px) (No Vertical Stacking) */
@media (max-width: 1024px) {
    .foot-flex-con {
        height: 12vh; /* Reduce height further */
        padding: var(--padding-sm) 0;
    }

    .foot-part1, .foot-part2 {
        width: 50%; 
        justify-content: center; 
        gap: var(--margin-sm); /* Reduce space between columns */
    }

    .foot-part1-col img {
        max-width: 120px; /* maximum size */
    }

    .foot-part1-col, .foot-part2-col {
        align-items: flex-start; 
    }

    .foot-info, .address-show {
        font-size: 14px;
    }

   .copy-right {
        font-size: 12px;
    }

    .foot-flex-con a, .foot-bottom-msg a { 
        font-size: 14px;
     }

    .foot-bottom-msg {
        height: 10vh; /* Reduce bottom message height */
        padding-top: var(--padding-xs);
    }
}