.footer {

    background-color: var(--dark-gray);

    color: var(--white);

    padding: 60px 0 20px;

}



.footer-content {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px;

    margin-bottom: 40px;

}



.footer-logo img {

    height: 50px;

    margin-bottom: 15px;

}



.footer-logo p {

    opacity: 0.8;

}



.footer-links h4,

.footer-social h4 {

    margin-bottom: 20px;

    font-size: 1.2rem;

}



.footer-links ul {

    list-style: none;

}



.footer-links li {

    margin-bottom: 10px;

}



.footer-links a {

    color: var(--white);

    text-decoration: none;

    opacity: 0.8;

    transition: opacity 0.3s ease;

}



.footer-links a:hover {

    opacity: 1;

}



.social-icons {

    display: flex;

    gap: 15px;

}



.social-icons a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    background-color: rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    color: var(--white);

    text-decoration: none;

    transition: background-color 0.3s ease;

}



.social-icons a:hover {

    background-color: var(--primary-color);

}



.footer-bottom {

    text-align: center;

    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    opacity: 0.7;

}



.business {

    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);

    color: var(--white);

}



.business .section-title {

    color: var(--white);

}



.business .section-title::after {

    background-color: var(--white);

}



.business-content {

    display: flex;

    align-items: center;

    gap: 50px;

}



.business-info {

    flex: 1;

}



.business-info h3 {

    font-size: 2rem;

    margin-bottom: 20px;

}



.business-info p {

    margin-bottom: 25px;

    font-size: 1.1rem;

}



.business-features {

    list-style: none;

    margin-bottom: 30px;

}



.business-features li {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.business-features i {

    margin-right: 10px;

    color: #28a745;

}



.business-image {

    flex: 1;

    text-align: center;

}



.business-image img {

    max-width: 100%;

    height: auto;

    border-radius: 10px;

}



.contact-content {

    display: flex;

    gap: 50px;

}



.contact-info {

    flex: 1;

}



.contact-info h3 {

    font-size: 1.8rem;

    margin-bottom: 20px;

    color: var(--primary-color);

}



.contact-info p {

    margin-bottom: 30px;

}



.contact-details {

    margin-top: 30px;

}



.contact-item {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.contact-item i {

    width: 40px;

    height: 40px;

    background-color: var(--primary-light);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 15px;

    color: var(--primary-color);

}



.contact-form {

    flex: 1;

}



.form-group {

    margin-bottom: 20px;

}



.form-group input,

.form-group textarea {

    width: 100%;

    padding: 12px 15px;

    border: 1px solid #ddd;

    border-radius: 5px;

    font-family: inherit;

    font-size: 1rem;

    transition: border-color 0.3s ease;

}



.form-group input:focus,

.form-group textarea:focus {

    outline: none;

    border-color: var(--primary-color);

}