/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Header CSS */
.nav-popup .elementor-icon-wrapper{
    display: flex;
}
.btn{
    clip-path: polygon(0% 0%, 100% 0, 100% 65%, 87% 100%, 0% 100%);
}
.btn .elementor-button-content-wrapper{
    gap: 15px !important;
}
.btn svg{
    font-size: 15px;
}
.header-active.elementor-sticky--effects{
    background-color: #1d1d1ba4 !important;
    backdrop-filter: blur(10px);
}
.header-active.elementor-sticky--effects .elementor-widget-divider{
    opacity: 0;
}
.header-menu .current-menu-item .elementor-item-active{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-menu .current-menu-item .elementor-item-active::after{
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background-color: #fff !important;
    position: absolute;
    top: 100%;
    margin-top: 5px;
}

/* Footer CSS */
.image-gallery .swiper-wrapper{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important; 
    position: relative;
}
.sc-icon .elementor-social-icon{
    backdrop-filter: blur(10px);
}

/* Homepage CSS  */
.clip-bg{
    clip-path: polygon(20% 0%, 86% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0);
}
.dual_heading span{
    color: #48A12F;
}
.btn-hv .elementor-button-content-wrapper .elementor-button-icon svg path{
    transition: all 0.3s ease;
}
.btn-hv .elementor-button-content-wrapper:hover .elementor-button-icon svg path{
    stroke: #48A12F;
}
.banner-img-box{
    clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 80% 100%, 14% 100%, 0 84%, 0% 20%);
}
.greenBox{
    clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 80% 100%, 0 100%, 0 84%, 0% 20%);
}
.imgBox{
    clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 80%, 89% 100%, 0 100%, 0 84%, 0% 20%);
}

.contact-sec-btn .elementor-button-content-wrapper .elementor-button-icon svg{
    font-size: 15px;
}
.contact-sec-btn svg path{
    transition: all 0.3s ease;
}
.contact-sec-btn:hover svg path{
    stroke: #fff;
}
.gradient-box{
    clip-path: polygon(0 0, 84% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0% 20%);
}
.review-content p{
    margin-bottom: 10px !important;
}
.grey-box{
    clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 78%, 94% 100%, 0 100%, 0% 80%, 0% 20%);
}
.review-carousel .elementor-swiper-button svg path{
    transition: all 0.3s ease;
}
.review-carousel .elementor-swiper-button:hover svg path{
    stroke: #0000008e;
}

.small-font span{
    font-size: 16px;
}


/* Products page CSS */
/* .products-loop .e-loop-item:nth-child(6) .products-content{
    padding-right: 0;
}
.products-loop .e-loop-item:nth-child(6) .products-content .heading-part{
    padding-right: 32px;
}
.products-loop .e-loop-item:nth-child(6) .products-content .elementor-widget-divider{
    padding-right: 32px;
}
.products-loop .e-loop-item:nth-child(7) .products-content .elementor-widget-divider{
    padding-top: 24px;
} */

.table-content td{
    border: none;
    outline: none;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 16px;

}
.table-content td strong{
    font-weight: 500;
    color: #363636;
    margin: auto 0;
}
.table-content tr{
    border-bottom: 1px solid rgba(163, 163, 163, 1);
}
.table-content tr:first-child{
    border: none;
}
.table-content tr:last-child{
    border: none;
}
.table-content table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: transparent;
}
.table-content table tbody tr:hover>td, table tbody tr:hover>th{
    background-color: transparent;
}

.forklifts-content tr:first-child{
    border-bottom: 1px solid rgba(163, 163, 163, 1);
}

.forklifts-content td strong{
    font-family: "Unbounded";
    font-weight: 700;
}






/* Contact Page CSS */
.contact-ops a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
.contact-ops .elementor-icon-box-description{
    color: #5E5E5E ;
}
.contact-ops .elementor-icon-box-description a{
    color: #5E5E5E ;
}
.contact-ops:hover .elementor-icon-box-description{
    color: #fff !important;
}

/* ========= Contact us form css ======== */
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
    row-gap: 22px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    padding: 28px 28px;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    color: #575757;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="email"]{
    text-transform: lowercase;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
    padding: 16px 28px;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    color: #575757;
    resize: none;
    white-space: pre-wrap; /* Allows wrapping and preserves whitespace */
    word-wrap: break-word; /* Break long words if needed */
    overflow-wrap: break-word;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
    margin-block-start: 9px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 22px 44px;
    font-size: 18px;
    font-weight: 300;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_validation_errors{
    display: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]){
    border: 1px solid #c02b0a;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) textarea{
    border: 1px solid #c02b0a;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
}





/* Responsive part */
@media only screen and (min-width: 1200px) and (max-width: 1700px){
    html{
        zoom: 0.85;
        zoom: 85%;
    }
}


@media only screen and (max-width: 1366px){
    .grey-box{
        clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 78%, 90% 100%, 0 100%, 0% 80%, 0% 20%);
    }
    .table-content td{
        font-size: 15px;
    }
}


@media only screen and (max-width: 1024px){
    .greenBox{
        clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 89% 100%, 0 100%, 0 84%, 0% 20%);
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        padding: 24px 20px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 15px 20px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 15px 30px;
        font-size: 16px;
    }
    .table-content td{
        font-size: 15px;
    }
}

@media only screen and (max-width: 880px){
    .header-menu .current-menu-item .elementor-item-active{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .header-menu .current-menu-item .elementor-item-active::after{
        content: none;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        padding: 20px 16px;
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 12px 16px;
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 25px;
        font-size: 15px;
    }
    .table-content td{
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px){
    .btn .elementor-button-content-wrapper{
        gap: 6px !important;
    }
    .btn svg{
        font-size: 10px;
    }
    .greenBox{
        clip-path: polygon(0 0, 88% 0, 100% 11%, 100% 100%, 89% 100%, 0 100%, 0 84%, 0% 20%);
    }
    .imgBox{
        clip-path: polygon(0 0, 100% 0, 100% 12%, 100% 88%, 89% 100%, 0 100%, 0 84%, 0% 20%);
    }
    .grey-box{
        clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 84%, 88% 100%, 0 100%, 0% 80%, 0% 20%);
    }
    .contact-sec-btn .elementor-button-content-wrapper .elementor-button-icon svg{
        font-size: 10px;
    }
    .table-content table{
        border-collapse: separate; /* Required for border-spacing to work */
        /* border-spacing: 3px; */
    }
    .table-content .heading td{
        padding-left: 5px;
    }
    .table-content td{
        padding-bottom: 8px;
        padding-top: 8px;
        border-bottom: 1px solid rgba(163, 163, 163, 1);
        font-size: 14px;
    }
    .table-content tr{
        border-bottom: 1px solid rgba(163, 163, 163, 1);
        /* margin: 10px; */
    }
}