@media only screen and (max-width: 768px) {
    :root{
        --gap:70px;
    }
}

.custom-arrow-button .vc_general{
    --secondary-color: 37 211 102;
}

@media only screen and (min-width: 768px) {
  #header [data-row] > .ct-container,
  #footer [data-row] > .ct-container {
    width: auto;
    margin-left: var(--gap) !important;
    margin-right: var(--gap) !important;
    /* padding-left: 15px;
      padding-right: 15px; */
  }

  #main > .ct-container,
  body.single #main > [class*='ct-container'],
  body.archive #main > [class*='ct-container'] {
    max-width: calc(100% - (var(--gap) * 2)) !important;
      
  }
}

#footer .widget_media_image img {
    max-height: 70px;
    width: auto;
}


#footer .footer-social{
  display: flex;
  gap:10px 50px;
}

.footer-social a{
    font-size:22px;
}

.footer-social a{
    color:#3E624D;
}

.footer-social a:hover{
    color:#000;
}

#footer .footer-social img{
  width: auto;
  max-height:30px;

}

#footer .footer-social img::before{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width:70% !important;
  
}

.contact_row :is(p,strong){
     font-weight:400 !important;
     font-family:"LiberationSans" !important;
}

.info-text  p{
    font-weight:400 !important;
    color:#565656 !important;
}

.tittle-top-word p{
    margin-top: 50px !important;
    margin-bottom: 25px !important;
}

.image-w-full,
.image-w-full * {
  width: 100%;
}

/*.custom-button .vc_general {*/
/*    color: black !important;*/
/*    padding: 0 !important;*/
/*    border: none !important;*/
/*    outline: none !important;*/
/*    background: none !important;*/
/*    transition: all 250msease-out !important;*/
/*    position: relative;*/
/*    isolation: isolate;*/
/*    overflow: hidden;*/
/*    font-family: "NotoSans", sans-serif;*/
    /*font-size: 18px;*/
/*    font-weight:400 !important;*/
/*}*/

.banner-row .wpd-single-image,
.banner-row .wpd-single-row {
    width:100%;
}

/*.custom-button.with-border .vc_general{*/
/*     font-size:16px;*/
/*     font-weight:400 !important;*/
/*}*/



.home-about * {
    display:block;
    width:100%;
}

.logo-home>.wpb_wrapper>.vc_single_image-wrapper>.vc_single_image-img{
    max-height:90px;
    object-fit: contain;
    margin-top:50px;
}

.logo-home.contact-img>.wpb_wrapper>.vc_single_image-wrapper>.vc_single_image-img{
    max-height:70px;
    margin-top:0;
    width: auto;
}

.logo-home{
    margin-bottom:10px !important;
}

.text-home{
    width:100%;
    text-align:center !important;
    padding-left:0px !important;
    font-size:18px;
    font-weight:600;
    color:#3E624D;
    margin-bottom:50px !important;
    }
    
    .home-counter-row.vc_row-has-fill::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block !important;
    background: rgba(0,0,0,0.6);
}
    
.text-home>.wpb_wrapper p{
    font-size: 26px;
}

.home-about>.vc_figure{
    border-top-left-radius:100px;
    overflow:hidden;
}

.img-about>.vc_figure{
    border-top-right-radius:100px;
    overflow:hidden;
}


.home-about>.wpb_wrapper>.vc_single_image-wrapper img{
    /*border-top-left-radius:100px;*/
    aspect-ratio:1770/540;
    object-fit:cover;
}

.logo-home-about>.wpb_wrapper>.vc_single_image-wrapper img{
    max-height:60px;
    width:auto;
}

.text-home-h5 h5{
    font-family: "LiberationSans";
    font-weight: 700;
}

.text-home-h5 p{
   color:#565656;
   font-size:16px !important;
   font-weight:400;
}

.logo-home-about{
    margin-bottom:10px !important;
}

.home-aboutus-row > div:last-child > div > div {
    position: relative;
    isolation: isolate;
    padding-top: 35px;
}

/*.home .banner-row.padding-left-gap .custom-arrow-button {*/
/*    left: 15%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

.custom-button .vc_general::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    right: 0;
    width: 30px;
    height: auto;
    aspect-ratio: 1;
    z-index: -1;
    display: block !important;
    background:#25D366;
    border-radius: 50%;
    transition: all 500ms ease-out;
    transform-origin: center;
}

.short-text>.vc_column-inner>.wpb_wrapper{
    display:flex;
    align-items:center;
}

.short-text .fix{
     padding-left:15px;
}

.short-text .top{
     padding-left:15px;
}

.short-text2>.vc_column-inner>.wpb_wrapper{
    display:flex;
    
}

.text-home-about p{
    text-wrap:balance;
}

.our-product-head h5{
    font-family: "LiberationSans";
    font-weight: 700;
    font-size:30px;
}

/*.our-product-info p{*/
/*     font-family:"Noto Sans" !important;*/
/*    font-weight: 400 !important;*/
/*    font-size:16px;*/
/*    color:#565656;*/
/*}*/

.custom-head h4{
    font-family: "LiberationSans";
    font-weight: 700;
    font-size:40px;
}

.custom-head p{
    font-weight: 400;
}

.img-home-about{
    margin-bottom:0;
}

.image-hover-scale {
  overflow: hidden;
  border-radius:10px !important;
}

.custom-button{
    margin-top:100px;
}

.custom-btn1{
    margin-top:15px !important;
}

.img-contact-btn {
    margin-top: 10px !important;
    
}

.color-btn .custom-button.with-border .vc_general:hover {
    border-color: #DC1010 !important;
    font-size: 16px;
    font-weight: 400 !important;
}

.custom-text h4{
    font-family: "LiberationSans" !important;
    font-weight: 700 !important;
    font-size:22px;
    margin-bottom:20px !important;
}

.under-info .text-home-about{
    align-items:center;
    font-weight:400;
    
}
.under-info  > .wpb_column > div > div{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:20px;
}

.under-info .wpb_single_image,
.under-info .wpb_text_column{
    margin-bottom:0 !important;
}

.under-info .wpb_single_image{
    width:80px;
    flex-basis:80px;
}

.under-info .wpb_text_column{
    width:calc(100% - 100px);
    flex-basis:calc(100% - 100px);
}

/*.short-text .text-home-about{*/
/*    padding-left: 10px;*/
/*    margin-bottom:0;*/
/*    font-weight:400;*/
/*}*/

.main-counter{
    font-size: 70px;
    font-weight: 600;
    color: #25D366;
}

.home-products-row .grid.vc_row.vc_inner .product-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 25px;
    width: 100% !important;
    /*min-height: 90px;*/
    display:flex;
    align-items: center;
    isolation:isolate;
    width:100%;
    background:none;
}

.home-products-row .grid.vc_row.vc_inner .product-title:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:46%;
    height:100%;
    display:block !important;
    z-index:-1;
    background: linear-gradient(90deg, #3E624D 15%, rgba(62, 98, 77, 0.00) 100%);
}

.contact-btn .vc_general {
    color: #ffffff !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: none !important;
    transition: all 250msease-out !important;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    font-family: "NotoSans", sans-serif;}

.contact-btn .vc_general::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    right: 0;
    width: 30px;
    height: auto;
    aspect-ratio: 1;
    z-index: -1;
    display: block !important;
    background: #DC1010;
    border-radius: 50%;
    transition: all 500ms ease -out;
    transform-origin: center;
}

.contact-btn .vc_general::after {
    content: "\f061";
    color: #ffffff;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-flex !important
;
    width: 30px;
    height: auto;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
}

.about-vm-row.vc_row-has-fill::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block !important;
    background: #000000;
    opacity: 0.8;
}

.mr-top{
    margin-top:0px !important;
}

.about-vm-row h4{
    font-family: "LiberationSans";
    font-size:30px;
    font-weight:700;
    margin-bottom:20px !important;
}

.contact-btn2 .vc_general:hover{
    color:#ffffff !important;
}
/*.contact-img{*/
/*    max-width:120px;*/
/*    object-fit: contain;*/
/*}*/

.short-text{
    align-items:center;
}

.short-text2 .fix2{
    align-items:center;
    padding-bottom:40px;
}

.color-text1 h5{
    color:#3E624D;
    font-weight:700;
    font-family:"LiberationSans" !important;
    margin-top: 20px !important;
}

.color-text1 p{
    color:#565656;
    font-weight:400;
}

.color-text1{
    margin-bottom:35px !important;
}

/*.img-about>.wpb_wrapper>.vc_single_image-wrapper img{*/
/*    border-top-right-radius:80px;*/
/*}*/

.img-about>.wpb_wrapper>.vc_single_image-wrapper img{
    border-top-right-radius:100px;
    aspect-ratio:1770/540;
    object-fit:cover;
}

/*.img-about{*/
/*    width:100%;*/
/*    padding-right: 13%;*/
/*}*/

.color-text1 h4{
    color:#3E624D;
    margin-top:20px !important;
}

.our-recycle h4{
    font-family:"LiberationSans" !important;
    font-weight:700 !important;
    color:#3E624D !important;
}

/*.product-show{*/
/*    padding-top:70px !important;*/
/*}*/
.contact-btn2 .vc_general::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    right: 0;
    width: 30px;
    height: auto;
    aspect-ratio: 1;
    z-index: -1;
    display: block !important;
    background: #DC1010;
    border-radius: 50%;
    transition: all 500ms ease -out;
    transform-origin: center;
    color: #000000 !important;
}

.contact-btn2 .vc_general::after {
    content: "\f061";
    color: #ffffff !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-flex !important
;
    width: 30px;
    height: auto;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
}

.contact-btn2{
    padding-top:0px;
}

/*.contact-img{*/
/*    max-width:175px;*/
/*}*/

.map iframe{
    border-radius:20px !important;
}

.wpcf7 input[type="submit"] {
    background: #d63832;
    color: white;
    border-radius: 10px;
}

.size img{
    max-width:200px;
}

.top{
    align-items:center;
}

.short-text2>.vc_column-inner>.wpb_wrapper {
    align-items:center;
}

.btn1{
    margin-top:0px;
    margin-bottom:35px !important;
}

.text-img{
    max-width:500px;
}

.text-img h4{
  margin-bottom:20px !important;    
} 

.text-img p{
    max-width:390px;
    margin-bottom:10px !important;
} 

.our-product-element{
        margin-bottom: 35px !important;
}

.our-product-element h4{
        font-family: "LiberationSans" !important;
        font-family:700;
        font-size:40px !important;
}


.mar-text h5{
    margin-top:35px !important;
}

.contact-form{
    margin-top:0px !important;
}

.row-contact{
    padding-top:35px !important;
}

.info-row{
    margin-top:20px !important;
    margin-bottom:30px !important;
}

.product-detail-row {
    padding-top: 30px;
    /*padding-left: 0px !important;*/
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-top-left-radius: 15px;
    margin-left: 0;
    margin-right: 0;
}

.product-text h6{
    font-family:'NotoSans';
    font-weight:600 !important;
    font-size:20px;
}


.sijil-row .wpb_single_image.image-br{
    box-shadow: 0px 0px 4.8px 0px rgba(181, 181, 181, 0.25);
}

.our-recycle-product{
    margin-bottom:35px !important;
}

.row-vision{
    margin-bottom:65px !important;
}

.top4{
    margin-top:31px !important;
}
.finish-recycle h6{
    margin-top:20px !important;
}

.third-service{
    margin-bottom:100 !important;
}

.footer-social{
  display: flex;
  gap:25px;
  width: fit-content !important;

}

.footer-social img{
  width: auto;
  max-height:30px;
   display: flex;
  align-items: center;
  justify-content: center;
}

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

    body:not(.home) .banner-row.padding-right-gap .custom-arrow-button {
    top: 5%;
  }
}


@media only screen and (max-width: 767.98px) {
    .logo-home>.wpb_wrapper>.vc_single_image-wrapper>.vc_single_image-img {
    max-height: 70px;
    object-fit: contain;
    margin-top: 50px;
}
    
    .row-contact{
    padding-top:0px !important;
}
    
    /*.gap {*/
    /*    padding-top: 70px !important;*/
    /*}*/
    
    /*.gap {*/
    /*    padding-bottom: 70px !important;*/
    /*    }*/
        
    .gap1 img{
        margin-top: 20px !important;
    }
    
    .gap1 img{
        margin-bottom: 35px !important;
     }
     
    /*.custom-arrow-button .vc_general {*/
    /*    background: rgb(var(--secondary-color)) !important;*/
    /*    color: black !important;*/
    /*    outline: none !important;*/
    /*    border: 1px dashed rgb(var(--secondary-color)) !important;*/
    /*    padding: 0 !important;*/
    /*    width: 40px;*/
    /*    height: auto;*/
    /*    aspect-ratio: 1;*/
    /*    border-radius: 50%;*/
    /*    position: relative;*/
    /*    transition: all 250msease-out !important;*/
    /*    top: 25px;*/
    /*    left: 20px;*/
    /*}*/
    
    /*.home-about>.wpb_wrapper>.vc_single_image-wrapper img {*/
    /*    border-top-left-radius: 2rem;*/
    /*}*/
    
    
    .under-info {
        margin-bottom:35px;
        gap:35px !important;
    }
    
    /*.under-info img{*/
    /*    margin-bottom:0;*/
    /*}*/
    
    /*.under-info .wpb_single_image img{*/
    /*    max-width:80% !important;*/
    /*}*/
    
    .short-text2 .width2 img{
         max-width:60% !important;
    }
    
    .short-text2 .text-home-about{
        margin-bottom:0;
        margin-left: -36px;
    }
    
    .row_1>.wpb_column>.vc_column-inner>.wpb_wrapper p{
        margin-bottom:30px;
    }
    
    
/*    .entry-content h1:last-child, .entry-content h2:last-child, .entry-content h3:last-child, .entry-content h4:last-child, .entry-content h5:last-child, .entry-content h6:last-child {
        margin-bottom: 20px;
    }*/
    
    /*.home-go-green{*/
    /*    position: relative;*/
    /*    left: 0px;*/
    /*    box-sizing: border-box;*/
    /*    width: 375px;*/
    /*    max-width: 375px;*/
    /*    padding-left: 0px;*/
    /*    padding-right: 0px;*/
    /*    background-position:left !important;*/
    /*}*/
    
    .col-text>.wpb_wrapper p{
        margin-bottom:35px;
    }
    
    /*.custom-arrow-button .vc_general {*/
    /*        background: rgb(var(--secondary-color)) !important;*/
    /*        color: black !important;*/
    /*        outline: none !important;*/
    /*        border: 1px dashed rgb(var(--secondary-color)) !important;*/
    /*        padding: 0 !important;*/
    /*        width: 40px;*/
    /*        height: auto;*/
    /*        aspect-ratio: 1;*/
    /*        border-radius: 50%;*/
    /*        position: relative;*/
    /*        transition: all 250msease -out !important;*/
    /*        top: 2px !important;*/
    /*        left: 20px;*/
    /*    }*/
        
    /*.about .vc_general {*/
    /*        background: rgb(var(--secondary-color)) !important;*/
    /*        color: black !important;*/
    /*        outline: none !important;*/
    /*        border: 1px dashed rgb(var(--secondary-color)) !important;*/
    /*        padding: 0 !important;*/
    /*        width: 40px;*/
    /*        height: auto;*/
    /*        aspect-ratio: 1;*/
    /*        border-radius: 50%;*/
    /*        position: relative;*/
    /*        transition: all 250msease -out !important;*/
            /*top: -24px;*/
            /*left: -22px !important;*/
    /*    }*/
        
    
    .color-text1 h5 {
        color: #3E624D;
        margin-top: 20px !important;
    }    
    
    .color-text1{
        margin-bottom:30px !important;
    }
    
    /*.under-info>.short-text2 .img-link img{*/
    /*    max-width:70% !important;*/
    /*}*/
    
    .text-move p{
        margin-bottom:30px !important;
    }
    
    .info-text  p{
        font-weight:400 !important;
        color:#565656 !important;
    }
    
    .mtop{
        margin-top:30px;
        margin-bottom:30px;
    }
    
    .mtop1{
        margin-bottom:30px;
    }
    
    .mtop2{
        margin-bottom:30px;
    }
    
    .banner-row.padding-right-gap rs-module-wrap {
        border-top-right-radius: 80px;
        overflow: hidden !important;
        max-height:90%;
    }
    
    .mar-top{
        margin-top:-55px;
    }
    
    .short-text .max1 img{
        max-width:30% !important;
    }
    
    .short-text2 .max2 img{
        max-width:80% !important;
    }
    .short-text .text-pro-img2 img{
        max-width:30% !important;
    }
    
    
    .short-text .top p{
        margin-top:12px;
        margin-left: 0px;
    }
    
    .short-text .text-pro-img p{
        margin-top:12px;
        margin-left: 0px;
    }
    
    .short-text2 .top2 p{
        margin-left:60px;
    }
    
    /*.oil{*/
    /*    margin-top:-80px;*/
    /*}*/
    
    .our-recycle{
        margin-top:20px;
    }
    
    .pd-size{
        padding-right:15px !important;
        padding-left:15px !important;
        /*padding-bottom:70px ;*/
    }
    
    /*.pd-size img{*/
    /*    margin-bottom:10px;*/
    /*}*/
    
    .short-text .max3 img{
        max-width:41% !important;
    }
    
    .short-text2 .max4 img{
        max-width:125% !important;
    }
    
    .short-text2 .top4 p{
        margin-left:50px;
    }
    
    .product_list1 img{
        margin-top:10px;
        margin-bottom:20px;
    }
    
    /*.mar-text h6 {*/
    /*    margin-top: 20px !important;*/
    /*} */
    
    /*.home-about img{*/
    /*    max-height:200px;*/
    /*}*/
    
    .banner-row.padding-right-gap > .vc_col-sm-12 {
        padding-right: 40px;
    }
    
    /*.row-contact .tel-text{*/
    /*    padding-bottom:35px !important;*/
    /*}*/
    
    .mar-text h5{
        margin-top:10px !important;
    }
    
    .mar-text p{
        margin-bottom:0px !important;
    }
    
    .product-tittle {
        padding-bottom:30px !important;
    }
    
    .product-tittle{
        padding-bottom:0px !important;
    }
    
    /*.product-show{*/
    /*    padding-top:70px !important;*/
    /*}*/
    
    #footer .footer-social{
      display: flex;
      gap:50px;
      width: fit-content !important;
       margin-left: auto;
      margin-right: auto;
    }

    #footer .footer-social img{
      width: auto;
      max-height:30px;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width:70% !important;
      margin-left: auto;
      margin-right: auto;
    }
    
    
    .footer-social{
      display: flex;
      gap:25px;
      width: fit-content !important;
    
    }
    
    .footer-social img{
      width: auto;
      max-height:30px;
       display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .tittle-top-word p{
        margin-top: 35px !important;
        margin-bottom: 15px !important;
        font-size:26px;
    }
    .short-text2 .text-pro2 p {
        margin-left: 0px !important;
    }
}

.about-equipment-row.gap{
    padding-bottom: calc(var(--gap) - 35px) !important;
}

.contact-enquiry-row .cf7-inner{padding-top:35px;}

.after-banner-gap,
.after-banner-gap.gap{
    padding-top:65px !important;
}

.about-wehave-list{
    gap:70px 30px;
    margin-bottom:100px !important;
}

.about-wehave-list .wpb_single_image{
    margin-bottom:20px;
}

.about-wehave-list .wpb_single_image img{
    aspect-ratio:499/329;
    object-fit:cover;
    object-position:center;
}

.about-equipment-row.gap.our-finished-product{padding-bottom:35px !important;}

@media only screen and (max-width: 999.98px) {
    .home-about > .wpb_wrapper > .vc_single_image-wrapper img,
    .img-about>.wpb_wrapper>.vc_single_image-wrapper img{
        aspect-ratio:unset;
        width:100%;
        height:400px;
    }
    
    :is(.home-about,.img-about) *{width:100%;}
}

@media only screen and (max-width: 767.98px) {
    
    .about-equipment-row.gap.our-finished-product{padding-bottom:0 !important;}
    
    .after-banner-gap,
    .after-banner-gap.gap{
        padding-top:70px !important;
    }
    
    .logo-home > .wpb_wrapper > .vc_single_image-wrapper > .vc_single_image-img{
        margin-top:35px;
    }
    
    .text-home {
    	margin-bottom: 35px !important;
    }
    
    .home-about,.img-about{margin-bottom:0;}
    
    .home-about > .wpb_wrapper > .vc_single_image-wrapper img,
    .img-about>.wpb_wrapper>.vc_single_image-wrapper img{
        height:300px;
    }
    
    .home-about>.wpb_wrapper>.vc_single_image-wrapper img {
        border-top-left-radius: 2rem;
    }
    
    .img-about>.wpb_wrapper>.vc_single_image-wrapper img{
        border-top-right-radius: 2rem;
    }
    
    .background-fixed, .parallax {
      background-attachment: unset;
    }
    
    .contact-enquiry-row .cf7-inner {
    	padding-top: 0;
    }
    
    .our-recycle-product {
    	margin-bottom: 0 !important;
    }
    
    .about-wehave-list {
        margin-bottom:70px !important;
    }
}