/*About Header Navbar*/

.header .navbar {
    position: static;
}

    .header .navbar .navbar-right {
        background: rgba(0, 0, 0, 0.30);
    }


    .header .navbar svg path {
        fill: black !important;
        fill-opacity: 1 !important;
    }

    .header .navbar .menu-toggle path {
        stroke: black !important;
    }

.header-content .header-content-text {
    max-width: 100%;
}



.about-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

@media(max-width: 768px) {
    .about-image img {
        height: 400px;
    }
}

@media(max-width: 480 px) {
    .about-image img {
        height: 220px;
    }
}




.company-sub-header {
    padding: 80px 0;
}

    .company-sub-header .company-header-title {
        font-size: 48px;
        font-weight: 500;
        line-height: 120%;
    }

    .company-sub-header .seo-name {
        padding-top: 20px;
        font-size: 19px;
        line-height: 140%;
        font-weight: 600;
        opacity: 0.7;
    }

    .company-sub-header .seo-info {
        padding-top: 4px;
        font-size: 16px;
        line-height: 150%;
        opacity: 0.7;
    }

@media(max-width:560px) {
    .company-sub-header .company-header-title {
        font-size: 28px;
    }
}

.company-about .company-about-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 110%;
}

.company-about .company-about-text-1 p {
    padding-top: 20px;
    line-height: 150%;
    opacity: 0.9;
}

.company-about .company-about-text-2 {
    padding-top: 8px;
}

.company-about .company-about-text-1, .company-about-text-2 {
    line-height: 150%;
    opacity: 0.7;
}



.about {
    padding: 80px 0;
}

    .about .about-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 100px; /* H2 və div arasındakı boşluğu təyin edir */
    }

        .about .about-content h2 {
            flex: 1;
            font-size: 28px;
            line-height: 110%;
        }

        .about .about-content .about-texts {
            flex: 1;
        }

        .about .about-content .about-text {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .about .about-content h3 {
            font-size: 19px;
            line-height: 150%;
            font-weight: 500;
        }

        .about .about-content p {
            line-height: 150%;
            opacity: 0.7;
        }

@media(max-width:768px) {
    .about {
        padding: 40px 0;
    }

        .about .about-content {
            gap: 40px;
        }
}

@media(max-width:560px) {
    .about {
        padding: 16px 0;
    }

        .about .about-content {
            flex-direction: column;
            gap: 6px;
        }

            .about .about-content .about-text {
                margin-top: 12px;
            }
}