@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* in use*/
@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*xx*/
@import "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css";
@import "icofont.min.css";
@import "col.css";
@import "medi.css";
@import "slidmedia.css";
@import "jquery.easy_slides.css";


html {
  overflow-x: hidden;
  scroll-behavior: smooth; 
	
}
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

a{ text-decoration:none;

}
a:hover{
	text-decoration:none;
}
p{
	font-size:0.9rem;
	line-height:1.6;
	font-weight:400;
	color:#222121;
	text-align: justify !important;
	}


header{
	width:100%;
	background-color:#FFF; 
	}
.b-brand img{
	max-height:100px;
}

.navbar-nav .nav-item .nav-link{ 
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
    color:#000 !important;	
	text-transform: uppercase;
	font-size: 12px !important;
	text-shadow: 0 !important;		
}

.navbar.fixed .navbar-nav .nav-item .nav-link{    
    color:#898989;	
}

.carousel-caption h1{
	text-shadow: 2px 2px 2px #000;
	font-weight:900; 
	text-transform: uppercase; 
	text-align: center; 
	font-size: clamp( 1.5rem, 6vw, 6vh);
}

.carousel-caption p{
	text-shadow: 1px 1px 1px #000; 
	color:#FFF; 
	font-size:30px; 
	text-transform: capitalize; 
	font-size: clamp( 0.5rem, 2.5vw, 2.5vh); 
	text-align: center !important;
}



.services-box, .product-box{	
   display: block;
    background-color:#E6FFEF ;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 30px;
	box-shadow: rgba(197,231,209, 0.4) 0px 2px 8px 0px;	
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.services-box:hover, .services-box:focus, .services-box:active{
	background-color:#005820;
	color:#FFF;		
}

.services-box h5, .services-box p{
	color:#000;
}

.services-box p{font-size: 12px;}

.services-box:hover > h5, .services-box:focus > h5{
	color:#FFF;
}
.services-box:hover > p, .services-box:focus > p{
	color:#FFF;
}


.spacial-offer .overly{
	position: absolute;
	top: 0;
	left: 0;
	
	
}

.services-box .icon-Spices{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Spices.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Spices, .services-box:focus > .icon-Spices, .services-box:active > .icon-Spices{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Spices-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}

.services-box .icon-Nuts{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Nuts.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Nuts, .services-box:focus > .icon-Nuts, .services-box:active > .icon-Nuts{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Nuts-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}


.services-box .icon-Rice{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Rice.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Rice, .services-box:focus > .icon-Rice, .services-box:active > .icon-Rice{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Rice-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}

.services-box .icon-Grains{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Grains.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Grains, .services-box:focus > .icon-Grains, .services-box:active > .icon-Grains{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Grains-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}

.services-box .icon-Herbs{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Herbs.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Herbs, .services-box:focus > .icon-Herbs, .services-box:active > .icon-Herbs{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Herb-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}

.services-box .icon-Gums{
	width: 143px;
	height: 100px;
	background:url("../images/icon/Gums.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
	margin-left: auto;
	margin-right: auto;
	
}

.services-box:hover > .icon-Gums, .services-box:focus > .icon-Gums, .services-box:active > .icon-Gums{
	width: 143px;
	height: 100px;
	background: url("../images/icon/Gums-White.png");
	background-repeat: no-repeat;
    background-size: 143px 100px;
}




.aboutus h2{
	font-weight:900; 
	text-transform: uppercase; 
	text-align: center; 
	font-size: clamp( 1.5rem, 6vw, 6vh);
}

.aboutus h2 span{
	color:#025323;
}

.aboutus h3{
	font-weight:700; 
	text-transform: uppercase; 
	text-align: center; 
	font-size: clamp( 0.8rem, 3.5vw, 3.5vh);
}

.aboutus h3 span{
	color:#025323;
	font-weight:800;
}


.aboutus h6{
	font-weight:700;  
	font-size: clamp( 0.5rem, 2.5vw, 2.5vh);
	color:#000;
	margin-top: 20px;
}



.aboutus ul{
	list-style: none;
	display: block;
}

.aboutus ul li i{
	font-weight:900;
	font-size: 17px;
}
.aboutus ul li{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight:700;
	color:#025323;
}


.highqualityservices{
	background: url("../images/hiquality.webp");
	background-repeat: no-repeat;
    background-size: cover;
}

.highqualityservices h2{
	font-weight:700; 
	font-size: clamp( 1.5rem, 6vw, 6vh);
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}

/*call btn*/

.btn-call {
    background: #025323 !important;
    border: 5px solid rgba(255,255,255,1.00);
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(235,97,26, 0.3);
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    /*position: fixed;
    right: 50px;
    bottom: 50px;*/
    z-index: 999;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
		text-decoration: none;
}

.btn-call__ico {
    display: flex;
    justify-content: center;
    align-items: center;
    /*animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;*/
    color: white;
    font-size: 30px;
    padding-top: 5px;
    /*transition: .3s all;*/
}

.btn-call:hover {
    background-color: #fff;
}

.btn-call:hover .btn-call__ico {
    color:#D5D5D5;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}
/* call close*/
.connect h4{
	font-size: clamp( 0.5rem, 2.5vw, 2.5vh);
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}
.connect h5{
	font-size: clamp( 0.8rem, 4vw, 4vh);
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}

.connect h6{
	font-weight:600; 
	font-size: clamp( 1.0rem, 5vw, 5vh);
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}

.four-indicators{
	background-color:#005820;
	color:#FFF;	
}

.four-indicators i{		
	font-size: 36px;
}

.four-indicators h3{
	font-weight:700; 
	font-size: 36px !important;
}

.four-indicators h4{
	font-size: 20px;
	text-shadow: none !important
}

.video-section{
	background: url("../images/video-section.webp");
	background-repeat: no-repeat;
    background-size: cover;
}

.video-section h3{
	font-size: clamp( 1.5rem, 6vw, 6vh);
	color:#FFF;
	font-weight:700;
}



.blog img{	
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}	
.blog span{
	background-color:#E6FFEF ;
	color:#005820;
	padding:5px 25px;
	border-radius: 15px;
	
}
.blog h5{
	margin-top: 10px;
	/*font-weight:600;
	font-size: clamp( 0.8rem, 4vw, 4vh);*/
}

/*.blog p{
	font-size: clamp( 0.5rem, 1.5vw, 1.5vh); 
}*/


/**** testimonial**/


.testimonial h6 {	
	text-align: center;
	text-transform: uppercase;	
	position: relative;
	margin: 25px 0 50px;
	font-size: clamp( 1.0rem, 5vw, 5vh);
	font-weight: 700;
}
.testimonial h6::after {
	content: "";
	width: 200px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background:#7FB98D;
	left: 0;
	right: 0;
	bottom: -10px;
}
.testimonial .carousel {
	/*width: 650px;*/
	margin: 0 auto;
	padding-bottom: 50px;
}
.testimonial .carousel .carousel-item {
	color:#000;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 340px;
}
.testimonial .carousel .carousel-item a {
	color: #eb7245;
}
.testimonial .carousel .img-box {
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
}
.testimonial .carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.testimonial .carousel .testimonial {	
	padding: 30px 0 10px;
}
.testimonial .carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.testimonial .carousel .overview b {
	color: #000;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.testimonial .carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.testimonial .carousel-control-prev, .testimonial .carousel-control-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background:#005820;
	text-shadow: none;
	top: 4px;
}
.testimonial .carousel-control-prev i, .testimonial .carousel-control-next i {
	font-size: 20px;
	margin-right: 2px;
}
.testimonial .carousel-control-prev {
	left: auto;
	right: 40px;
	
}


.testimonial .carousel-control-next i {
	margin-right: -2px;
}
.testimonial .carousel .carousel-indicators {
	bottom: 15px;
}
.testimonial .carousel-indicators li, .testimonial .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.testimonial .carousel-indicators li {	
	background: #000;
	border: none;
}
.testimonial .carousel-indicators li.active {		
	background: #005820;		
}

p.testimonial{
	font-size: 20px;
}



.spacial-offer img{
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}




.spacial-offer .overly span{
	background-color:#E6FFEF ;
	color:#005820;
	padding:5px 25px;
	border-radius: 15px;
	
}
.spacial-offer .overly h5{
	margin-top: 10px;
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
	font-weight:600;
	font-size: clamp( 0.8rem, 4vw, 4vh);
}

.spacial-offer .overly p{
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.newsletter{
	background-color:#E6FFEF ;
}

.newsletter .bg-whatsaap{
	width: 100%;
	background-color:#455a64;
	padding: 10px 25px;
	color: #FFF;
}

.newsletter .bg-whatsaap i{
	color:#49c858;
	font-size: 26px;
	padding: 10px;
}


.banner-overly h1{
	font-size: clamp( 1.5rem, 6vw, 6vh);
	font-weight:700;
}

.services-box .icofont-telephone, 
.services-box .icofont-envelope, 
.services-box .icofont-location-pin, 
.services-box .icofont-whatsapp, 
.services-box .icofont-eye-alt, 
.services-box .icofont-brand-target,
.services-box .icofont-business-man-alt-1,
.services-box .icofont-business-man-alt-2{
	color:#005820;
	font-size: 56px;
}

.services-box:hover .icofont-telephone, 
.services-box:hover .icofont-envelope, 
.services-box:hover .icofont-location-pin, 
.services-box:hover .icofont-whatsapp,
.services-box:hover .icofont-eye-alt, 
.services-box:hover .icofont-brand-target,
.services-box:hover .icofont-business-man-alt-1,
.services-box:hover .icofont-business-man-alt-2{
	color:#E6FFEF;
	font-size: 56px;
}

.services-box a{
	color:#000;
	font-size: 12px;
}
.services-box:hover a, .services-box:hover h5{
	color:#E6FFEF;
}

.background-none{
	background: none !important;
}


.bordof-director{
	background: url("../images/bordofdirectors.webp");
	background-repeat: no-repeat;
    background-size: cover;
}

.bordof-director{
	
}

.bordof-director h2{
	font-weight:700;  
	font-size: clamp( 1.5rem, 6vw, 6vh);
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}

.bordof-director p{
	/*font-size: clamp( 0.5rem, 2vw, 2vh);*/
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
}
.director-box{
	background:#FFF;
	border-radius: 15px;
	border: 1px solid rgba(163,163,163,0.6);
}
.director-box img{
	width: 150px;
	height: 150px;
	border:5px solid rgba(0,88,32,0.8);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.director-box h6{
	color:#000;
}

.director-box .heading{
	color:#005820;
	font-weight:700;  
}

.flag img{
	border:1px solid rgba(225,225,225,0.2);
}

.gallery-box{
	padding: 10px;
	background:#FFF;
	border:1px solid rgba(172,171,171,0.1);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 15px;
}	
.gallery-box img{	
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border:1px solid rgba(172,171,171,0.3);
	cursor: pointer;
}	







footer{
	background:#1D2228 !important;	
}
.sitemap h5{
	font-size: 20px;
	color: #BEBBBF;
}
.sitemap ul{
	list-style:none;
	
}
.sitemap ul li h5{
	font-size: 20px;
	color: #BEBBBF; 
}
.sitemap ul li a{
	font-size: 12px;
	color:#BEBBBF;
	text-transform: uppercase;	
}

.sitemap ul li a:hover{
	color: #606060;
}

.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}
.foot-copy, .developedby a{
    color:#BEBBBF !important;
	font-size: 12px;
}


.foot-copy{
    color:#BEBBBF !important;
	font-size: 12px;
}

.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}

.switch-version-1 {
    position: fixed;
    top:140px;
    right:50px;
    z-index: 1000;
}

.switch-version-1 p {
	width:49px;
	height:47px;
	position: absolute;

}

.switch-version-2 {
    position: fixed;
    top:200px;
    right:50px;
    z-index: 1001;
}

.switch-version-2 p {
	width:49px;
	height:47px;
	position: absolute;
	
    }