html{
    overflow-x: auto;
}
/* body{
    overflow: hidden;
} */
#languageList li{
overflow: hidden;
}
#languageList li a{
padding-left:7px;
}
#languageList li a img{
padding-right:5px;
}
.card-column{
    margin: 4% 1.5%;
    transition: all 400ms ease;
}
.card-wrapper{
    box-shadow: 0 15px 25px rgb(57 53 56 / 50%);
    margin: 0;
    border-radius: 17px;
    color: #064725;
    height: 100%;
} 
.card-column:hover{
    transform: scale(1.07); 
    
} 
/* .card-wrapper:hover{
    border:5px solid #f6ba18;
}  */
.card-wrapper .card-title{
   /* display: block; */
   /* background-color: #f6ba18; */
   /* height: 50px; */
   /* width: 100%; */
   /* margin: 0; */
   color: #000;
   /* text-align: center; */
   /* font-size: 21px; */
   /* padding: 3% 0; */
} 
/* .card-wrapper img{
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
} */
.card-wrapper h5{
    text-align: center;
    color: #064725;
    margin-bottom: 5%;
}
.green-header{
    color: #064725;
}

.welcome-banner{
    /* padding: 5%; */
    color:#fff ;
    
}
.welcome-banner h6, 
.welcome-banner h3, 
.welcome-banner h1, 
.welcome-banner h2{
  color: #fbf900;  
}

.bg-green{
    background-color: rgba(5, 83, 43, 0.78);
    width: 100% ;
}

/* .welcome-banner h2,  */
.welcome-banner h1{
    font-size: 4rem;
    font-weight: 600;
}

.welcome-banner li{
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 12px 0;
    list-style-type: disc;
}
.welcome-banner p{
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    padding: 12px 0;
}

.cones-bg-img{
    width: 100%;
    height: 631px;
}
.goal-card{
height: 100%; 
padding: 4% 3%; 
float: right;  
background: rgba(30, 30, 30, 0.7); 
overflow: hidden; 
margin: auto 1% auto auto;
color: #fff;
border-radius: 3%;
}
.goal-card h3{
    color: #fff;
    font-weight: 300;
}
.goal-card p{
    color: #fff;
    font-style: italic;
}

.goal-card ul li{
    color: #efefef;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    list-style-type: disc;
     font-style: italic;
}

.accordion-toggle[aria-expanded="false"] .fa-chevron-up   {
    transform: rotate(180deg);
    background-color: #f6ba18;
  }

.fa-chevron-up {
    float: right;
    padding:5px 6px;
    border-radius: 35px;
    background-color: #9f9f9f;
    transition: all 0.3s ease;
 }



.products-bg{
    opacity:0 ;
    text-align: center;

}
.products-bg h1{
    text-align: center;
    font-size: 5rem;

}
.essence-btn{
    color: #fff;
    border-radius: 5px;
}
.essence-btn:hover{
    background-color: #f6ba18;
    color: #fff;
}

.welcome-banner .essence-btn{
    background-color: #fff;
    color: #064725;
}
.welcome-banner .essence-btn:hover{
    background-color: #064725;
    color: #fff;
}
.category-section{
    /* margin: 0; */
}

.category-section .category-product{
    padding: 0;
    transition: transform 100ms;
    /* height: 100%; */
    /* background-color: #efefef; */
}

.category-section .category-product:hover{
    transform: scale(1.05); 
}
.category-section .category-product .product-wrapper, .variants .product-wrapper{
    /* height: 100%; */
    box-shadow: 0 1px 6px rgb(57 73 76 / 35%);
    margin: auto 20px;
    border-radius: 10px;
}
.category-section .machine-desc{
    height:8.5rem;
}
.category-section .machine-img{
    width: 90%;
    height: 220px;
}

/* .category-section h2{
    text-align: center;
    margin-bottom: 3%;
} */
.category-section h5, .category-product h6{
    color: #064725;
    /* margin: 1rem 0 1rem 0; */
}

.category-section .features{
    text-align: center;
    margin: 1.5% 2.5%;
}
.category-section .features p{
    font-size: 1rem;
    color: black;
}
.category-section .features img{
    width: 25%;
    height: 10%;
}
.category-section .category-product a{
    display: block;
    margin-top: auto;
}

.machine-section{
   margin-top: 7%;
   margin-bottom: 5%;
   text-align: center;
}

.machine-section .machine-image{
    width: 85%;
    height: 85%;
    max-height: 90vh;
    /* padding: 5px; */
    border: 0.1px solid #9f9f9f;
    border-radius: 15px;
    margin: 2% 0 0 0;
    transition: transform 100ms ease-in;
}
.machine-section .machine-image:hover{
    transform: scale(1.03); 
}
.enquiry-btn{
    text-align: center;
    width: 35%;
    border-radius: 5px;
}
.image-2, .lists .hero-content img{
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.cones-section, .page-section{
   margin: 5% auto;
   text-align: center;
}

.monaka-card{
    /* max-width: 15%; */
    /* height: 15%; */
    /* margin: 0 3%; */
    box-shadow: 0 1px 6px rgb(57 73 76 / 35%);
    border-radius: 5%;
    padding: 0%;
}
.monaka-card img{
    width: 100%;
    height: auto;
}
.big-heading{
    font-size: 4rem;
    font-weight: 600;
}
.heading h1, .cones-section h1, .page-section h2{
    color: #064725;
    font-weight: 500;
    padding: 0.5% 0;
    font-size: 2.5rem;
}
.heading h5{
    color: #000;
    font-weight: 300;
}
.mid-section{
     margin: 7% 0;
}
.sub-heading{
    font-size: 2.5rem;
    font-weight: 500;
}
.mid-section .sub-heading{
    text-align: center;
    /* margin-left: 5%; */
    color: #064725;
}
.mid-section .description, .cones-section p, .page-section p{
    text-align: left;
    margin: 2% 5%;
    color: #000;
    font-size: 1.2rem;
    font-weight: 300;
}
/* .card-header .collapsed{
    background-color: #009d3b;
    color: #fff;
} */

.card-header{
 background-color: #064725;
 color: #fff;
 margin: 2.5% 0 0 0;
 font-size: 1.1rem;
 font-weight: 300;
 padding: 12px 20px;
}
.accordion-toggle[aria-expanded="true"] .card-header{
    background-color: #cfcfcf;
    font-weight: 500;
    color: #000;
  }


.card-header a:hover, .card-header a:focus{
   text-decoration: none;
   color: #fff;
}

.card-body{
    padding: 0;
    
}
.card-body table{
    text-align: center;
    border-collapse: collapse;
    border: 1px #ddd solid;
    width: 100%;

}
.card-body td{
    text-align: left;
    border-collapse: collapse;
    border: 1px #ddd solid;
    padding: 1% 1%;
    /* width: 100%;     */
}
.table-heading{
    background-color: #064725;
    color: #fff;
    font-weight: 600;
}
.table-red-row{
    color: #ff0000;
}
.table-postNote{
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 300;
}

.cones-section .btn,
.page-section .btn{
    /* margin: 5% 0; */
}
.suggestions{
    margin: 15% 0;
    text-align: left;
}
.suggestions h3{
    color: #064725; 
    margin-bottom: -8%;
}

.variants .category-product{
    width: 90%;
    margin: 2% auto;
    height: fit-content;
}
.product-card{
    padding: 12px;
    box-shadow: 0 10px 20px rgb(200 200 200 / 1);
    border-radius: 18px;
    transition: all 400ms ease;
}
.product-card img{
    border-radius: 18px;
}
.product-card:hover{
    transform: scale(1.07); 
}
.product-card{
    box-shadow: 0 15px 25px rgb(57 53 56 / 50%);
    border-radius: 18px;
}

/* Contact Us page */

/* .form-inline .btn{
    width: 60%;
  } */

.submit-btn{
    background-color: #f6ba18;
    color: #064725;
    padding:10px 0;
    font-size: 20px;
    font-weight: 500;
}
.submit-btn:hover{
    background-color: #064725;
    color: #fff;
}
#submit-btn[disabled='true'] {
    background:#7f7f7f;
    cursor: not-allowed;
}
#submit-btn[disabled='true']:hover{
    background: #7f7f7f;
    cursor: not-allowed;
    color: #064725;
}
.contact-banner{
    text-align: left;
    background-color: #064725;
    color: #fff;
    height: 100%;
    margin: 0 0;
    border-top:8px solid #f6ba18 ;
}

.contact-banner .contact-info{
    text-align: left;
    padding: 10% 10% ;
}
.contact-banner .contact-info .contact-card{
    padding: 5% 0%;
}
.contact-banner hr{
    /* margin: 0 10%; */
    background-color: #068705;
    width: 100%;
    
}
.contact-banner .contact-info i{
    color: #f6ba18;
    margin-right: 10px;
}
.contact-banner .contact-info h5{
    color: #fff;
    font-weight: 300;
    padding-bottom: 10px;
}
.contact-banner .contact-info p{
    color: #cfcfcf;
    font-weight: 300;
    font-size: 1rem;
    font-style:italic;
    line-height: 1.5;
}
.contact-card a{
    color: #cfcfcf;
    font-weight: 300;
    font-size: 1rem;
    font-style:italic;
    line-height: 1.5;
}

.contact-card a:hover{
    color: #f6ba18;
    text-decoration: underline;
    text-decoration-color:#f6ba18 ;
    
}

#facilities, #clients, #how-to-reach-us{
    padding-top:8% ;
}

@media only screen and (max-width: 768px){
    .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .classynav ul li .megamenu .single-mega.cn-col-2{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f2f4f8;
    }
    .nav-brand img{
        width:95px ;
   }
    /* .welcome-banner h1{
        font-size: 48px;
    } */
    .category-section{
        padding-left: 5px;
        padding-right: 5px;
    }
    .category-section .machine-desc{
        height: fit-content;
    }
    .category-section .machine-img{
        width: 90%;
        height: 55%;
    }
    .machine-section h1, .machine-section img, .machine-section {
        margin: 1rem 0;
    }
    .machine-section .machine-image{
        width: 100%;
    }
    .enquiry-btn{
        width: auto;
        
    }
    .sub-heading{
        font-size: 1.8rem;   
    }
    .big-heading{
        font-size: 2.2rem;
    }
    .machine-section h5, .welcome-banner, .cones-section h1, .page-section h2{
        margin:1.5rem 0;
    }
    .welcome-banner{
        padding: 15% 0;
        margin: 0;
    }
    .welcome-banner h2, .welcome-banner h1{
        font-size: 2rem;
    }
    .welcome-banner a{
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .welcome-banner li{
        font-size: 1.2rem;
        margin: 0.5rem 0.5rem;
    }
    .welcome-banner img{
        /* margin: 1rem 0rem; */
    }
    .welcome-banner iframe{
        margin: 1rem 0rem;
        height: 200px;
    }
    .welcome-banner .hero-content img {
        /* display: none; */
    }
    .cones-bg-img{
        width: 100%;
        height: 700px;
    }
    .goal-card{
        width: auto;
        height: 100%;
        margin: 0;
        padding: 10%;
        overflow: hidden;
    }
    /* .category-product{
        height: ;
    } */
    .cards-container{
        margin-left: 6px;
    }
    .cards-container .col-4{
        padding-left:0;
        padding-right: 0;
        margin: 0;
        
    }
    .card-wrapper, .single-product-wrapper{
        margin: 0% 0% 20px 0%;
        width: 90%;
        height: auto;
        padding: 0;
        border-radius: 10px;
    }
    .card-wrapper .card-title{
        /* background-color: #f6ba18;
        display: block;
        height: 30px;
        width: 100%; */
        /* margin: 0; */
        /* color: #000; */
        text-align: center;
        font-size: 10px;
        /* padding: 6% 0; */
    }
    .g-recaptcha {
        transform:scale(0.87);
        transform-origin:0 0;
    }
}
.megaItem {
    max-width: 300px;
  }  
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }