

section.banner .banner__img{

    height: 100%;

    object-fit: cover;

}


section.banner h1 {
    overflow-wrap: anywhere;
}


section.content__image .content__image__img {

    height: 100%;

    object-fit: cover;

    width: 100%;

}

section.content__image .content__image__text {
    max-width: 740px;
    width: 100%;
}

section.content__image ul {

    margin-bottom: 20px;

}

section.content__image a {

    color: #D6B448;

    text-decoration: underline;
    font-family: var(--font-worksans-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

}

section.content__image.mold-making-process ul li {
    margin-bottom: 20px;
}

section.header_with_cards .header {

    max-width: 936px;

    width: 100%;

    margin-inline: auto;

    text-align: center;

}



section.header_with_cards .card__content {

    padding: 30px;

    border: 1px solid #D6B448;

    height: 100%;

}



section.header_with_cards .row {

    row-gap: 24px;

}



section.header_with_cards.no-margin-bottom .header {

    margin-bottom: 0;

}



section.content__image__with__card .card__content {

    padding: 30px;

    border: 1px solid #D6B448;

    height: 100%;

}



section.content__image__with__card .row {

    row-gap: 24px;

}



section.content__image__with__card .content__image__img {

    height: 100%;

    object-fit: cover;

    width: 100%;

}



section.content__image__with__card a {

    color: #D6B448;

    font-family: var(--font-worksans-regular);

    font-size: 16px;

    text-decoration: underline;

}



section.contact__us {

    background-size: cover;

    background-repeat: no-repeat;
    background-position: center;

}



section.contact__us .contact__us__content {

    max-width: 936px;

    width: 100%;

    margin-inline: auto;

}



section.contact__us h2, section.contact__us p {

    text-align: center;

    color: white;

}



section.contact__us p {

    margin-bottom: 20px;

}

section.contact__us.mold-making-china p a, section.contact__us.unscrewing-plastic-injection p a, section.contact__us.products-unscrewing-plastic-injection p a {
    color: #D6B448;
    text-decoration: underline;
}

section.contact__us .contact__us__content a.contact__link {

    padding: 15px 25px;

    display: flex;

    max-width: 330px;

    width: 100%;

    margin-inline: auto;

    align-items: center;

    justify-content: center;

}



section.contact__us .contact__us__text a {

    /* text-decoration: underline; */

    color: white;

    font-size: 16px;

    font-family: var(--font-worksans-regular);

}



section.contact__us.custom-anchor-tag .contact__us__text a {

    text-decoration: underline;

    color: #D6B448;

    font-size: 16px;

    font-family: var(--font-worksans-regular);

}

section.header-with-big-cards .header {

    max-width: 936px;

    width: 100%;

    margin-inline: auto;

    text-align: center;

}



section.header-with-big-cards .row {

    row-gap: 24px;

}



section.header-with-big-cards .big-card {

    border: 1px solid #D6B448;

    display: flex;

    flex-direction: column;

    height: 100%;

    background: white;

}



section.header-with-big-cards .big-card-image {

    height: 500px;

    width: 100%;

    overflow: hidden;

}



section.header-with-big-cards .big-card-image img {

    object-fit: cover;

    width: 100%;

    height: 500px;

}



section.header-with-big-cards .big-card-text {

    padding: 30px;

    background: white;

}



section.header__with__card__number .heading__content {

    max-width: 1092px;

    width: 100%;

    margin-inline: auto;

}



section.header__with__card__number .header__units {

    display: grid;

    gap: 20px;

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

}



section.header__with__card__number .header__unit__card {

    border: 1px solid #D6B448;

    background: #FFF;

    padding: 30px;

}



section.header__with__card__number .header__unit__card ul {

    margin-bottom: 0;

    padding-left: 17px;

}



section.header__with__card__number .row {

    row-gap: 24px;

}



section.header__with__card__number .card__content {

    border: 1px solid #D6B448;

    display: flex;

    flex-direction: column;

    height: 100%;

    background: #FAFAFA;

}



section.header__with__card__number .card__image {

    height: 300px;

    width: 100%;

    overflow: hidden;

}



section.header__with__card__number .card__image img {

    object-fit: cover;

    width: 100%;

    height: 300px;

}



section.header__with__card__number .card__text {

    padding: 30px;

    background: #FAFAFA;

}

section.header__with__card__number .card__text a {
    font-family: var(--font-worksans-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
    color: #D6B448;
}



section.header__with__card__number .card__number {

    display: flex;

    width: 50px;

    height: 50px;

    padding: 15px;

    justify-content: center;

    align-items: center;

    border-radius: 100px;

    background: #D6B448;

}



section.header__with__card__number .card__number span {

    color: #FAFAFA;

    font-family: var(--font-inter-bold);

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



@media (max-width: 1399px) {

    section.banner .banner__content {

        margin: auto;

    }



    section.banner .banner_bg_overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(33, 33, 33, 0.80);

        z-index: 1;

    }



    section.banner .banner__text {

        position: relative;

        z-index: 2;

    }



    section.banner .banner__text h1, section.banner .banner__text p {

        color: #FFF;

    }



    

}



@media (max-width: 1199px) {

    section.header__with__card__number .header__units {

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

    }

    section.content__image .content__image__text {
        max-width: 100%;
        width: 100%;
    }

}



@media (max-width: 991px) {

    section.header-with-big-cards .big-card-image {

        min-height: 250px;

        width: 100%;

        height: 100%;

        overflow: hidden;

    }



    section.header-with-big-cards .big-card-image img {

        height: 100%;

        object-fit: cover;

        width: 100%;

        min-height: 250px;

    }

}



@media (max-width: 767px) {

    section.header__with__card__number .header__units {

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

    }

}