@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Noto Sans", sans-serif;}
a { text-decoration: none;}
p, .main-table ul li { font-size: 15px; line-height: 1.6; margin: 0 0 10px 0; font-family: "Noto Sans", sans-serif; letter-spacing: .3px; color: #242424; font-weight: 500;}
.main-table ul li { font-size: 16px; line-height: 24px; margin: 0 0 10px 0; font-family: "Noto Sans", sans-serif;}
h1, h2, h3, h4 { font-family: "Noto Sans", sans-serif}
.heading { font-size: 40px; color: #121212; font-weight: 700; margin: 0 0 30px 0; letter-spacing: .5px; position: relative;}
.heading:after { content: ''; position: absolute; width: 60px; height: 8px; background: #77aa43; left: 0; top: 45px;}
.sub-heading { font-size: 30px; margin: 0 0 20px 0; font-weight: 700; color: #77aa43; padding: 5px 0; border-bottom: 1px solid #d8d8d8;}
.title { font-size: 27px; margin: 0 0 15px 0; font-weight: 700;} 
.custom-btn { display: inline-block; padding: 12px 32px; border-radius: 10px; color: #fff; background: #77aa43; font-weight: 500; letter-spacing: .5px; }
.custom-btn:hover { color: #fff; background: #121212;}

.top-header { background: #77aa43; padding: 8px;}
.top-header p { margin: 0;}
.top-header p a { color: #fff;}

.banner-section .carousel-inner .carousel-item img { animation: zoom 20s;}
.banner-section .carousel-control-next, .carousel-control-prev { width: 45px; height: 45px; background: rgba(255, 255, 255, .5); opacity: .7; border-radius: 50%; top: 49%; padding: 5px;}
.banner-section .carousel-control-next { right: 4%;}
.banner-section .carousel-control-prev { left: 4%;}
.banner-section .carousel-caption { top: 43%;}
.banner-section .carousel-caption h1 { font-size: 52px; font-weight: 700; text-shadow: 3px 3px 3px #010101;}

.banner-bottom { background: #77aa43; padding: 3% 0;}
.banner-bottom .mission-bx { padding: 30px; display: flex;}
.banner-bottom .mission-bx .icon img { width: 70px; margin: 0 15px 0 0;}
.banner-bottom .mission-bx .cont h4{ color: #fff; font-size: 21px; text-transform: uppercase; font-weight: 700; letter-spacing: .8px;}
.banner-bottom .mission-bx .cont p { color: #f0f0f0;}
.banner-bottom .mission-bx .cont a  {color: #fff; font-weight: 500; border-bottom: 1px solid #fff; transition: all .2s ease-in-out;}
.banner-bottom .mission-bx .cont a:hover { letter-spacing: 1.5px;}

.about-section { padding: 5% 0;}
.about-section img { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.product-section { padding: 2% 0 5% 0;}
.product-section .heading::after { left: 0; right: 0; margin: 0 auto;}
.product-section .product-bx { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.product-section .product-bx img { border-radius: 10px 10px 0 0; filter: brightness(90%);}
.product-section .product-bx .content { padding: 20px; text-align: center; position: relative;}
.product-section .product-bx .content .more { position: absolute; top: -18%; background: #77aa43; left: 0; right: 0; margin: 0 auto; width: 65px; height: 65px; border-radius: 50%; font-size: 14px; line-height: 1.2;}
.product-section .product-bx .content a {color: #fff;font-weight: 600;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.product-section .product-bx .content h4 { color: #121212; margin: 20px 0 10px 0; font-weight: 700;}
.product-section .product-bx .content .more:hover { background: rgba(119, 170, 67, .9);}

footer { background: #77aa43; padding: 4% 0 0 0;}
footer .footer-bx { background: rgba(255, 255, 255, .2); padding: 40px; text-align: center; border-radius: 10px;}
footer .footer-bx p, footer .footer-bx p a { color: #121212; font-size: 16px; margin: 0;}
footer .footer-bx p i { font-size: 24px; margin: 0 0 15px 0;}
footer .footer-bottom { background: #121212; padding: 10px 0; margin: 4% 0 0 0;}
footer .footer-bottom p, footer .footer-bottom p a { color: #f0f0f0; margin: 0;}

.inner-banner img { width: 100%; object-fit: cover; height: 280px;}

.product-name { background: #77aa43; padding: 12px 15px; border-radius: 10px 10px 0 0; margin: 15px 0 0 0;}
.product-name h4 { color: #121212; margin: 0; font-size: 18px; font-weight: 700;}
.product-card { border: 1px solid #77aa43; border-radius: 0 0 10px 10px; padding: 15px; display: flex; margin: 0 0 10px 0; min-height: 260px;}
.product-card .image img {width: 150px; border-radius: 5px; margin: 0 20px 0 0;}
.product-card .content p {margin: 0;}


@keyframes zoom {
    from { transform: scale(1,1);}
    to { transform: scale(1.3, 1.3);}
}   

/*cont-page*/
.map-contp{border:1px dashed #ccc;}
.cont-page h2{
    font-weight:bold;
    color: #111;
    line-height: 26px;
    font-size: 21px;
    margin-top: 0;
    /* text-transform: uppercase; */
    margin-bottom: 18px;
    margin-top:10px;
    }
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page .st-feature-box {
    background: #77aa43;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.feature-box-image img {
width: 25px;
    
}

.cont-page .feature-box-image {
    margin-top: 20px;
}
.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}
.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}