.elementor-6262 .elementor-element.elementor-element-28ec976{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.65;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6262 .elementor-element.elementor-element-28ec976:not(.elementor-motion-effects-element-type-background), .elementor-6262 .elementor-element.elementor-element-28ec976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://duravending.com.my/wp-content/uploads/2026/08/Dura-Vending-Post-Background-Img-scaled.webp");background-position:center center;background-size:cover;}.elementor-6262 .elementor-element.elementor-element-28ec976::before, .elementor-6262 .elementor-element.elementor-element-28ec976 > .elementor-background-video-container::before, .elementor-6262 .elementor-element.elementor-element-28ec976 > .e-con-inner > .elementor-background-video-container::before, .elementor-6262 .elementor-element.elementor-element-28ec976 > .elementor-background-slideshow::before, .elementor-6262 .elementor-element.elementor-element-28ec976 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6262 .elementor-element.elementor-element-28ec976 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-6262 .elementor-element.elementor-element-20c2b8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6262 .elementor-element.elementor-element-20c2b8b:not(.elementor-motion-effects-element-type-background), .elementor-6262 .elementor-element.elementor-element-20c2b8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6262 .elementor-element.elementor-element-387b2c8{--cols:3;--image-space:10px;--date-label-proportion:40px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-date-label .etheme-post-day{font-size:20px;font-weight:600;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-date-label .etheme-post-month{font-size:11px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-title a{color:#000000;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-title a:hover{color:#000000;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-excerpt{font-family:"Montserrat", Sans-serif;font-size:15px;margin-bottom:5px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-button{font-family:"Inter", Sans-serif;font-weight:500;fill:#0059AC;color:#0059AC;}@media(max-width:1366px){.elementor-6262 .elementor-element.elementor-element-28ec976{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-6262 .elementor-element.elementor-element-20c2b8b{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-title{font-size:20px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-excerpt{font-size:13px;}}@media(max-width:650px){.elementor-6262 .elementor-element.elementor-element-28ec976{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6262 .elementor-element.elementor-element-20c2b8b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6262 .elementor-element.elementor-element-387b2c8{--cols:2;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-date-label .etheme-post-day{font-size:16px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-date-label .etheme-post-month{font-size:9px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-title{font-size:14px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-excerpt{font-size:10px;}.elementor-6262 .elementor-element.elementor-element-387b2c8 .etheme-post-button{font-size:10px;}}/* Start custom CSS for html, class: .elementor-element-9d2d5c8 *//* =====================================
   DURAVENDING BLOG HERO
===================================== */

.dura-blog-hero {
    width: 100%;
}

.dura-blog-hero-inner {
    width: 100%;
    max-width: 1050px;
}


/* =====================================
   SUBTITLE
===================================== */

.dura-blog-hero-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 16px;
    margin-bottom: 20px;

    border-radius: 999px;
    background: #F3F6FB;
    border: 1px solid #E3EAF5;

    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;

    color: #0059AC;
}


/* =====================================
   H1
===================================== */

.dura-blog-hero-title {
    margin: 0 0 28px;
    max-width: 950px;

    font-size: clamp(42px, 5vw, 55px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -2.5px;
    color: #111111;
}

.dura-blog-hero-title span {
    color: #0059AC;
}


/* =====================================
   DESCRIPTION
===================================== */

.dura-blog-hero-description {
    margin: 0;
    max-width: 850px;

    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;
    color: #111111;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px) {

    .dura-blog-hero {
        padding: 0px 0;
    }

    .dura-blog-hero-title {
        font-size: 52px;
        letter-spacing: -2px;
    }

}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {

    .dura-blog-hero {
    }

    .dura-blog-hero-subtitle {
        padding: 7px 12px;
        margin-bottom: 16px;

        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .dura-blog-hero-title {
        margin-bottom: 22px;
        font-size: 28px;
        line-height: 1.08;
        letter-spacing: -1.5px;
    }

    .dura-blog-hero-description {
        font-size: 13px;
        line-height: 1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-470df4f *//* =====================================
   DURAVENDING BLOG FILTER
===================================== */

.dura-blog-filter {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 28px;

    padding: 0;
    margin: 0 0 32px;
}


/* =====================================
   SEARCH
===================================== */

.dura-blog-search {
    width: 280px;
    flex: 0 0 280px;
}


.dura-search-box {
    position: relative;

    width: 100%;

    display: flex;
    align-items: center;
}


.dura-search-box svg {
    position: absolute;

    left: 16px;

    width: 18px;
    height: 18px;

    color: #777777;

    pointer-events: none;
}


.dura-search-box input {
    width: 100%;
    height: 48px;

    padding:
        0
        16px
        0
        45px;

    border:
        1px solid
        #dddddd;

    border-radius: 7px;

    background: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;

    color: #222222;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.dura-search-box input::placeholder {
    color: #999999;
}


.dura-search-box input:focus {
    border-color: #0059AC;

    box-shadow:
        0 0 0 3px
        rgba(0, 89, 172, 0.08);
}



/* =====================================
   CATEGORY
===================================== */

.dura-blog-categories {

    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    min-width: 0;
}


.dura-category {
    border:
        1px solid
        #e3e3e3;

    background: #ffffff;

    color: #555555;

    padding:
        10px
        18px;

    border-radius: 100px;

    font-family: inherit;
    font-size: 13px;
    line-height: 1;

    font-weight: 500;

    white-space: nowrap;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.dura-category:hover {
    border-color: #0059AC;

    color: #0059AC;
}


.dura-category.active {
    background: #0059AC;

    border-color: #0059AC;

    color: #ffffff;
}



/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px) {

    .dura-blog-filter {
        align-items: flex-start;
    }

    .dura-blog-search {
        width: 240px;
        flex-basis: 240px;
    }

}



/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {

    .dura-blog-filter {
        display: block;

        margin-bottom: 25px;
    }


    .dura-blog-search {
        width: 100%;

        margin-bottom: 16px;
    }


    .dura-blog-categories {
        width: 100%;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 5px;

        scrollbar-width: none;
    }


    .dura-blog-categories::-webkit-scrollbar {
        display: none;
    }


    .dura-category {
        flex: 0 0 auto;
    }

}/* End custom CSS */