section {
    padding: 100px 0;

}

h1 {
    margin: 0;
    font-family: Mulish;
}

h2 {
    margin: 0 0 30px 0;
    color: #333333;
}

.banner-section {
    margin-top: 105px;
}

.custom-container {
    width: 100%;
    max-width: 1535px;
    margin: auto;
}


@media (max-width: 1600px) {
    .custom-container {
        max-width: 1170px;
    }
}

@media (max-width: 1199px) {
    section {
        padding: 70px 30px;
    }

    .custom-container {
        max-width: 970px;
    }
}

@media (max-width: 767px) {
    section {
        padding: 50px 20px;
    }
}

/* banner */

.banner-section {
    display: flex;
    min-height: 563px;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.72) 26.5%, rgba(0, 0, 0, 0) 70%), url(https://multico.com.ph/wp-content/uploads/2025/12/Hangcha-bg.png);
    background-size: cover;
    background-position-x: 40%;
}

.banner-section h1,
.banner-section p {
    color: #FFFFFF;
    margin-bottom: 0;
}

.banner-section h1 {
    font-weight: 700;
}

.banner-section p {
    font-size: 18px;
}

.banner-section .text-con {
    max-width: 885px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}


@media (max-width: 1199px) {
    .banner-section .text-con {
        max-width: 100%;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .banner-section {
        background-position-x: left;
    }
}

/* banner */


/* kleemann_mobile_vibrating_screen */


.con-flex2 {
    display: flex;

    @media (max-width: 1199px) {
        flex-direction: column;
    }
}

.con-flex2 .image-container {
    flex: 0 0 40%;
}

.con-flex2 .image-container img {
    height: 100%;
    object-fit: cover;
}

.con-flex2 .inner--text {
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.con-flex2 .inner--text a {
    background: #f55d47;
    padding: 12px 30px 12px 30px;
    border-radius: 15px;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    margin-right: auto;
}

.inner-text-title h2 {
    color: #333333;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.inner-text-p p:last-child {
    margin-bottom: 30px;
}

.inner-text-p p {
    color: #333333;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.image-container-hidden {
    display: none;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .image-container {
        display: none;
    }

    .image-container-hidden {
        display: block;
    }

    .image-container-hidden img {
        object-fit: cover;
        /* height: 550px; */
    }

    .con-flex2 .inner--text {
        flex: 0 0 100%;
    }
}

@media (max-width: 767px) {
    .image-container-hidden img {
        object-fit: unset;
        height: auto;
    }
}

/* kleemann_mobile_vibrating_screen */


/* mobile-vibrating-screens */

.hangcha-forklift {
    background-color: #F6F6F6;
}

.hangcha-forklift .cus-card .row {
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .hangcha-forklift .cus-card .row .col-lg-6 {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .hangcha-forklift .image-container-2 {
        display: none;
    }
}

.cus-card {
    height: 100%;
    padding: 30px;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
}

.cus-card p,
.card-paragraph li {
    color: #333;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.inner-text2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.inner-2-title h2 {
    color: #333333;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 125% */

    margin: 0 0 30px 0;
}

.inner-text2 p {
    color: #333;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.inner-text2 p:first-child {
    margin-bottom: 30px;
}

ul li b {
    font-weight: 400;
}

.cus-card p {
    margin-bottom: 30px;
}

.cus-card h4 {
    color: #333;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */

    margin: 0px;
}

.card-paragraph ul {
    padding-left: 20px;
    margin-bottom: 30px;
}

.con-flex3 {
    display: flex;
    gap: 55px;
    margin-bottom: 50px;

    align-items: center;
}


.con-flex3>div {
    flex: 1 1 0;
}

.downlaodbtn {
    display: flex;
    align-items: end;

    flex: auto;
}

.downlaodbtn {
    color: #DB402A;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
}

.text-card h3 {
    color: #DB402A;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */

    margin: 0 0 30px 0;
}

.downlaodbtn svg {
    margin-left: 10px;
}

.con-flex4>.row {
    display: flex;
    flex-wrap: wrap;
}

.con-flex4>.row>.col-lg-6 {
    margin-bottom: 30px
}

.con-flex4>.row>.col-lg-4 {
    margin-bottom: 30px
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .cus-card {
        display: flex;
        flex-direction: column;
    }
}


@media (min-width: 1601px) {
    .cus-card {
        display: flex;
        flex-direction: column;
    }
}


@media (max-width: 767px) {
    .cus-card {
        padding: 20px;
    }
}

@media (max-width: 1199px) {
    .con-flex3 .image-container-2 {
        display: none;
    }
}

/* mobile-vibrating-screens */

/* forklift-truck */

.forklift-truck {
    background: #fff;
}

/* forklift-truck */


/* last part */

section.get--the-best {
    background: url("/wp-content/themes/multico/assets/images/vibrating-screen/get-the-best-vibratin-screen.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}


section.get--the-best .top-heading p {
    width: 86%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    font-family: 'Mulish';
}

section.get--the-best p.mb-none {
    margin-bottom: 0;
}

section.get--the-best .top-heading {
    margin-bottom: 30px;
}


section.get--the-best .get-the-best-cta {
    width: max-content;
    margin: auto;
    border-radius: 15px;
    background: #FFF;
    padding: 12px 30px;
    border: 1px solid #fff;
}

section.get--the-best .get-the-best-cta a {
    color: #DB402A;
    font-family: 'Mulish';
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    /* 144.444% */
}

section.get--the-best .get-the-best-cta:hover {
    background: transparent;
    border: 1px solid #fff;
}

section.get--the-best .get-the-best-cta:hover a {
    color: #fff;
}

.get--the-best .top-heading h2,
.get--the-best .top-heading p {
    margin: auto;
    text-align: center;
    max-width: 1258px !important;
    width: 100%;
}

.get--the-best .top-heading h2 {
    color: #FFF;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 125% */

    margin-bottom: 30px;
}

.get--the-best .top-heading p {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}


@media (max-width: 1199px) {
    section.get--the-best .top-heading p {
        width: 100%;
    }
}

/* last part */


/* donwlaod btn */

.downlaodbtn:hover {
    color: #909090;
    text-decoration: none;
}

a.downlaodbtn:hover svg path {
    fill: #909090 !important;
}

/* qa */


@media (min-width: 1200px) {
    .con-flex {
        gap: 30px;
    }

    .con-flex2 {
        gap: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .con-flex {
        gap: 10px;
    }

    .con-flex2 {
        gap: 30px;
    }
}

.img-card img {
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    h2 {
        text-align: center !important;
    }
}