/* Layout Component Styles */

/* Layout Utilities */
.row.cus-gap {
    row-gap: clamp(20px, 6vw, 30px);
}

.cus-vertical-padding {
    padding: clamp(24px, 7vw, 50px) 10px;
}

.cus-vertical-padding-right {
    padding: clamp(24px, 7vw, 50px) 15px;
    background-color: var(--snow);
    height: calc(100vh - 100px);
}

/* Footer Styles */
.footer a {
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.social-icons a {
    transition: opacity 0.3s ease;
}

.social-icons a:hover {
    opacity: 0.75;
}

.footer-divider {
    border-top: 1px solid #ffffff40;
}

.letter-spacing-small {
    letter-spacing: 2px;
}

.linkedin-icon {
    width: clamp(1.8rem, 2.5rem, 3.2rem);
}

.footer-logo {
    width: clamp(10rem, 13rem, 15rem);
}

/* Buttons */
.Letstalk-btn {
    text-decoration: none;
}

/* Mobile Responsive Layout */
@media screen and (max-width: 575px) {
    .footer-logo {
        width: 160px;
    }

    .talkToUs p {
        font-size: var(--fs-28);
        margin-top: 15px;
    }

    footer.footer {
        padding-top: 2rem !important;
    }

    .info-1, .career-ul h6 {
        font-size: var(--fs-14);
    }

    .info-2 {
        font-size: var(--fs-18);
    }

    .info-3,
    .info-4 {
        font-size: var(--fs-18);
        padding-top: 15px !important;
    }

    .career-ul ul li:first-child {
        padding-top: 1.5rem !important;
    }

    .career-ul ul li a {
        margin-top: .8rem !important;
    }

    .career-ul ul li:first-child a {
        margin-top: 0 !important;
    }

    .cus-social-icons {
        justify-content: center !important;
        padding-top: 20px;
    }

    .social-icons {
        gap: 0.8rem !important;
    }
}