.hero-section .hero-container {
    padding: 3rem 1.25rem 12%;
}

.about-us .about-img {
    max-width: 320px;
    margin-bottom: 22px;
}

.our-advantages .image .image-lg {
    max-width: 1100px;
}

.our-advantages .content li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}

.our-advantages .content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.vision-mission .icon {
    max-width: 75px;
    margin-bottom: 1rem;
}

.product .icon {
    width: 100px;
    height: 100px;
    padding: 1.5rem;
    border: 3px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;
}

.product .icon:hover {
    background-color: #ffffff;
    border-color: var(--light-bg);
}

.product .icon:hover .svg-img:first-child {
    display: none;
}

.product .icon:hover .svg-img:last-child {
    display: block;
}

.product * {
    color: #ffffff;
}

.product .hvr:hover {
    font-weight: 500;
}

.want-to-know .container-md h4,
.want-to-know .container-md p {
    max-width: 1150px;
}

.our-advantages .image .image-lg {
    max-width: 1100px;
}

.our-advantages .content li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}

.our-advantages .content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact-us {
    background-image: linear-gradient(to bottom, #ffffff 50%, var(--light-bg) 50%);
}

.contact-us .content {
    top: 6%;
    right: 5%;
    width: 55%;
    height: 80%;
}

@media screen and (min-width: 992px) {
    .hero-section {
        aspect-ratio: 1920 / 880;
    }
}

@media screen and (min-width: 1200px) {
    .about-us .about-img {
        max-width: 480px
    }

    .hero-section .hero-container {
        padding: 120px 1.25rem 8.5%;
    }
}

@media screen and (max-width: 1199px) {
    .about-us .partners-lg {
        display: none;
    }

    .about-us .partners-md {
        display: block;
        max-height: 90px;
        object-fit: contain;
        object-position: left;
    }
}

@media screen and (max-width: 991px) {
    .our-advantages .image-md {
        display: block;
    }

    .our-advantages .image-lg,
    .contact-us .image-lg {
        display: none;
    }

    .contact-us .image-md {
        display: block;
    }
}

@media screen and (max-width: 767px) {

    .about-us * {
        text-align: center;
    }

    .about-us .title::after {
        left: calc(50% - 28px);
    }

    .our-advantages .content .icon-img {
        max-width: 360px;
    }

    .contact-us .image-md {
        display: none;
    }

    .contact-us .content {
        text-align: center;
        position: relative !important;
        display: block;
        width: 100%;
        top: inherit;
        right: inherit;
        padding: 1.5rem 1rem;
    }

    .contact-us .content .bg-img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .contact-us .content .title::after {
        height: 2px;
        left: calc(50% - 28px);
    }
}

@media screen and (max-width: 575px) {
    .hero-section .image-lg {
        display: none;
    }

    .hero-section .bg-img {
        position: relative !important;
    }

    .hero-section .image-sm {
        display: block;
    }

    .hero-section * {
        text-align: center;
    }

    .hero-section .hero-container {
        padding: 2rem 1rem;
    }

    .about-us .partners-lg {
        display: none;
    }

    .our-advantages .image-md {
        display: none;
    }

    .our-advantages .content {
        display: block;
    }

    .our-advantages .content .icon-img {
        max-width: 220px;
    }
}