@charset "utf-8";
/* CSS Document */

.main-table{ font-family: 'Poppins', sans-serif; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;}
.process-section-two{
	position: relative;
	padding: 90px 0 20px;
}

.process-section-two .title-box{
	position: relative;
	text-align: center;
	margin-bottom: 80px;
	letter-spacing: 1px;
}
.process-section .sec-title h2{
    color: #fff
}
.ic-pro{
	margin-bottom:15px;
	text-align: center;
}
.ic-pro img{
	border: 1px dashed #b3b0b0;
    padding: 5px 10px;
}
.process-section-two .title-box .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #f26b35;
	font-weight: 400;
}
.process-section-two .title-box .text a{
    color:#3385b6;
}

.process-block-two{
	position: relative;
	margin-bottom: 70px;
}

.process-block-two:last-child{
	margin-bottom: 0;
}

.process-block-two .inner-box{
	position: relative;
	padding-bottom: 70px;
	border-bottom: 1px solid #f0f7f2;
}

.process-block-two:last-child .inner-box{
	border-bottom: 0;
}

.process-block-two .image-column{
	position: relative;
}

.process-block-two .image-column .inner-column{
	position: relative;
}

.process-block-two .image-column .image-box{
	position: relative;
	display: inline-block;
	height: 130px;
}

.process-block-two .image-column .image-box img{
	display: inline-block;
	max-width: 80%;
	height: auto;
	/*border-radius: 50%;*/
}

.process-block-two .image-column .process-img-one img{
	display: inline-block;
	max-width: 90%;
	height: auto;
	/*border-radius: 50%;*/
}


.process-block-two .image-column .image-box:before{
	position: absolute;
	right: -150px;
	top: 15px;
	height: 49px;
	width: 107px;
	background-image: url(Image/gray-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.process-block-two .style-two .image-column .image-box:before{
	position: absolute;
	right: -150px;
	top: 15px;
	height: 49px;
	width: 107px;
	background-image: url(Image/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.process-block-two .style-three .image-column .image-box:before{
	position: absolute;
	right: 200px;
	top: 15px;
	height: 49px;
	width: 107px;
	background-image: url(../images/icons/arrows.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	transform: rotateY(180deg);
}
.process-block-two .style-four .image-column .image-box:before{
	position: absolute;
	right: 200px;
	top: 15px;
	height: 49px;
	width: 107px;
	background-image: url(../images/gray-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	transform: rotateY(180deg);
}
.img-bs:before{
    background-image:none !Important;
}
.process-block-two .image-column .image-box .count{
	position: absolute;
	right: -170px;
	top: 70px;
	font-size: 18px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 400;
	height: 35px;
	width: 35px;
	border-radius: 20px;
	content: "";
	background-color: #297e3f;
	text-align: center;
}

.process-block-two .content-column{
	position: relative;
}

.process-block-two .content-column .inner-column{
	position: relative;
	/*padding-top: 70px;*/
}

.process-block-two .content-column .icon-box{
	position: relative;
	margin-bottom: 18px;
}

.process-block-two .content-column .icon-box .icon{
	position: relative;
	font-size: 70px;
	color: #f26b35;
	font-weight: 400;
	line-height: 1em;
}

.process-block-two .content-column h4{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 16px;
}

.process-block-two .content-column h4 a{	
	color: #222222;
	display: inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.process-block-two .content-column h4 a:hover{	
	color: #f26b35;
}

.process-block-two .content-column .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #fdfeff;
	font-weight: 400;
	margin-bottom: 10px;
}
.process-block-two .content-column .text_sub{
    position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 700;
}
.process-block-two .content-column .text_description{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
}
/*=== Style Two ===*/
.process-block-two.style-two .image-column{
	order: 12;
	text-align: right;
}

.process-block-two.style-two .image-column .image-box:before{
	left: -103px;
	right: auto;
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.process-block-two.style-two .image-column .image-box .count{
	right: auto;
	left: -130px;
}
.process-title{
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
    
}
.process-title h2{
    font-weight: 500;
}
.process-title span{
    color:#f26b35;
}

.main-heading{ font-weight:bold; Font-size: 24px; color:#0b9f63; text-align:left; line-height:30px; border-bottom:1px #ccc solid; margin-bottom:10px; padding-bottom:15px;}

.sub-heading{ font-weight:bold; Font-size:19px; color: #0b9f63; line-height:30px; text-align:left; margin:0;}

.team-title{ font-weight:bold; Font-size:16px; color:#222; line-height:30px; text-align:left;}

.RadDock .rdContent{ font-family: Poppins !important; }
.test-list {
    color:white;
    list-style: auto;
}
.test-list p{
    font-size: 13px;
}
.test-list h3{
    font-size: 16px;
    margin-top: 10px;
}
.test-list li{
	margin-bottom:40px;
	border-bottom:1px white dashed;
}
#HomepagecontentControl #HomepagecontentControl_C table{ margin-top: 0 !important;}
#FooterrControl1_tr_hitCounter{Padding-Top: 0 !important;}

#widgetsControl, #widgetsControl_C{ height:100% !important;}
#widgetsControl table, #widgetsControl td{ height:100% !important;}
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#HeaderControl{ height: 80px;
    float: Left;
    padding:0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top:0;
    z-index: 999;
    width:35%;
    background: transparent;
    text-align: center;}
	

#MenuControl{ height: 80px; float: Right; margin-bottom: 0; padding:0; transition: 0.5s; position: absolute; right: 0; top:0; z-index: 999; width: 65%; background: transparent; }	

.body-fx #HeaderControl{ top: 0; float: Left; position: fixed;  left:0;  width: 35%; background: rgba(0,0,0,0.98); text-align: left; transition: 0.5s; height: 80px;}
.body-fx #HeaderControl, .body-fx #HeaderControl_c { height: 90px !important}
.body-fx #HeaderControl header img { width: 220px}

.body-fx #MenuControl{ top: 0; float: Right; position: fixed; right: 0; width: 65%; background: rgba(0,0,0,0.98); transition: 0.5s; height: 80px;}

.body-fx #MenuControl .nav-link{font-weight: 600;color: #020202 !important;}
/*	
center #form1 #HeaderControl,
center #form1 #MenuControl{ background: #6c773b; height:80px;}
*/
center #form1 #HeaderControl{ width: 35%;}
center #form1 #MenuControl{ width: 65%;}

.body-fx center #form1 #HeaderControl{ margin-left:0; width: 35%;}
.body-fx center #form1 #MenuControl{ margin-right: 0px; width: 65%;}

center #form1 #HomepagecontentControl{ padding-top:20px; padding-bottom:0;}

.inner-banner{background-image: url(image/Products-banner.png);background-size: cover;padding: 200px 0px 180px 0px;margin-top: 0;background-repeat: no-repeat;background-position: bottom;}
.inner-banner h1 { color: #fff; font-size:30px; font-weight: 600; margin:0; text-align:center;}
.inner-banner h1 span {color: #fdfeff;font-size: 32px;}
.inner-banner h3 { color: #00a0e3; font-size:17px; font-weight: 500; margin:0; text-align:center;}
.about-banner{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.contact-banner{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.product-banner{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.WhyChoose-banner{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.conclusion-banner{background-image: url(image/internal-banner.jpg); background-size: cover;}
.section-bg{
    background: white;
    padding: 5px 10px !important;
    box-shadow: 1px 1px 7px #dcd1d1;
    margin-bottom:20px !important;
}
.section-bg h2{
	font-size: 15px !important;
	text-align: center!important;
}
.certificate{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.quality-control{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.Testimonials{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.Company-profile{ background-image: url(image/internal-banner.jpg); background-size: cover;}
.dehydrated-garlic{background-image: url(image/internal-banner.jpg); background-size: cover;}
/*nav-bar*/
#MenuControl{ font-family: baloo !important; }
.dropdown-toggle{ position:relative;}
.nav-item ul li .dropdown-toggle::after{ position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{ background-color:transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{ /*background-color:#000 !important;*/ color:#6ea820 !important;}

.nav-link{/* font-weight: 400; */color: #fff !important;font-size: 14px;font-family: baloo !important;text-transform: uppercase;}
.nav-fill{width: 100%;margin-left: -10px;}
.navbar-brand{ margin:0;}
.RadGrid_Default .rgHoveredRow{ background:#000 !important;}
.navbar-toggler{ background: #fff;}
#form1 center #MenuControl .nav-link{color: #222;}

.navbar-expand-md .navbar-nav .dropdown-menu{ background-color: #000 !important;}
.navbar-expand-md .navbar-nav .dropdown-menu a{ color: #fff !important;}

/*nav-bar*/
.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;border: 0; padding:0;
}

/*fix menu*/
@media (min-width: 991px){
	
#HeaderControl{ transition:.3s; position: absolute; left: 0; top:0; z-index: 9;} 
#MenuControl{ transition:.3s; position: absolute; top: 0;right: 0;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{ background: transparent !important;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed;top:0;height:70px;transition:.3s;z-index: 9;background: rgb(253 254 255);}

.body-fx #HeaderControl{width:35%; float:left; left:0;}
.body-fx #MenuControl{width:65%; float:right; right:0;}

}

@media (max-width: 767px){
#MenuControl, #MenuControl_C{ height: inherit !important;}	
	
#MenuControl .bg-light{ background-color: #000 !important; height: inherit;}
.nav-fill{ width: 100% !important; margin-left: 0 !important;}
.navbar.navbar-expand-md{ text-align:center;}
.navbar.navbar-expand-md .container-fluid{ display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{ text-align:left;}
.nav-item ul li .dropdown-toggle::after{ transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after { position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{ font-size: 14px; padding-right: 5px; padding-left: 5px;}

#HeaderControl{ width: 100% !important; float: inherit; position: relative;}
.body-fx #HeaderControl{width: 100% !important;background: #fff;}
#MenuControl{ width: 100% !important; float: inherit; position: relative;}
.body-fx #MenuControl{ width: 100% !important; top: 85px;}
.body-fx #MenuControl .nav-link {
    font-weight: 600;
    color: #ffffff !important;
}
center #form1 #HeaderControl{ width: 100% !important;}
center #form1 #MenuControl{ width: 100% !important;}
.navbar-toggler{ background-color: #fff !important;}

.body-fx center #form1 #HeaderControl{width: 100% !important;background: #fff;}
.body-fx center #form1 #MenuControl{width: 100% !important; top: 86px;}


.offset-4{ margin-left: 0 !important;}
.offset-3{ margin-left: 0 !important;}

.product-gallery .prod1{ margin: 5px 10% !important;}

.carousel-caption{ bottom: 5% !important;}
.carousel-caption h1{ font-size: 24px !important; line-height: 30px !important;}

.carousel-caption .move5 img{ width:150px;}
.carousel-caption .move4 img{ width:130px;}
.carousel-caption .move2 img{ width:120px;}
.carousel-caption .move3 img{ width:120px;}

footer .footer-lft, footer .footer-rht{ text-align: left !important;}

.product-tab .nav-pills{ margin-left: 0 !important;}

.inner-banner{ padding: 100px 0px 100px 0px !important;}


}
    
@media (max-width: 600px){	
.home-section h2{ font-size: 24px !important; line-height: 30px !important;}	
.WhyChoose h2{ font-size: 24px !important; line-height: 30px !important;}	
.heading-title{ font-size: 24px !important;}	
.product-tab .nav-pills .nav-link{ font-size: 12px !important;}
	
footer{ padding: 20px !important;}	

    
    
}


#HeaderControl, #HeaderControl_C { height: 100px !important;}