/* PRATIK CSS*/
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: Reborn;
  src: url(fonts/Reborn-PersonalUse.otf);
}
.font-helvetica {
	font-family: Helvetica, sans-serif;
}
.font-open-sans {
	font-family: Helvetica, sans-serif;
}
.font-exo {
	font-family: 'Exo 2', sans-serif;
}
.font-brush {
	font-family: Reborn;
}
.font-brush-1 {
	font-family: 'Heebo', sans-serif;
}

.displayinpc {
	display: block;
}
.displayinmobile {
	display: none;
}

@media (max-width: 767.98px) {
	.displayinpc {
		display: none;
	}
	.displayinmobile {
		display: block;
	}
}

body, html {
	font-size: 16px;
	font-family: Open Sans, sans-serif;
}
p {
	font-size: 16px;
}
.nopadding {
	padding:0;
}
.nomargin {
	margin:0;
}
.fontbold {
	font-weight: 600;
}
.fontitlaic {
	font-style: italic;
}
.back-black {
	background : #000;
}
.back-white {
	background : #fff;
}
.back-blue {
	background : #afcce8e6;
}
.back-normal-blue {
	background : #0d55a0;
}
.back-normal-green {
	background : #052606;
}
.back-h-blue {
	background : #005294;
}
.back-yellow {
	background: #ffe500;
}
.back-green {
	background : #052606;
}
.back-l-green {
	background : #2c5d11;
}
.back-light-green {
	background : #e0ff5c;
}
.back-l-gray {
    background: #efefef;
}
.border-right-css {
	border-right: 2px solid #000;
}
.color-h-blue {
	color : #005294;
}
.color-black {
	color : #000;
}
.color-white {
	color : #fff;
}
.color-gray {
	color : #666;
}
.color-yellow {
	color: #ffe500;
}
.color-blue {
	color : #0d55a0;
}
.color-h-blue {
	color : #005294;
}
.color-green {
	color : #052606;
}
.colordgray {
	color: #797d7e;
}
.color-red {
	color: #f52828;
}
.cfacebook {
	color: #3d5a96;
}
.ctwitter {
	color: #2aa3ef;
}
.cinstagram {
	color: #e42a8f;
}
.clinkedin {
	color: #007ab7;
}
.hcolordgray:hover, .hcolordgray:active, .hcolordgray:focus {
	color : #797d7e;
	transition: 0.3s;
}
.h-color-blue:hover, .h-color-blue:active, .h-color-blue:focus {
	color : #0d55a0;
	transition: 0.3s;
}
.h-color-h-blue:hover, .h-color-h-blue:active, .h-color-h-blue:focus {
	color : #005294;
	transition: 0.3s;
}
.h-color-green:hover, .h-color-green:active, .h-color-green:focus {
	color : #052606;
	transition: 0.3s;
}
.h-color-black:hover, .h-color-black:active, .h-color-black:focus {
	color : #000;
	transition: 0.3s;
}
.h-color-white:hover, .h-color-white:active, .h-color-white:focus {
	color : #fff;
	transition: 0.3s;
}
.h-color-gray:hover, .h-color-gray:active, .h-color-gray:focus {
	color : #666;
	transition: 0.3s;
}
.paddingten {
	padding:10px 0;
}
.paddingtwenty {
	padding:20px 0;
}
.img-css {
	width: 100%;
}
.nodec {
	text-decoration: none;
}
.nodec:hover, .nodec:focus, .nodec:active {
	text-decoration: none;
}
.dec {
	text-decoration: underline;
}
.dec:hover, .nodec:focus, .nodec:active {
	text-decoration: underline;
}
.smallfontcss {
	font-size: 14px;
}
.extrasmallfontcss {
	font-size: 12px;
}
.normalfont {
	font-size: 16px;
}
.mediumfont {
	font-size: 18px;
}
.hr-class-hw {
	width: 50%;
	border: 0.5px solid black;
}
.hr-class-fw {
	width: 100%;
	border: 0.5px solid black;
}
.hr-class-w-hw {
	width: 50%;
	border: 0.5px solid #fff;
}
.hr-class-w-fw {
	width: 100%;
	border: 0.5px solid #fff;
}
.box-shadow-css {
    box-shadow: 0 0 10px #00000055;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.title-css {
    font-size: 50px;
}
@media(min-width:200px){.title-msg-css {font-size: 80px;}}
@media(min-width:768px){.title-msg-css {font-size: 100px;}}
@media(min-width:1200px){.title-msg-css {font-size: 140px;}}
@media(min-width:1440px){.title-msg-css {font-size: 160px;}}
@media(min-width:1600px){.title-msg-css {font-size: 190px;}}
@media(min-width:1920px){.title-msg-css {font-size: 220px;}}

@media(min-width:200px){.title-hw-msg-css {font-size: 22px;}}
@media(min-width:768px){.title-hw-msg-css {font-size: 22px;}}
@media(min-width:1200px){.title-hw-msg-css {font-size: 30px;}}
@media(min-width:1440px){.title-hw-msg-css {font-size: 70px;}}
@media(min-width:1600px){.title-hw-msg-css {font-size: 75px;}}
@media(min-width:1920px){.title-hw-msg-css {font-size: 80px;}}
/* WEBSITE CSS */
#myDIV {
	display: none;
}
.centeralign {
	align-items: center;
}
.padsevencss {
	padding:7px;
}
li span.menu-css {
	font-size: 16px;
	color: #797d7e;
	text-transform: uppercase;
}
li span.menu-css i {
    font-size: 22px;
    margin: 0 5px;
}
span#marginfivecss i {
    font-size: 16px;
    margin: 0 5px;
}
#marginfivecss {
	cursor: pointer;
}
.bordercssss {
	border: 2px solid #797d7e;
}
#marginfivecss {
	margin-right: 5px;
	transition: .5s;
}
#myDIV a i {
	transition: visibility 0s, opacity 0.5s linear;
}
.myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  z-index: 1;
  width: 100%;
}
.pos-absolute-css {		
	position: absolute;
}
.img-top-css {
    width: 480px;
    padding: 80px;
}
.img-hw-top-css {
    width: 480px;
    padding: 38px 80px;
}
.title-msg-css {
    position: absolute;
    width: 100%;
    color: #fff;
    padding-top: 100px;
	text-shadow: 0 0 40px black;
}
.title-hw-msg-css {
	position: absolute;
	width: 100%;
	z-index: 99;
	color: #fff;
	padding: 15% 48% 15% 30px;
	text-shadow: 0 0 20px #0000006a;
}
.topbar-img-css {
	width: 200px;
	padding: 12px 0;
}
.main-bar-b-css {
	background: #ffe500;
	border: 0;
	text-transform: uppercase;
	padding: 5px 20px;
	font-weight: 500;
	color: #000;
	border-radius: 30px;
	margin-top: 20px;
}
.logocss {
	width: 220px;
}
.menu-css {
	font-size: 16px;
	font-weight: 600;
}
.li-menu-css {
	margin-right: 10px;
}
.box-menu-css {
    padding: 0px 25px !important;
    color: #fff;
    border-radius: 50px;
}
.main-top-box-css {
	background: url("img/ganga-main-box.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.menu-first-box-css {
	background: url("https://png.pngtree.com/thumb_back/fw800/back_our/20190619/ourmid/pngtree-food-overlooking-the-background-banner-image_138613.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.excellence-box-css {
	background: url("img/menu-box-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
.footer-box-css {
	background: url("https://expertphotography.com/wp-content/uploads/2020/06/diy-food-background-5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.overlay-css {
	background: #00000099;
}
.overlay-1-css {
	background: #000000cc;
}
.overlay-2-css {
	background: #00000077;
}
.overlay-3-css {
	background: #00000099;
}
.overlay-4-css {
	background: #000000ee;
}
a.nav-link.menu-css.f-color-black {
	color : #000 !important;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
	color: #052606 !important;
	text-transform: uppercase;
}
.button-css {
    margin: 5px 0;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 700;
	cursor: pointer;
}
.b-button-css {
    margin: 5px 0;
    background: #afcce8e6;
    color: #000;
    border: 2px solid #000;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 700;
	cursor: pointer;
}
.cust-top-pad-css {
	padding: 10% 0;
}
.cust-common-pad-css {
	padding: 60px 0;
}
.about-css {
	font-size: 30px;
}
.about-para-css {
	font-size: 16px;
	font-weight: 500;
}
.menu-para-css {
	font-size: 16px;
}
.menu-price-css {
	font-size: 22px;
	font-weight: bold;
}
.inside-padding-css {
	padding: 30px 54px;
}
.inside-b-padding-css {
	padding: 30px 30px 0;
}
.left-right-css {
	padding: 5px 20px;
}
.pad-twenty-css {
	padding: 20px 0 0 0 ;
}
.padbocss {
	padding: 15px;
}
.pad-five-css {
	padding: 5px;
}
.marquee-css {
	vertical-align: middle;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.z-index-top {
	z-index: 999;
}
.z-index-mid {
	z-index: 99;
}
.z-index-end {
	z-index: 9;
}
.box1-css {
    position: relative;
}
.box2-css {
    position: relative;
    top: -60px;
    right: -15px;
}
.box3-css {
    position: relative;
    left: -15px;
    top: -30px;
}
.box4-css {
    position: relative;
    top: -60px;
    right: -60px;
}
.testimonials-img-css {
	border-radius: 50%;
	width: 150px;
	margin: 20px 0 15px 0;
}
.pad-ten-css {
	padding: 10px;
}
.res-c-css {
	font-size: 36px;
	padding: 15px;
}
.copyright-footer {
	padding: 10px;
}
.image-top-css {
	width: 450px;
}
.cust-title-1-css {
	background : #fff;
	padding: 5px 0;
}
.cust-sub-menu-css {
    background: #fd6918;
    padding: 10px 0;
}
.carousel-inner img {
	width: 100%;
	height: 100%;
}
.carousel-caption {
    top: 50%;
	right: 50%;
	left: 7%;
	text-align: left;
    transform: translateY(-50%);
	bottom: initial;
	max-width: 800px;
	margin: auto;
}
.carousel-inner {
	border-radius: 20px;
}
.carousel-control-next, .carousel-control-prev {
	width: 6%;
}
.slider-title {
    font-weight: 600;
}
.slider-para {
    font-size: 16px;
}
div#demo {
    padding: 30px 0;
}
.hidden{
	display:none;
}
.border-top-min-css {
	border-top: 1px solid #ffffff22;
}
.c-para-css {
    font-size: 20px;
    background: #ffe500;
    border-radius: 100px;
    margin: 20px 0;
    padding: 15px 0;
	font-weight: 600;
}
.four-steps-css-numbers {
    font-family: 'Bungee', cursive;
    font-size: 100px;
    padding: 20px;
    width: 160px;
    height: 160px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
	margin: 15px auto;
}
.four-steps-css-text {
    font-size: 26px;
	font-weight: bold;
}
.four-boxes-css {
	background: #000000bb;
	padding: 20px 0;
}
.gallery-css {
	padding: 0 2px;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.margin-4px {
	margin-bottom: 4px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
	display: none;
	text-align: center;
	background: #000;
}
.imgmySlides {
	height: 98vh;
	width: auto;
	padding-top: 2vh;
}

.cursor {
  cursor: pointer;
}
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.big-font-css {
	font-size: 28px;
}
.img-transparent-shadow-css {
    filter: drop-shadow(2px 2px 3px #0000005a) drop-shadow(-2px -2px 3px #0000005a);
}
.back-one-g-css {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0) 100%);
	position: relative;
	top: -60px;
	z-index: 999;
}
.back-two-g-css {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(105,252,255,1) 25%, rgba(166,255,146,1) 57%, rgba(255,166,23,1) 100%);
}
.hrclass {
    padding: 30px;
    margin: 0;
	border: 0;
}
.img-abt-css {
    width: 100%;
}
#pos-f-css {
	position: fixed !important;
	z-index: 9999;
}
.top-margin-gap-css {
    padding-top: 76px;
}
.cust-pad-1-css {
	padding: 50px 0;
}
.img-r-css {
	width: 100%;
}
.img-rc-css {
	width: 80%;
}
.new-r-width-css {
	width: 50%;
}
.bt-gap-css {
	padding: 100px 0;
}
.bt-top-gap-css {
	padding-top: 100px;
}
.newtext {
    padding: 15px;
    margin-top: -52px;
    margin-left: -60px;
	max-width: 500px;
	z-index: 9999;
	font-family: Arial Black;
}
.newtext p{
    font-size: 20px;
}
.imgcssabc {
	width: 52px;
}
.custhrcss {
	margin: 5px 0;
}
.skew-c{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, #afcce8e6 50%);
}
.skew-coff{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, #efefef 50%);
}
.threeboxcss {
	background: #fff;
}
.threeboxcss p {
    font-size: 20px;
    text-align: center;
	padding: 15px 0;
}
.img3bcss {
	width: 100%;
}
.contacttitleback {
	background: url("img/contact.jpg");
	background-size: cover;
	background-position: bottom;
	padding: 24% 0px 0px 0px;
}
.cust-contact-head-css {
	padding: 20px;
	margin-right: 40%;
}
.contact-title-css {
	font-size: 42px;
	font-weight: bold;
}
.indtitleback {
	background: url("img/industries.jpg");
	background-size: cover;
	background-position: center;
	padding: 18% 0;
}
.textileback {
	background: url("img/textile.jpg");
	background-size: cover;
	background-position: center;
	padding: 13% 0;
}
.metalback {
	background: url("img/metal-recycling.jpg");
	background-size: cover;
	background-position: center;
	padding: 13% 0;
}
.rmsback {
	background: url("img/business-hydraulic-fluids-agri.jpg");
	background-size: cover;
	background-position: center;
	padding: 16% 0;
}
.plasticback {
	background: url("img/farm.jpg");
	background-size: cover;
	background-position: center;
	padding: 16% 0;
}
.servicesback {
	background: url("img/services.jpg");
	background-size: cover;
	background-position: center;
	padding: 16% 0;
}
.sustitleback {
	background: url("img/contact.jpg");
	background-size: cover;
	padding: 16% 0;
}
.rm-details-css {
	padding: 10% 0;
}
.border-bottom-css {
    border-bottom: 1px solid #797d7e29;
}
.sus-title-css {
	font-size: 55px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 10px #000000d4, 0 0 30px #000000d4, 0 0 80px #000000d4;
}
.sus-stitle-css {
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 10px #000000d4, 0 0 30px #000000d4, 0 0 80px #000000d4;
}
.tab-but-css {
    width: 19.6%;
    padding: 17px 0;
	color: #797d7e;
    display: inline-block;
    border-bottom: 3px solid #797d7e7a;
    cursor: pointer;
}
.tab-but-css:hover {
	border-bottom: 6px solid #797d7e7a;
    padding: 14px 0;
}
.tab-but-css i {
	font-size: 50px;
}
.focusred p{
	color: #0d55a0;
}
.focusred i{
	color: #0d55a0;
}
.focusred {
    border-bottom: 6px solid #0d55a0;
    padding: 14px 0;
}
.focusred:hover {
    border-bottom: 6px solid #0d55a0 !important;
    padding: 14px 0;
}
.tabcontent {
	padding: 20px 5px;
}
.titletabhead {
	font-size: 24px;
}
.tabcontentimg {
	width: 100%;
}
.buttoncss {
	background: #fff;
	border: 0;
	font-weight: bold;
	color: #0d55a0;
	font-family: 'Exo 2';
	padding: 5px 20px;
	box-shadow: 2px 2px 6px #0d55a0c4;
}
.cs-four-box {
	padding: 5px;
	margin-bottom: 5px;
}
.cs-four-box i {
    font-size: 140px;
}
.cspadcss {
	padding: 20px;
}
.cs-f-b-text {
    padding: 15px 0;
    font-size: 20px;
    vertical-align: middle;
}
.cust-about-1css {
    max-width: 550px;
    padding: 60px;
}
.skewa {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skewa:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #89c4ee;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skewpp {
	position: relative;
	padding: 60px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skewpp:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #d0d5db;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skewtex {
	position: relative;
	padding: 60px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skewtex:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #acd2ff;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skewmet {
	position: relative;
	padding: 60px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skewmet:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #777779;
	border-bottom: 1px solid #e2e2e2;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skew {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid #e2e2e2;
}
.skew:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #82d1ba;
	border-bottom: 1px solid #82d1ba;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , -4deg );
	transform: skew( 0deg , -4deg );
}
.skew2 {
	position: relative;
	padding: 100px 60px 40px 60px;
	border: 1px solid 82d1ba;
}
.skew2:after {
	content: '';
	height: 46px;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -25px;
    background: #ffeb78;
	border-bottom: 1px solid #ffeb78;
    -moz-transform: skew(0deg,4deg);
    -ms-transform: skew(0deg,4deg);
    -webkit-transform: skew( 0deg , 4deg );
	transform: skew( 0deg , 4deg );
}

.rightcontentcss1 {
	background: #0d55a0c4;
	position: absolute;
	bottom: -40px;
	max-width: 600px;
	min-width: 400px;
    padding: 15px;
	left: 70%;
}
.rightcontentcss1 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}

.rightcontentcss2 {
	background: #e8e8e8db;
	position: absolute;
	bottom: -40px;
	max-width: 664px;
	min-width: 432px;
    padding: 15px;
	left: 70%;
}
.rightcontentcss2 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}
.hidden{
	display:none;
}
.toggletitle-css {
	padding: 20px 0;
	font-size: 30px;
}
.toggledivcss {
	background: #b7d1ea;
	cursor: pointer;
	padding: 10px 20px;
	margin-bottom: 15px;
	color: #000;
	border: 1px solid #0000003b;
}
.boxarrow {
	position: absolute;
	right: 32px;
}
.rightcontentcss3 {
	background: #0d55a0a1;
	position: absolute;
	bottom: -40px;
	max-width: 600px;
	min-width: 469px;
    padding: 15px;
	left: 70%;
}
.cognito .c-forms-form input[type=text], .cognito .c-forms-form input[type=password], .cognito .c-forms-form textarea, .cognito .c-forms-form select {
	padding: 8px 12px !important;
	box-shadow: 2px 2px 2px #0d55a081 !important;
	background: #b7d1ea;
}
.rightcontentcss3 p {
    padding: 10px 20px;
    font-size: 18px;
	font-weight: 600;
}
.custfonto {
	font-size: 22px !important;
	font-weight: bold !important;
}
.cust-big-pad-css {
	padding: 300px 0;
}
.cusmaxwidthcss {
    max-width: 800px;
    padding: 24px;
}
.back-ind-css {
	background: url("img/industry.jpg");
	background-size: cover;
}
.back-about-css {
	background: url("img/about.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-plastic-css {
	background: url("img/plastics.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-rm-details-css {
	background: url("img/rms.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-textile-css {
	background: url("img/textiles.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-metal-css {
	background: url("img/metal-recycling.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-shredding-css {
	background: url("img/shredding.jpg");
	background-size: cover;
	background-position-x: center;
}
.back-sus-css {
	background: url("img/sustainability.jpg");
	background-size: cover;
	background-position: center;
}
.back-paper-css {
	background: url("img/shredding.jpg");
	background-size: cover;
	background-position: center;
	padding: 100px 0;
}
.cust-common-pad12-css {
	padding-top : 46px;
	padding-bottom: 120px;
}
.cust-common-ind-css {
	padding-top : 46px;
	padding-bottom: 120px;	
}
.paddingtwentyccss {
	padding: 20px;
}
.back-trans-black	 {
	background: #fff8;
}
.back-trans-white	 {
	background: #ffffffdd;
}
.cust-padding-s-css {
	padding: 30px;
}
.papertextcss {
	padding: 10px 0;
	margin-bottom: 10px;
	background: #b7d1ea;
	color: #000;
	border: 1px solid #81a8ce;
}
.padding-bottom-thirty {
	padding: 0 0 40px 0;
}
.cusmaxwidthcss {
	max-width: 800px;
}
.svgcolor {
	width: 44px;
	margin-right: 6px;
	filter: invert(1) sepia(0) saturate(0) hue-rotate( 0deg );
}
.svgcolor1 {
	width: 44px;
	margin-right: 6px;
	filter: invert(24%) sepia(82%) saturate(1318%) hue-rotate(186deg) brightness(96%) contrast(94%);
}
.pagetitlecss {
	font-size: 36px;
	font-weight: 600;
	text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 60px #fff;
}
.cust-internalw {
	width: 80%;
	padding: 0px 20px;
	margin:auto;
}
.cust-internalpage-pad-css {
	width:80%;
	margin:auto;
	padding: 40px 20px;
}
.ind-box-head-css {
	font-size: 24px;
	font-weight: 600;
}
.ind-box-img-css {
	width: 100%;
}
.ind-box-css {
	margin-bottom: 40px;
}
.ind-box-text-css {
    padding: 10px 15px;
}
.ind-box-css {
    margin-bottom: 40px;
	background: #fff;
    box-shadow: 0 0 10px #00000026;
}
.contact-formcss {
	padding: 20px 0;
}
.cust-line-heights {
	line-height: 30px;
}
.readmorebutcss {
	background: white;
	font-size: 18px;
	font-weight: 700;
	border: 0;
	padding: 5px 20px;
	box-shadow: 3px 3px 5px #0d55a0;
	margin-top: 15px;
}
.toggledivcss div {
	margin-top: 20px;
}
.font-bold {
    font-weight: 600;
}
.quotecss {
    font-size: 22px;
    max-width: 600px;
    margin: auto;
    text-align: center;
}
.quote-sign-css {
    margin-top: 21px;
}
.imgpcss {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
}
.topnav {
	overflow: hidden;
	background-color: #052606;
	display: flex;
	justify-content: center;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
    border: 1px solid #00000000;
}
.topnav a:hover {
    background-color: #fff;
    color: #052606;
    border: 1px solid;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.productimgcss {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.producttitlecss {
    font-weight: 600;
    color: white;
    background: #052606;
    padding: 10px 5px;
    vertical-align: middle;
    height: 70px;
	margin-bottom: 0;
	font-size: 21px;
    text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.productparacss {
    font-size: 18px;
    color: #e0ff5c;
	margin: 0;
	padding: 15px;
}
.products-tab {
    background: #2c5d11;
    box-shadow: 0 0 10px #00000040;
    border-radius: 10px;
	margin-bottom: 20px;
}
.main-category-title {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    background: #052606;
    padding: 20px;
	margin: 0;
}
.main-category-div {
	margin: 30px 0;
}
.main-category-para {
    margin: 0;
    background: #2c5d11;
    padding: 15px;
	color: #e0ff5c;
}
.sub-category-div {
    border-left: 5px solid #052606;
	margin: 30px 0;
}
.sub-category-title {
    font-size: 26px;
    font-weight: 600;
    color: #052606;
    padding: 10px 10px 0;
    margin: 0;
}
.sub-category-para {
    margin: 0;
    padding: 5px 10px 10px;
}
.logo-abt-css {
    width: 100%;
}
.about-div-css {
    padding: 50px 0;
}
.abt-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
	margin-bottom: 15px;
}
.abt-para {
    font-size: 18px;
    color: #e0ff5c;
	margin-bottom: 0;
}
.contact-main-title {
    font-size: 32px;
    font-weight: 700;
    color: #052606;
	border-bottom: 2px solid #052606;
	margin-bottom: 20px;
}
.contact-div {
    padding: 50px 0;
}
.contact-para {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}
.footer-css {
	padding: 10px 0;
}
.footer-para {
	color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 8px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
@media (max-width: 1440px) {
	.logocss {
		width: 200px;
	}
	.menu-css {
		font-size: 13px;
		font-weight: 600;
	}
	.topnav a {
		font-size: 12px;
	}
}
@media (max-width: 768px) {
	.logocss {
		width: 180px;
	}
	.carousel-caption {
		top: 0;
		right: 0;
		left: 0;
		text-align: left;
		transform: none;
		bottom: initial;
		max-width: 800px;
		margin: auto;
		position: relative;
		padding: 20px 15px;
		background: #052606;
		z-index: -9;
		min-height: 200px;
	}
	.main-category-title {
		font-size: 22px;
	}
	.slider-title {
		font-size: 22px;
	}
	.sub-category-title {
		font-size: 22px;
	}
	.productparacss {
		font-size: 16px;
	}
	.logo-abt-css {
		margin-bottom: 15px;
	}
	.abt-title {
		font-size: 22px;
	}
	.abt-para {
		font-size: 16px
	}
	.contact-main-title {
		font-size: 22px;
		margin: 15px 0;
	}
	.contact-para {
		font-size: 16px;
	}
	.contact-div {
		padding: 30px 0;
	}
	.main-category-div {
		margin: 18px 0;
	}
	.sub-category-div {
		margin: 18px 0;
	}
	.topnav {
		overflow: hidden;
		background-color: #052606;
		display: block;
		padding: 8px 0;
	}
	.topnav a {
		font-size: 18px;
		padding: 5px 16px;
	}
	.toggletitle-css {
		padding: 20px 0;
		font-size: 24px;
		margin-top: 15px;
	}
	.cust-big-pad-css {
		padding: 40px 0;
	}
	.cust-internalw {
		width: 100%;
		margin:auto;
	}
	.cust-internalpage-pad-css {
		width:100%;
		margin:auto;
		padding: 25px 15px;
	}
	.skew:after {
		height: 42px;
	}
	.skew2:after {
		height: 42px;
	}
	 .m-nopadding {
		 padding: 0px;
	 }
	.indtitleback {
		padding: 100px 0 100px;
	}
	.plasticback {
		padding: 100px 0 100px;
	}
	.textileback {
		padding: 100px 0 100px;
	}
	.metalback {
		padding: 100px 0 100px;
	}
	.contacttitleback {
		background: url("img/contact.jpg");
		background-size: cover;
		background-position: right;
		padding: 180px 0 0px;
		text-align: center;
	}
	.contact-title-css {
		font-size: 36px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0 0 10px #000000aa;
	}
	.cust-contact-head-css p.mediumfont {
		color: #fff;
		font-size: 16px;
		text-shadow: 0 0 10px #000000aa;
	}
	.cust-contact-head-css {
		padding: 20px;
		margin-right: 0;
	}
	.sus-title-css {
		font-size: 38px;
	}
	.sus-stitle-css {
		font-size: 26px;
	}
	.sustitleback {
		padding: 100px 0 100px;
	}
	.tab-but-css {
		width: 48.6%;
		padding: 10px 0;
		color: #797d7e;
		display: inline-block;
		border-bottom: 3px solid #797d7e7a;
		cursor: pointer;
	}
	.tabcontent {
		padding: 20px 20px;
	}
	.tab-but-css i {
		font-size: 26px;
	}
	.tabcontent {
		padding: 33px 20px;
		margin-top: 30px;
		background: #e6e6e6;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0px 0 10px 0;
	}
	.cust-common-pad12-css {
		padding-top: 45px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.cust-common-ind-css {
		padding-top: 45px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.rightcontentcss1 {
		background: #0d55a0a1;
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.rightcontentcss2 {
		background: #eaeaeabf;
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.rightcontentcss3 {
		background: #0d55a0a1;
		position: relative;
		bottom: 0;
		max-width: 0;
		min-width: 100%;
		padding: 15px;
		left: 0;
	}
	.tab-but-css:hover {
		border-bottom: 6px solid #797d7e7a !important;
		padding: 7px 0;
	}
	.focusred {
		border-bottom: 6px solid #0d55a0;
		padding: 7px 0;
	}
	.focusred:hover {
		border-bottom: 6px solid #0d55a0 !important;
		padding: 7px 0;
	}
	.menu-css {
		font-size: 16px;
		font-weight: 200;
	}
	.m-nopadding {
		padding: 0;
	}
	.threeboxcss p {
		margin-bottom: 20px;
	}
	.border-right-css {
		border-right: 0px;
	}
	.inside-padding-css {
		padding: 20px;
	}
	.newtext {
		padding: 15px;
		margin-top: 0;
		margin-left: 0;
		max-width: 500px;
		z-index: 9999;
		font-family: Arial;
		font-weight: bold;
	}
	.imgcssabc {
		width: 37px;
	}
	.newtext p {
		font-size: 16px;
	}
	.main-bar-b-css {
		background: #ffe500;
		border: 0;
		text-transform: uppercase;
		padding: 5px 10px;
		font-weight: 500;
		color: #000;
		font-size: 15px;
		border-radius: 30px;
		margin-top: 28px;
		position: absolute;
		right: 10px;
		top: -77px;
	}
	ul.ul-menu-css.navbar-nav.ml-auto {
		background: #052606;
		padding: 15px 20px;
		border-radius: 5px;
		align-items: baseline;
	}
	.padsevencss {
		background: #fff;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #fff !important;
	}
	.menu-css {
		color: #000 !important;
		font-weight: 600;
	}
	.topbar-img-css {
		width: 150px;
	}
	.half-width-css {
		width: 50%;
		padding: 3px;
	}
	.four-steps-css-numbers {
		font-size: 54px;
		width: 100px;
		height: 100px;
	}
	.four-steps-css-text {
		font-size: 19px;
	}
	.c-para-css {
		font-size: 16px;
		padding: 5px 5px 7px;
		vertical-align: middle;
	}
	.marquee-css {
		font-size: 16px;
	}
	.about-css {
		font-size: 26px;
		margin-top: 15px;
	}
	.carousel-caption h1 {
		font-size: 24px;
	}
	.button-css {
		margin: 15px;
		background: #b0d290b8;
		color: #fff;
		border: 2px solid #fff;
		padding: 2px 10px;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}
	.navbar-light .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(61,61,61,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar-light .navbar-toggler {
		border-color: #3d3d3d;
	}
	ul.displayinmobile.ul-menu-css.navbar-nav.ml-auto {
		background: #ffe500;
		padding: 5px 15px;
		margin: 15px 0;
		border-radius: 7px;
	}
	.m-menu-title-css {
		font-size: 16px;
		font-weight: bold;
	}
	.cust-but-css {
		display: inline-block;
	}
	li.nav-item.li-menu-css.box-menu-css {
		padding: 0px 17px !important;
		color: #fff;
		border-radius: 50px;
		display: inline-block;
		margin: 0;
	}
	.m-menu-para-css {
		font-size: 15px;
	}
	.m-sub-menu-title-css {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
	}
	.menu-cust-s-menu-css {
		background: #ffba89;
	}
	.m-menu-main-t-css {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding: 10px 0px;
	}
	.m-twenty-pad-css {
		padding: 20px;
	}
	.m-menu-main-h-css {
		font-size: 24px;
		font-weight: bold;
	}
	.left-menu-css {
		width: 80%;
	}
	.right-menu-css {
		width: 20%;
		text-align: right;
	}
	
	.pos-absolute-css {		
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.m-menu-back {
		background: url("img/m-menu-box.jpg");
		background-attachment: fixed;
		background-size: contain;
		background-repeat: repeat;
		background-position: center;
	}
	.myVideo {width:100%;}
	.img-top-css {
		width: 300px;
		padding: 30px 0;
	}
	.top-margin-gap-css {
		padding-top: 65px;
	}
	.title-hw-msg-css {
		padding: 25px 20px;
	}
}