/* CSS Document */

/*============ Default Css Start ============*/

html,
body { 
	height:100%;
}
* {
	margin:0;
	padding:0;
}
body {
	font-family: 'General Sans';
	font-size:24px;
	color:#101010;
	font-weight:400;
	background:#FFFFFF;
	margin:0;
	padding:0;
}
li, ul, ol {
	list-style:none;
	margin:0;
	padding:0;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a, button, input[type=submit] {
	outline:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
:focus {
	outline:none;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, p {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
.clear {}
.clear:before,
.clear:after {
	content:"";
	display:table;
}
.clear:after { 
	clear:both; 
}
input, textarea {
	outline:none !important;
}
::-webkit-input-placeholder {
	color:inherit;
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit;
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}

#wrapper {
	width:100%;
	position:relative;
}

/*============ Default Css End ============*/

/*============ Bootstrap Class Overwriter CSS Code Start ============*/

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-left:15px;
	padding-right:15px;
}
.row {
	margin-left:-15px;
	margin-right:-15px;
}
.row > * {
	padding-left:15px;
	padding-right:15px;
}
.row.g-0 {
	margin-left:0px;
	margin-right:0px;
}
.row.g-0 > * {
	padding-left:0px;
	padding-right:0px;
}

@media (min-width:576px){
	.container {
		max-width:100%;
	}
}
@media (min-width:768px){
	.container {
		max-width:720px;
	}
}
@media (min-width:992px){
	.container {
		max-width:960px;
	}
}
@media (min-width:1200px){
	.container {
		max-width:1170px;
	}
}
@media (min-width:1300px){
	.container {
		max-width:1270px;
	}
}

/*============ Bootstrap Class Overwriter CSS Code End ============*/

/*============ Common Style Start ============*/

/*-Button-Style Start-*/
.btnbox { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.button { width:auto; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; font-family: 'General Sans Variable'; font-family: 'General Sans'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:500; line-height:1; background:none; border:none; border-radius:0px; box-shadow:none; outline:none; cursor:pointer; margin:0px; padding:0px;}
.button .btn-arrow { width:60px; height:60px; position:relative; display:block; background:#FF0000; margin:0 0 0 20px;}
.button .btn-arrow:after { content:""; width:24px; height:16px; background:url(../images/btn-arrow.svg) center center no-repeat; position:absolute; top:50%; left:50%; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; margin:-8px 0 0 -12px;}
.button:hover { color:#101010;}
.button:hover .btn-arrow:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/*-Button-Style End-*/

/*-Elements-Style Start-*/
.h1, h1 { font-family: 'General Sans'; font-size:72px; color:#101010; font-weight:700; line-height:1; margin:0px; padding:0px;}
.h2, h2 { font-family: 'General Sans'; font-size:48px; color:#101010; font-weight:400; line-height:1.3; margin:0px; padding:0px;}
.h3, h3 { font-family: 'General Sans'; font-size:30px; color:#101010; font-weight:400; line-height:1.2; margin:0px; padding:0px;}
.h4, h4 { font-family: 'General Sans'; font-size:28px; color:#101010; font-weight:400; line-height:1.2; margin:0px; padding:0px;}
.h5, h5 { font-family: 'General Sans Variable'; font-size:16px; color:#FF0000; text-transform:uppercase; font-weight:500; line-height:1; margin:0px; padding:0px;}
.h6, h6 { font-family: 'General Sans'; font-size:20px; color:#101010; font-weight:400; line-height:1.2; margin:0px; padding:0px;}
p { font-family: 'General Sans'; font-size:24px; color:#101010; font-weight:400; line-height:1.3; margin:0px; padding:0px;}
strong, b { font-family: 'General Sans'; font-weight:700;}
/*-Elements-Style End-*/

/*-Flexbox-Style Start-*/
.flxrow {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.flxfix {
	-ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
}
.flxflexi {
	-ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:1;
    flex-shrink:1;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    position:relative;
}
/*-Flexbox-Style End-*/

/*-Pointer-Cursor Style Start-*/
.pointer-cursor { width:120px; height:120px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#FF0000; border-radius:50%; opacity:0; visibility:hidden; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:99; pointer-events:none;}
.pointer-cursor .pointer-cursor-label { width:100%; display:block; font-family: 'General Sans Variable'; font-size:16px; color:#FFFFFF; text-transform:uppercase; font-weight:500; text-align:center; line-height:1; margin:0px; padding:0px 10px;}
/*-Pointer-Cursor Style End-*/

/*============ Common Style End ============*/

/*============ Header Start ============*/

.header { width:100%; position:relative;}
.header-wrapper { width:100%; position:fixed; top:0px; left:0px; z-index:999; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.header-wrapper.header-sticky { background:#FFFFFF; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.10);}
.header-block { width:100%; height:120px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; padding:15px 60px;}
.logo { width:auto; position: relative; z-index: 10000; }
.logo .logo-image { width:100%; position:relative; display:block;}
.logo .logo-image img { max-width:160px; max-height:80px; display:block; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.logo .logo-image img.logo-default { opacity:1; visibility:visible;}
.logo .logo-image img.logo-sticky { opacity:0; visibility:hidden; position:absolute; top:0px; left:0px; z-index:1;}
.header-sticky .logo .logo-image img.logo-default { opacity:0; visibility:hidden;}
.header-sticky .logo .logo-image img.logo-sticky { opacity:1; visibility:visible;}
.header-navbar { width:auto;}
.header-navbar > ul { width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0px; padding:0px;}
.header-navbar > ul > li { width:auto; position:relative; margin:0 0 0 30px; padding:0px;}
.header-navbar > ul > li > a { position:relative; display:block; font-family: 'General Sans'; font-size:16px; color:#FFFFFF; text-transform:uppercase; font-weight:500; line-height:1; margin:0px; padding:10px 0px;}
.header-sticky .header-navbar > ul > li > a { color:#101010;}
.header-navbar > ul > li > a:hover,
.header-navbar > ul > li > a.is-active,
.header-navbar > ul > li:hover > a,
.header-navbar > ul > li.menu-item--active-trail > a { color:#FF0000;}
.header-navbar > ul > li .sub-menu li.menu-item--active-trail  a { color:#FF0000;}

.header-navbar > ul > li.menu-item--expanded > a { padding-right:18px;}
.header-navbar > ul > li.menu-item--expanded > a:after { content:""; width:11px; height:7px; background-image:url(../images/menu-arrow-white.svg); background-position:center center; background-repeat:no-repeat; position:absolute; top:15px; right:0px; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.header-sticky .header-navbar > ul > li.menu-item--expanded > a:after { background-image:url(../images/menu-arrow-dark.svg);}
.header-navbar > ul > li.menu-item--expanded:hover > a:after { background-image:url(../images/menu-arrow-red.svg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after { background-image:url(../images/menu-arrow-red.svg);}
.header-navbar > ul > li .sub-menu { width:200px; background:#FFFFFF; box-shadow:0px 0px 12px 1px rgba(0,0,0,0.10); position:absolute; top:100%; left:0px; z-index:10; opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; margin:0px; padding:10px 15px;}
.header-navbar > ul > li:hover .sub-menu { opacity:1; visibility:visible; -webkit-transform:translateY(0px); transform:translateY(0px);}
.header-navbar > ul > li .sub-menu li { width:100%; display:block; margin:0px; padding:0px;}
.header-navbar > ul > li .sub-menu li a { display:block; font-family: 'General Sans'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:500; line-height:1; margin:0px; padding:8px 0px;}
.header-navbar > ul > li .sub-menu li a:hover { color:#FF0000;}
.menu-toggler { width:22px; height:19px; float:left; display:none; cursor:pointer; padding:0px 3px; position: relative; z-index: 10000; }
.menu-toggler .menu-toggler-icon { width:100%; height:2px; float:left; position:relative; top:8px; background:#ffffff; border-radius:2px;}
.menu-toggler .menu-toggler-icon:before,
.menu-toggler .menu-toggler-icon:after { content:""; width:auto; height:2px; background:#ffffff; border-radius:2px; position:absolute; left:-3px; right:-3px; z-index:1; -webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.15s, 0s; transition-delay:.15s, 0s;}
.header-wrapper.header-sticky .menu-toggler .menu-toggler-icon:before,
.header-wrapper.header-sticky .menu-toggler .menu-toggler-icon:after,
.header-wrapper.header-sticky .menu-toggler .menu-toggler-icon {background:#101010;}
.header-wrapper.header-sticky .menu-toggler.active .menu-toggler-icon { background: none; }
.menu-toggler .menu-toggler-icon:before { top:-8px; -webkit-transition-property:top, transform; transition-property:top, transform;}
.menu-toggler .menu-toggler-icon:after { bottom:-8px; -webkit-transition-property:bottom, transform; transition-property:bottom, transform;}
.menu-toggler.active .menu-toggler-icon { background:none;}
.menu-toggler.active .menu-toggler-icon:before,
.menu-toggler.active .menu-toggler-icon:after { -webkit-transition-delay:0s, .15s; transition-delay:0s, .2s;}
.menu-toggler.active .menu-toggler-icon:before { top:0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.menu-toggler.active .menu-toggler-icon:after { bottom:0px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/*============ Header End ============*/

/*============ Banner Start ============*/

.banner { width:100%; position:relative;}
.main-banner { width:100%; position:relative;}
.main-banner .hero-slider { width:100%; position:relative;}
.main-banner .hero-slider .slider-box { width:100%; min-height:100vh; position:relative; z-index:1; padding:200px 0px 150px 0px;}
.main-banner .hero-slider .slider-box .slider-image { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0px; left:0px; z-index:-1;  }
.main-banner .hero-slider .slider-box .slider-image:after { content:""; width:100%; height:100%; background:#000000; opacity:0.50; position:absolute; top:0px; left:0px; z-index:1;}
.main-banner .hero-slider .slider-box .slider-text { width:100%; display:block; padding:0px 60px;}
.main-banner .hero-slider .slider-box .slider-text .text { width:100%; max-width:720px; display:block;}
.main-banner .hero-slider .slider-box .slider-text .h1 { color:#FFFFFF; margin:0 0 20px 0; padding:0px;}
.main-banner .hero-slider .slider-box .slider-text p { color:#FFFFFF; margin:0 0 30px 0; padding:0px;}
.main-banner .hero-slider .slider-box .slider-text .btnbox { padding:10px 0 0 0;}
.main-banner .hero-slider .slider-box .slider-text .button { font-size:18px; color:#FFFFFF;}
.main-banner .hero-slider .slider-box .slider-text .button .btn-arrow { width:40px; height:40px; margin:0 0 0 10px;}
.main-banner .hero-slider .slider-box .slider-text .button .btn-arrow:after { background-size:21px auto;}
.main-banner .hero-slider-nav { width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; position:absolute; bottom:60px; left:0px; z-index:10; padding:0px 60px;}
.main-banner .hero-slider-nav .swiper-pagination { width:auto; position:static; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0px; padding:0px;}
.main-banner .hero-slider-nav .swiper-pagination .swiper-pagination-bullet { width:auto; height:auto; display:inline-block; vertical-align:top; font-family: 'General Sans Variable'; font-size:24px; color:#FFFFFF; font-weight:400; line-height:1; background:none; border:none; border-radius:0px; box-shadow:none; outline:none; opacity:0.3; margin:0 40px 0 0; padding:0px;}
.main-banner .hero-slider-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1;}
.main-banner .hero-slider-nav .swiper-scrollbar { width:auto; height:3px; position:relative; background:rgba(255,255,255,0.2); border-radius:0px; -ms-flex:1 1 auto; flex:1 1 auto;}
.main-banner .hero-slider-nav .swiper-scrollbar .swiper-scrollbar-drag { background:#FFFFFF; border-radius:0px;}
.main-banner.version-2 {}
.main-banner.version-2 .hero-slider .slider-box { min-height:620px;}
.inner-banner { width:100%; min-height:620px; position:relative; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; padding:180px 0px 80px 0px;}
.inner-banner .banner-image { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0px; left:0px; z-index:-1;}
.inner-banner .banner-image:after { content:""; width:100%; height:100%; background:#000000; opacity:0.50; position:absolute; top:0px; left:0px; z-index:1;}
.inner-banner .banner-text { width:100%; display:block; padding:0px 60px;}
.inner-banner .banner-text .text { width:100%; max-width:838px; display:block;}
.inner-banner .banner-text .text h1 { color:#FFFFFF; font-weight:600; margin:0 0 20px 0; padding:0px;}
.inner-banner .banner-text .text p { color:#FFFFFF; margin:0 0 30px 0; padding:0px;}
.inner-banner .banner-text .text .btnbox { padding:10px 0 0 0;}
.inner-banner .banner-text .text .button { font-size:18px; color:#FFFFFF;}
.inner-banner .banner-text .text .button .btn-arrow { width:40px; height:40px; margin:0 0 0 10px;}
.inner-banner .banner-text .text .button .btn-arrow:after { background-size:21px auto;}

/*============ Banner End ============*/

/*============ Content Start ============*/

.content {
	width:100%;
	position:relative;
}

/*............Home Page Start............*/

/*-overview-section-*/
.overview-section { width:100%; position:relative; background:#EBEBE8; padding:150px 0 150px 0;}
.overview-section.white-bg { background:#FFFFFF;}
.overview-block { width:100%; position:relative;}
.overview-block .row { margin:0px;}
.overview-block .row > [class*="col-"] { padding:0px;}
.overview-block .overview-image { width:calc((100vw - 1270px) / 2 + 100% +  15px); display:block; overflow:hidden; padding:0 0 0 140px;}
.overview-block .overview-image .image-wrapper { width:100%; position:relative; z-index:1; overflow:hidden;}
.overview-block .overview-image .image-wrapper .imagebox { width:100%;}
.overview-block .overview-image .image-wrapper .imagebox .image { width:100%; position:relative; z-index:-1;}
.overview-block .overview-image .image-wrapper .imagebox .image img { width:100%; display:block;}
.overview-block .overview-image .image-wrapper .imgmask { position:absolute; z-index:1;}
.overview-block .overview-image .image-wrapper .imgmask.mask-1 { width:calc(100% - 100px); height:100%; top:0px; left:0px; -webkit-transform-origin:right center; transform-origin:right center;}
.overview-block .overview-image .image-wrapper .imgmask.mask-2 { width:100px; height:100%; right:0px; bottom:0px; -webkit-transform-origin:left top; transform-origin:left top;}
.overview-block .overview-image .image-wrapper .imgoverlay { position:absolute; z-index:2; -webkit-transform:translateZ(0); transform:translateZ(0);}
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-1 { width:calc(100% - 100px); height:70px; bottom:0px; left:0px;}
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-2 { width:50px; height:100%; top:0px; right:100px;}
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-3 { width:100px; height:180px; top:0px; right:0px;}
.overview-block .overview-text { margin:0 -70px 0 110px;}
.overview-block .overview-text .text-elements { display:block; margin:0px; padding:0px;}
.overview-block .overview-text .text-elements .el-tagline { width:100%; display:block;}
.overview-block .overview-text .text-elements .el-text { width:100%; display:block; padding:0 0 0 110px;}
.overview-block .overview-text .text-elements h5 { margin:0 0 30px 0; padding:0px;}
.overview-block .overview-text .text-elements h2 { margin:0 0 30px 0; padding:0px;}
.overview-block .overview-text .text-elements p { margin:0 0 30px 0; padding:0px;}
.overview-block .overview-text .text-elements .btnbox { margin:0px; padding:0px;}
.overview-marquee { width:100%; position:relative; margin:90px 0 0 0;}
.overview-marquee .text-marquee-wrapper { width:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; white-space:nowrap; will-change:transform;}
.overview-marquee .text-marquee-wrapper .text-marquee-move { display:block; will-change:transform; -webkit-animation:marquee-text 20s linear infinite; animation:marquee-text 20s linear infinite;}
.overview-marquee .text-marquee-wrapper .text-marquee-text { width:100%; position:relative; font-family: 'General Sans Variable'; font-size:120px; color:#000000; text-transform:uppercase; font-weight:400; line-height:1; margin:0px; padding:0 30px 0 130px;}
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { content:""; width:100px; height:100px; background:url(../images/stamp.svg) center center no-repeat; background-size:100% 100%; position:absolute; top:50%; left:0px; z-index:1; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

@-webkit-keyframes marquee-text {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);}
}
@keyframes marquee-text {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
}
/*-overview-section-*/

/*-punjas-section-*/
.punjas-section { width:100%; position:relative; padding:150px 0 150px 0;}
.punjas-block { width:100%; position:relative;}
.punjas-title { width:100%; margin:0 0 58px 0;}
.punjas-title h2 { line-height:1.2; margin:0px; padding:0px;}
.punjas-slider-wrap { width:100%; position:relative;}
.punjas-slider { width:100%; position:relative;}
.punjas-slider .flickity-viewport { overflow:visible;}
.punjas-slider .slider-card { width:30%; margin:0 60px 0 0;}
.punjas-slider .slider-card .cardbox { width:100%; position:relative; display:block; -webkit-transform-origin:center center; transform-origin:center center; -webkit-transition:all .35s ease-out; transition:all .35s ease-out; will-change:transform;}
.punjas-slider .slider-card .cardbox.is-down { -webkit-transform:scale(0.96); transform:scale(0.96);}
.punjas-slider .slider-card .cardbox .slider-image-wrap { width:100%; position:relative; overflow:hidden;}
.punjas-slider .slider-card .cardbox .slider-image-wrap .slider-imgbox { width:100%; display:block;}
.punjas-slider .slider-card .cardbox .slider-image-wrap .slider-imgbox-parallax { width:100%; display:block; -webkit-transition:transform 2s cubic-bezier(.18,.22,.36,1); transition:transform 2s cubic-bezier(.18,.22,.36,1);}
.punjas-slider .slider-card .cardbox:hover .slider-image-wrap .slider-imgbox-parallax { -webkit-transform:scale(1.18); transform:scale(1.18); -webkit-transition:transform 2s cubic-bezier(.18,.26,.31,1); transition:transform 2s cubic-bezier(.18,.26,.31,1);}
.punjas-slider .slider-card .cardbox .slider-image-wrap .image { width:100%; display:block;}
.punjas-slider .slider-card .cardbox .slider-image-wrap .image img { width:100%;}
.punjas-slider .slider-card .cardbox .slider-text-wrap { width:100%; padding:30px 0 0 0;}
.punjas-slider .slider-card .cardbox .slider-text-wrap h3 { font-family: 'General Sans Variable'; margin:0px; padding:0px;}
.punjas-slider .slider-card .cardbox .slider-text-wrap h4 { font-family: 'General Sans'; font-size:24px; color:#FF0000; font-weight:400; line-height:1.3; margin:0px; padding:0px;}
.punjas-slider .slider-card .cardbox .slider-text-wrap p { font-size:20px; margin:10px 0 0 0; padding:0px;}
.punjas-btnbox { width:100%; text-align:center; margin:75px 0 0 0;}
.punjas-btnbox .punjas-button { width:auto; position:relative; display:inline-block; vertical-align:top; font-family: 'General Sans Variable'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:500; line-height:1; background:none; border:none; border-radius:0px; box-shadow:none; outline:none; cursor:pointer; margin:0px; padding:22px 0px;}
.punjas-btnbox .punjas-button:hover { color:#FF0000;}
.punjas-btnbox .punjas-button:before,
.punjas-btnbox .punjas-button:after { content:""; width:60px; height:5px; background:#FF0000; position:absolute; left:50%; z-index:1; margin:0 0 0 -30px;}
.punjas-btnbox .punjas-button:before { top:0px;}
.punjas-btnbox .punjas-button:after { bottom:0px;}
/*-punjas-section-*/

/*-case-studies-section-*/
.case-studies-section { width:100%; position:relative; background:#EBEBE8; padding:121px 0 139px 0;}
.case-studies-block { width:100%; position:relative;}
.case-studies-block .case-studies-image { width:100%; display:block; overflow:hidden; padding:0 50px 0 0;}
.case-studies-block .case-studies-image .image-wrapper { width:100%; position:relative; z-index:1; overflow:hidden;}
.case-studies-block .case-studies-image .image-wrapper .imagebox { width:100%;}
.case-studies-block .case-studies-image .image-wrapper .imagebox .image { width:100%; position:relative; z-index:-1;}
.case-studies-block .case-studies-image .image-wrapper .imagebox .image img { width:100%; display:block;}
.case-studies-block .case-studies-image .image-wrapper .imgmask { position:absolute; z-index:1;}
.case-studies-block .case-studies-image .image-wrapper .imgmask.mask-1 { width:calc(100% - 100px); height:100%; top:0px; right:0px; -webkit-transform-origin:right center; transform-origin:right center;}
.case-studies-block .case-studies-image .image-wrapper .imgmask.mask-2 { width:100px; height:100%; bottom:0px; left:0px; -webkit-transform-origin:left top; transform-origin:left top;}
.case-studies-block .case-studies-image .image-wrapper .imgoverlay { position:absolute; z-index:2; -webkit-transform:translateZ(0); transform:translateZ(0);}
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-1 { width:calc(100% - 100px); height:70px; right:0px; bottom:0px;}
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-2 { width:50px; height:100%; top:0px; left:100px;}
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-3 { width:100px; height:300px; top:0px; left:0px;}
.case-studies-block .case-studies-text { width:100%; max-width:500px; display:block; padding:30px 0 0 0;}
.case-studies-block .case-studies-text .text-elements { display:block; margin:0px; padding:0px;}
.case-studies-block .case-studies-text .text-elements .el-tagline { width:100%; display:block;}
.case-studies-block .case-studies-text .text-elements .el-text { width:100%; display:block;}
.case-studies-block .case-studies-text .text-elements h5 { margin:0 0 30px 0; padding:0px;}
.case-studies-block .case-studies-text .text-elements h2 { margin:0 0 30px 0; padding:0px;}
.case-studies-block .case-studies-text .text-elements p { margin:0 0 30px 0; padding:0px;}
.case-studies-block .case-studies-text .text-elements .btnbox { margin:0px; padding:10px 0 0 0;}
/*-case-studies-section-*/

/*-quanity-section-*/
.quanity-section { width:100%; position:relative; background:#FFFFFF; padding:140px 0 150px 0;}
.quanity-title { max-width:48%; padding:0 0 50px 0;}
.quanity-title h2 { margin:0px; padding:0px;}
.quanity_row { width:100%; position:relative;}
.quanity_row .quanity_item { padding:31px 65px; align-items: center;}
.quanity_row .quanity_item:nth-child(odd) { background: #EBEBE8;}
.quanity_row .quanity_item::after { content: '';width: 1px;min-height: 78px;height: 100%;display: block;background: #9D9D99;order: 1;}
.quanity_row .quanity_item .numberbox { font-size: 48px;color:#FF0000;font-weight:400;width: 30%;text-align: center;}
.quanity_row .quanity_item .info { width: 70%;order: 2;padding: 0 0 0 124px;}
.quanity_row .quanity_item .info p { line-height: 1.42; margin:0px; padding:0px;}
/*-quanity-section-*/

/*-committed-section-*/
.committed-section { overflow: hidden; width:100%; position:relative;}
.committed-block.desktop-show{ z-index: 0; width:100%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; position: absolute; left: 0px; top: -150px; width: 100%; bottom: -250px;  }
.committed-block { z-index: 1; width:100%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.committed_content { width:100%; text-align:center; padding:180px 0px;}
.committed_content h2 { color:#FFFFFF; font-weight:500; line-height:1.306; padding:0 0 16px 0; opacity:0; transform:translateY(60px); transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);}
.committed_content p { max-width:740px; color:#FFFFFF; margin:0 auto; padding:0 0 30px 0; opacity:0; transform:translateY(60px); transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);}
.committed_content .btnbox { -ms-flex-pack:center; justify-content:center; opacity:0; transform:translateY(60px); transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);}
.committed_content .btnbox .button { color:#FFFFFF;}
.committed_content.is-inview h2,
.committed_content.is-inview p,
.committed_content.is-inview .btnbox { opacity:1; transform:none;}
.committed_content.is-inview h2 { transition-delay:0.06s;}
.committed_content.is-inview p { transition-delay:0.12s;}
.committed_content.is-inview .btnbox { transition-delay:0.18s;}
/*-committed-section-*/

/*-trusted-section-*/
.trusted-section { width:100%; position:relative; background:#EBEBE8; padding:150px 0 68px 0;}
.trusted-title { width:100%; text-align:center; padding:0 0 90px 0;}
.trusted-title h2 { margin:0px; padding:0px;}
.trusted_partner { width:100%; position:relative;}
.trusted_slider { width:100%; display:block;}
.trusted_slider + .trusted_slider { padding-top:40px;}
.trusted_slider .trusted_slider_marquee { width:100%; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; white-space:nowrap; will-change:transform; -webkit-animation:trustedSlider 20s linear infinite; animation:trustedSlider 20s linear infinite;}
.trusted_slider.direction_left .trusted_slider_marquee { -webkit-animation:trustedSliderLeft 20s linear infinite; animation:trustedSliderLeft 20s linear infinite;}
.trusted_slider .trusted_slider_marquee .trusted_logo { width:23.612%; flex:0 0 23.612%; padding:0px 20px;}
.trusted_slider .trusted_slider_marquee .trusted_logo .logobox { background:#FFFFFF; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center;}
.trusted_slider .trusted_slider_marquee .trusted_logo .logobox img { max-width:100%;}

@-webkit-keyframes trustedSlider {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);}
}
@keyframes trustedSlider {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
}
@-webkit-keyframes trustedSliderLeft {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}
}
@keyframes trustedSliderLeft {
	0% { -webkit-transform:translateZ(0); transform:translateZ(0);}
	to { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); }
}
/*-trusted-section-*/

/*-news-insights-section-*/
.news-insights-section { width:100%; position:relative; background:#EBEBE8; padding:68px 0 150px 0;}
.newsInsights_row { width:100%; position:relative;}
.newsInsights_row .row { justify-content:space-between;}
.news_title { width:100%;}
.news_title h2 { line-height:1.03; margin:0px; padding:0px;}
.news_title .btnbox { padding:60px 0 0 0;}
.news_row { width:100%;}
.news_row .news_item { border-top:1px solid #9D9D99; padding:30px 0px;}
.news_row .news_item .newsbox { width:100%; position:relative;}
.news_row .news_item .newsbox a { width:100%; position:relative; z-index:1; display:block;}
.news_row .news_item .newsbox h6 { font-family: 'General Sans Variable'; font-size:16px; color:#FF0000; text-transform:uppercase; font-weight:500; line-height:1; opacity:0; margin:0px; padding:0 0 19px 0; -webkit-transform:translateX(3.5714285714vw); transform:translateX(3.5714285714vw); -webkit-transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s;}
.news_row .news_item .newsbox h3 { max-width:75%; font-family: 'General Sans Variable'; font-size:28px; line-height:1.367; opacity:0; -webkit-transform:translateX(3.5714285714vw); transform:translateX(3.5714285714vw); -webkit-transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; margin:0px; padding:0px;}
.news_row .news_item.is-inview .newsbox h6,
.news_row .news_item.is-inview .newsbox h3 { opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
.news_row .news_item .newsbox a:hover h6,
.news_row .news_item .newsbox a:hover h3 { -webkit-transform:translateX(1vw); transform:translateX(1vw);}
.news_row .news_item .newsbox .newsarrow {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
.news_row .news_item .newsbox .imagebox {position: absolute;pointer-events: none;top: 50%;right: 10.7142857143vw;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.news_row .news_item .newsbox .imagebox .image {width: 250px;display: block;border-radius: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 0;-webkit-transform: translateY(1.4285714286vw);transform: translateY(1.4285714286vw);-webkit-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-moz-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-ms-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-o-transition: opacity .5s ease-in-out,transform .5s ease-in-out;transition: opacity .5s ease-in-out,transform .5s ease-in-out;z-index: -1;}
.news_row .news_item .newsbox .imagebox .image::after {content: '';display: block;padding-top: 100%;}
.news_row .news_item .newsbox a:hover .imagebox .image {opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
/*-news-insights-section-*/

/*............Home Page End............*/

/*............Brands Page Start............*/

/*-brands-section-*/
.brands-section { width:100%; position:relative; background:#EBEBE8; padding:120px 0 0 0;}
.brands-filter-wrap { width:100%; background:#EBEBE8; position:-webkit-sticky; position:sticky; top:120px; left:0px; z-index:999; padding:30px 0px;}
.brands-filter { width:100%;}
.brands-filter .brands-select { width:100%; position:relative;}
.brands-filter .brands-select .nice-select { width:100%; height:30px; float:none; display:block; font-family: 'General Sans'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:400; line-height:30px; background:none; border:none; border-bottom:1px solid #101010; border-radius:0px; box-shadow:none; outline:none; margin:0px; padding:0 40px 0 0;}
.brands-filter .brands-select .nice-select:after { width:7px; height:7px; border-color:#101010; right:2px;}
.brands-filter .brands-select .nice-select .current { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.brands-filter .brands-select .nice-select .list { width:100%; max-height:200px; overflow-y:auto; background:#FFFFFF; border:none; border-radius:0px; box-shadow:0px 0px 8px rgba(0,0,0,0.10); margin:1px 0 0 0; padding:0px;}
.brands-filter .brands-select .nice-select .list .option { width:100%; min-height:1px; display:block; font-family: 'General Sans'; font-size:16px; color:#101010; text-transform:none; font-weight:400; line-height:22px; margin:0px; padding:8px 15px;}
.brands-filter .brands-select .nice-select .list .option:hover,
.brands-filter .brands-select .nice-select .list .option.focus,
.brands-filter .brands-select .nice-select .list .option.selected.focus { color:#FFFFFF; font-weight:normal; background:#FF0000 !important;}
.brands-filter .brands-search { width:100%; position:relative;}
.brands-filter .brands-search .input-text { width:100%; height:30px; display:block; font-family: 'General Sans'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:400; background:none; border:none; border-bottom:1px solid #101010; border-radius:0px; box-shadow:none; outline:none; margin:0px; padding:0 40px 0 0;}
.brands-filter .brands-search .search-btn { width:18px; height:18px; overflow:hidden; font-size:0px; text-indent:100%; background:url(../images/search-icon.svg) center center no-repeat; border:none; border-radius:0px; box-shadow:none; outline:none; position:absolute; top:6px; right:0px; z-index:1;}
.brands-main { width:100%; padding:60px 0 0 0;}
.brands-block { width:100%; position:relative; padding:0 0 90px 0;}
.brands-block + .brands-block { border-top:1px solid #9D9D99; padding-top:130px;}
.brands-block .brands-title { width:100%; margin:0 0 60px 0;}
.brands-block .brands-title h2 { line-height:1.3; margin:0px; padding:0px;}
.brands-block .brands-list { width:100%; position:relative;}
.brands-block .brands-list .row {}
.brands-block .brands-list .row > [class*="col-"] { margin:0 0 60px 0;}
.brands-block .brands-list .brands-box { width:100%; height:100%; min-height:480px; position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:end; justify-content:flex-end; background:#FFFFFF; margin:0px; padding:0px;}
.brands-block .brands-list .brands-box .imagebox { width:100%; height:100%; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; position:absolute; top:0px; left:0px; z-index:1;}
.brands-block .brands-list .brands-box .imagebox .image { min-height: 480px; background-position: center center; background-size: cover; background-repeat: no-repeat; width:100%; display:block; text-align:center;}
.brands-block .brands-list .brands-box .imagebox .image img { display: none; max-width:100%; max-height:480px;}
.brands-block .brands-list .brands-box .imagebox .image-hover { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0; visibility:hidden; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.brands-block .brands-list .brands-box:hover .imagebox .image-hover { opacity:1; visibility:visible;}
.brands-block .brands-list .brands-box .captionbox { width:100%; position:absolute; left: 0px; bottom: 0px; z-index:2; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:end; align-items:flex-end; -ms-flex-pack:justify; justify-content:space-between; margin:20px 0px 0px 0px; padding: 0 0 0 20px; background: #fff; }
.brands-block .brands-list .brands-box .captionbox h3 { width:calc(100% - 80px); -ms-flex-item-align:center; align-self:center; font-family: 'General Sans Variable'; font-size:24px; color:#101010; font-weight:400; line-height:1.2; margin:0px; padding:15px 0px;}
.brands-block .brands-list .brands-box .captionbox .button { width:auto; margin:0px; padding:0px;}
.brands-block .brands-list .brands-box .captionbox .button .btn-arrow { width:60px; height:60px; margin:0px;}
.brands-block .brands-list .brands-box:hover .captionbox .button .btn-arrow:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/*-brands-section-*/

/*............Brands Page End............*/

/*............Brands-Individual Page Start............*/

/*-range-section-*/
.range-section { width:100%; position:relative; padding:0 0 100px 0;}
.range-title { width:100%; max-width:850px; display:block; text-align:center; margin:0 auto; padding:0 0 80px 0;}
.range-title h5 { margin:0 0 30px 0; padding:0px;}
.range-title h2 { margin:0px; padding:0px;}
.range-block { width:100%; position:relative;}
.range-block .range-box { width:100%; display:block; text-align:center; margin:0 0 50px 0;}
.range-block .range-box .box-image { width:100%;}
.range-block .range-box .box-image img { max-width:100%;}
.range-block .range-box .box-text { width:100%; padding:28px 0 0 0;}
.range-block .range-box .box-text h3 { font-family: 'General Sans Variable'; margin:0px; padding:0px;}
/*-range-section-*/

/*-punjas-section-*/
.punjas-section.punjas-infrastructure { padding-bottom:0px;}
/*-punjas-section-*/

/*............Brands-Individual Page End............*/

/*............Contact Page Start............*/

.contact-section {padding: 150px 0;}
.contact-info .infoText h6 {font-size: 16px;color: #FF0000;font-weight: 500;text-transform: uppercase;line-height: 1;padding: 0 0 20px;}
.contact-info .infoText p {line-height: 1.416;}
.loc-map-list {width: 58.33333333vw;height: 100%;}
.loc-map-list .map-item {display: -webkit-box;display: -ms-flexbox;display: none;width: 100%;opacity: 0;transition: all .3s ease-in-out;height: 100%;}
.loc-map-list .map-item.active {display: flex;opacity: 1;}
.loc-map-list .image{width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.loca-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;}
.loca-menu ul li {position: relative;z-index: 1;}
.loca-menu ul li::after {content: '';float: right;width: 50vw;height: 1px;background: #E9E9E7;}
.loca-menu ul li::before {content: '';width: 50vw;height: 100%;background: #FF0000;position: absolute;top: 0;right: 0;z-index: -1;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.loca-menu ul li:hover::before,
.loca-menu ul li.active::before {opacity: 1;}
.loca-menu ul li a {display: block;padding: 51px 0 51px;font-size: 30px;color: #131415;line-height: 1.2;}
.loca-menu ul li.active a,
.loca-menu ul li a:hover {color: #fff;}
.enquiry-section {padding: 150px 0 0;}
.enquiry-row .title {text-align: center;}
.enquiry-row .title h2 {line-height: 1;padding: 0 0 80px;}
.cus_accordion {border-top: 1px solid #C4C4C0;}
.cus_accordion h3 {font-size: 24px;line-height: 1;font-weight: 400;padding: 33px 75px 33px 30px;border-bottom: 1px solid #C4C4C0;position: relative;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cus_accordion h3.active {background: #FF0000;color: #fff;}
.cus_accordion h3 span {position: absolute;top: 50%;right: 20px;width: 25px;height: 25px;transform: translateY(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center; pointer-events: none;}
.cus_accordion h3 span::before {content: '';width: 2px;height: 100%;background: #131415;display: block;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cus_accordion h3.active span::before {opacity:0;}
.cus_accordion h3 span::after {content: '';width: 100%;height: 2px;background: #131415;display: block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cus_accordion h3.active span::after{background: #fff;}
.cus_accordion .content {display: none;border-bottom: 1px solid #C4C4C0;padding: 0 0 55px;}
.enquiry_form form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -16px;}
.enquiry_form form .input-row {-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;padding: 4px 16px 5px;}
.enquiry_form form .input-row.half {width: 50%;}
form .input-row .input-text {width: 100%;display: block;border: 0;border-bottom: 1px solid #EBEBEB;font-size: 16px;font-weight: 500;color: #808080;line-height: 1;padding: 18px 0; margin: 0px;;}
form .input-row textarea.input-text {resize: none;height: 146px;padding: 20px 0;}
form .input-row .input-text:focus {color: #101010;}
form .input-row .input-text::placeholder,
form .input-row .input-text::-webkit-input-placeholder,
form .input-row .input-text::-moz-placeholder,
form .input-row .input-text::-ms-input-placeholder {color: #808080;}
form .input-row.btn-row {padding-top: 29px;}
form .input-row .robotcheck {padding: 0 40px 0 0;}

/*............Contact Page End............*/

/*============  new page css start ================*/
.inner-banner .banner-text.banner-width .text{ max-width: 1065px;; }
.overview-image.version-2{ max-width: 100%; }
.news-outer{ padding: 150px 0; background: #EBEBE8; }
.news-row-page{ border-top: 1px solid #9D9D99;;}
.news-title h2{ display: block;width: 100%;	font-weight:400; text-align: center ;color: #131415; font-size: 48px; line-height: 75%; }
.news-row-page .news-box a{ display: block; padding: 30px 0; width: 100%; position: relative; }
.news-row-page .news-box a h5{ display: block; padding: 0 0 18px;;
	-webkit-transform:translateX(3.5714285714vw); transform:translateX(3.5714285714vw); -webkit-transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s;
}
.news-row-page .news-box a h3{ max-width: 837px; color: #101010;    font-family: 'General Sans Variable'; font-weight: 400;font-size: 30px;line-height: 41px;
	opacity:0; -webkit-transform:translateX(3.5714285714vw); transform:translateX(3.5714285714vw); -webkit-transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; transition:transform .45s ease-in-out .15s,opacity .45s ease-in-out .15s; margin:0px; padding:0px;
}
.news-row-page .news-box a .newsarrow{position: absolute;top: 50%;right: 0; margin: -18px 0 0 0;   }
.news-row-page .news-box a  .imagebox {position: absolute;pointer-events: none;top: 50%;right: 212px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.news-row-page .news-box a  .imagebox .image {width: 250px;display: block;border-radius: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 0;-webkit-transform: translateY(1.4285714286vw);transform: translateY(1.4285714286vw);-webkit-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-moz-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-ms-transition: opacity .5s ease-in-out,transform .5s ease-in-out;-o-transition: opacity .5s ease-in-out,transform .5s ease-in-out;transition: opacity .5s ease-in-out,transform .5s ease-in-out;z-index: -1;}
.news-row-page .news-box a  .imagebox .image::after {content: '';display: block;padding-top: 100%;}
.news-row-page .news-box a:hover .imagebox .image {opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
.news-row-page .news-box a:hover h5,
.news-row-page .news-box a:hover h3 { -webkit-transform:translateX(1vw); transform:translateX(1vw);}
.news-row-page.is-inview .news-box  h5,
.news-row-page.is-inview .news-box h3 { opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
.news-listing{ padding: 60px 0 140px 0; }
.overview-block.latest-news   .overview-text  { max-width: 569px; margin-left: 0px; }
.overview-image.version-2{ padding-left: 20px;; }
/*============ new page css End ================*/

/*========= news details page css start =======*/
.news-outer.releted-section .news-title h2 { color: #101010; line-height: 130%;}
.banner-text.banner-news-details    .text p{ margin: 24px 0 0 0;font-family: 'General Sans Variable'; font-weight: 500; font-size: 16px; line-height: 100%;  }
.news-outer.releted-section .news-listing{ padding-bottom: 0px;; border-bottom: 1px solid #9D9D99; }
.news-details-section{ padding: 90px 0 150px;; }
.news-data-block{ margin: 0 auto; display: block ; width: 100%; max-width: 813px; }
.news-data-block h2{ color: #101010; font-size: 48px; font-weight: 400; line-height: 130%; padding: 60px 0 30px;; }
.news-data-block h4{ color: #FF0000;  font-weight: 400; line-height: 130%; padding: 30px 0 10px;; }
.news-data-block p + p{ padding: 32px 0 0 0; }
.news-data-block p a {color:#FF0000 ;}

.news-data-block p img{ margin: 32px auto; max-width: 100%;   }
.news-data-block  ul{ padding: 32px 0 32px 25px; }
.news-data-block  ul li { padding: 0 0 0 10px;;      font-family: 'General Sans';font-size: 24px;color: #101010;font-weight: 400;line-height: 1.3;margin: 0px;  display: list-item; list-style-type: disc; list-style-position: outside;  }
.news-data-block  ul li + li{ margin: 10px 0 0 0; }
.news-data-block  ol{ padding: 32px 0 32px 25px; }
.news-data-block  ol li {       font-family: 'General Sans';font-size: 24px;color: #101010;font-weight: 400;line-height: 1.3;margin: 0px;padding: 0 0 0 15px;; display: list-item; list-style-type: decimal; list-style-position: outside;  }
.news-data-block  ol li + li{ margin: 10px 0 0 0; }
.share-post-block{ padding: 109px 0 0 0; display: flex ; align-items: center; justify-content: center; }
.share-post-block .share-text{  color: #000000;  font-weight: 400;font-size: 18px;line-height: 120%;display: flex ; align-items: center; }
.share-post-block .share-text i{ float: left;margin: 0 13px 0 0; }
.share-post-block .share-text i img{ float: left; }
.social-icon ul{ display: flex;align-items: center; padding: 0 0 0 10px;; }
.social-icon ul li a{ margin: 0 0 0 40px;; float: left; }
.social-icon ul li a svg{ float: left; }
.social-icon ul li a svg path{ transition: all 0.3s ease-in-out; }
.social-icon ul li a:hover svg path{fill:#FF0000}
.news-data-block  ul + h4{ padding-top: 0px; }

/*========= news details page css End =======*/

/*============== company  page css start ============*/
.inner-banner.Companies-banner-text .text p{ margin: 0px;; }
.company-section-1{ padding: 150px 0 0 0; }
.company-text-top{ max-width: 840px; margin: 0 auto; display: block; padding: 0px; text-align: center ;  }
.company-text-top h2{ padding: 30px 0 0 0; }
.company-brand-section{  padding: 150px   0; }
.company-block .company-image{ max-width: 393px; }
.company-block  .companty-text { margin:0 -70px 0 0px;}
.company-block  .companty-text .text-elements { display:block; margin:0px; padding:0px;}
.company-block  .companty-text .text-elements .el-tagline { max-width: 483px; width:100%; display:block;}
.company-block  .companty-text .text-elements .el-text { max-width: 568px; width:100%; display:block; padding:0 0 0 110px;}
.company-block  .companty-text .text-elements h5 { margin:0 0 30px 0; padding:0px;}
.company-block  .companty-text .text-elements h2 { margin:0 0 30px 0; padding:0px;}
.company-block  .companty-text .text-elements p { margin:0 0 30px 0; padding:0px;}
.company-block  .companty-text .text-elements .btnbox { margin:0px; padding:0px;}
.company-brand-listing{ width: 100%; display: block; position: relative;}
.company-brand-listing ul{ display: flex; flex-wrap: wrap; width: 100%; position: relative;   }
.company-brand-listing ul li{ min-height: 120px; margin: 0 0 15px;; display: flex; align-items: center; justify-content: center; width: 25%;}
.company-brand-listing ul li img{ max-width: 270px; max-height: 120px ; }
.company-brand-listing::after{ position: absolute; left: 25%; top: 0px; width: 1px; height: 100%; content: '';   background: #C4C4C4;  }
.company-brand-listing::before{ position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; content: '';   background: #C4C4C4;  }
.company-brand-listing ul::after{ position: absolute; left: 75%; top: 0px; width: 1px; height: 100%; content: '';   background: #C4C4C4;  }
.manufacturing-block .manufacturing-text { margin:0 0px 0 110px;}
.manufacturing-block .manufacturing-text .text-elements { display:block; margin:0px; padding:0px;}
.manufacturing-block .manufacturing-text .text-elements .el-tagline {   width:100%; display:block;}
.manufacturing-block .manufacturing-text .text-elements .el-text { max-width: 568px; width:100%; display:block; padding:0 0 0 110px;}
.manufacturing-block .manufacturing-text .text-elements h5 { margin:0 0 30px 0; padding:0px;}
.manufacturing-block .manufacturing-text .text-elements h2 { margin:0 0 30px 0; padding:0px;}
.manufacturing-block .manufacturing-text .text-elements p { margin:0 0 30px 0; padding:0px;}
.manufacturing-block .manufacturing-text .text-elements .btnbox { margin:0px; padding:0px;}
.manufacturing-section{ padding: 150px 0 0 0; }
.counter-verticle{ display: flex ;align-items: flex-end; justify-content: flex-end; flex-direction: column;  }
.counter-verticle .count-box-verticle{ max-width: 393px;  display: inline-block; width: 100%;}
.counter-verticle .count-box-verticle h4 { padding: 0 0 20px;; font-family: 'General Sans Variable'; font-weight: 400; color: #FF0000; font-size: 48px; line-height: 1;}
.counter-verticle .count-box-verticle p{ color: #101010; font-weight: 400;font-size: 20px;line-height: 140%;}
.counter-verticle .count-box-verticle + .count-box-verticle{ margin-top: 60px;; } 
.packaging-section{ padding: 150px 0 0 0; }
.packaging-top-blk{ padding: 0 0 70px;; max-width: 732px; width: 100%; display: block; margin: 0 auto; text-align: center; }
.packaging-top-blk h5{ padding: 0 0 28px;; }
.packaging-top-blk h2{ padding: 0 0 30px;;}
.packaging-bottom-blk  ul{ display: flex ;flex-wrap: wrap; justify-content: center; width: 100%;      }
.packaging-bottom-blk  ul li{ margin: 0 32px; width: 252px; min-height: 120px; display: flex; align-items: center; justify-content: center;}
.packaging-bottom-blk  ul li img{ max-width: 100%; max-height: 110px;; }
.company-section-3{ padding: 250px 0 0 0; }
.company-block-2 .company-image-2 { width:100%; display:flex; justify-content: flex-end; overflow:hidden; padding:0 0px 0 0;  }
.company-block-2 .company-image-2 .image-wrapper { width:100% ; max-width: 477px;position:relative; z-index:1; overflow:hidden;}
.company-block-2 .company-image-2 .image-wrapper .imagebox { width:100%;}
.company-block-2 .company-image-2 .image-wrapper .imagebox .image { width:100%; position:relative; z-index:-1;}
.company-block-2 .company-image-2 .image-wrapper .imagebox .image span { display: block; min-height: 577px; position: relative; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;   }
.company-block-2 .company-image-2 .image-wrapper .imgmask { position:absolute; z-index:1;}
.company-block-2 .company-image-2 .image-wrapper .imgmask.mask-1 { width:calc(100% - 100px); height:100%; top:0px; right:0px; -webkit-transform-origin:right center; transform-origin:right center;}
.company-block-2 .company-image-2 .image-wrapper .imgmask.mask-2 { width:100px; height:100%; bottom:0px; left:0px; -webkit-transform-origin:left top; transform-origin:left top;}
.company-block-2 .company-image-2 .image-wrapper .imgoverlay { position:absolute; z-index:2; -webkit-transform:translateZ(0); transform:translateZ(0);}
.company-block-2 .company-image-2 .image-wrapper .imgoverlay.overlay-1 { width:calc(100% - 100px); height:62px; right:0px; top:0px;}
.company-block-2 .company-image-2 .image-wrapper .imgoverlay.overlay-2 { width:34px; height:100%; top:0px; left:100px;}
.company-block-2 .company-image-2 .image-wrapper .imgoverlay.overlay-3 { width:100px; height:65px; bottom:0px; left:0px;}
.company-block-2 .text-elements { display:block; margin:0px; padding: 0 0 0 100px;}
.company-block-2 .text-elements .el-tagline {   width:100%; display:block;}
.company-block-2 .text-elements .el-text { max-width: 568px; width:100%; display:block; padding:0 0 0 110px;}
.company-block-2 .text-elements h5 { margin:0 0 30px 0; padding:0px;}
.company-block-2 .text-elements h2 { margin:0 0 30px 0; padding:0px;}
.company-block-2 .text-elements p { margin:0 0 30px 0; padding:0px;}
.company-block-2 .text-elements .btnbox { margin:0px; padding:0px;}
/*============== company  page css End ============*/ 

/*============== About  page css start ============*/
.overview-marquee-v2.overview-marquee .text-marquee-wrapper .text-marquee-text:before { background: url(../images/stamp_gray.svg) center center no-repeat; }
.overview-marquee.overview-marquee-v2 { margin-top: 0; }
.map_section { width: 100%; position: relative; padding: 139px 0 55px 0; }
.map_section_inner { width: 100%; position: relative; text-align: center; }
.map_section_inner img { max-width: 100%; width: auto; height: auto; }
.key_figures_inner .el-tagline { padding-right: 20px; padding-bottom: 68px; }
.key_figures_inner .el-tagline h5 { padding-bottom: 30px; }
.inner-banner .banner-text .text h1 + p { padding-top: 11px; }
.inner-banner .banner-text .text p { max-width: 371px; }
/*============== About  page css End ============*/

/*============== About  page 3 css start ============*/
.sustainability-section-1{ padding: 150px 0; background-position: center bottom; background-repeat: no-repeat; background-size: cover;   }
.counter-sustainability-block{ padding: 66px 0 0 0; }
.counter-box-about h2{color: #FF0000; padding: 0 0 20px;; }
.counter-box-about p{ max-width: 330px;; font-size: 20px; color: #101010; line-height: 140%;; }
.sustainability-outer{ overflow: hidden; width: 100%; display: block; position: relative;}
.sustainability-outer .image-bg{ z-index: -1; position: absolute; left: 0px; top:25%;     width: 100%; height: 781px; background-position: center top;  background-repeat: no-repeat; background-size: auto; }
.sustainability-outer .overview-section.white-bg{ background: transparent; }
.overview-section.white-bg.communities-outer .overview-block .overview-image{float: right; padding: 0 0px 0 0px;; }
.communities-outer .overview-block .overview-image .image-wrapper .imgoverlay.overlay-3 { top: auto; bottom: 0px;; }
.communities-outer .overview-block .overview-image .image-wrapper .imgoverlay.overlay-1 { top: -2px; height: 72px; bottom: auto; }
.punjas-section.punjas-initiatives { background:#EBEBE8;}
/*============== About  page 3 css End ============* /

/*============== About page - 2 css Start ============*/
.our_value_section { width: 100%; position: relative; background: #EBEBE8; padding: 150px 0; }
.our_value_section .our_value_inner { width: 100%; position: relative; }
.our_value_inner .el-tagline.text-center .el-text  { max-width: 594px; margin-left: auto; margin-right: auto; }
.our_value_inner .el-tagline h5 { padding: 0 0 30px 0; }
.our_value_inner .el-tagline .el-text { padding: 30px 0 0 0; }
.benefit_list { width: 100%; position: relative; padding: 60px 0 0 0; }
.benefit_list > .row div[class^="col-"] { position: relative; padding-top: 46px; padding-bottom: 46px; }
.benefit_list > .row:first-child div[class^="col-"] { padding-top: 0; }
.benefit_list > .row:last-child div[class^="col-"] { padding-bottom: 0; }
.benefit_list > .row:last-child div[class^="col-"]:after { bottom: -16px; }
.benefit_list > .row div[class^="col-"]:after { content: ''; position: absolute; top:0; right: 0; bottom: 0; width: 1px; background-color: #C4C4C4; }
.benefit_list > .row div[class^="col-"]:last-child:after { display: none; }
.benefit_blk { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 270px; margin: 0 auto; }
.benefit_blk .benefit_icon { display: -ms-flexbox; display: flex; width: 100%; align-items: center; align-content: center; justify-content: center; height: 80px; }
.benefit_blk .benefit_icon img { height: auto; width: auto; max-width: 100%; max-height: 100%; }
.benefit_text { width: 100%; position: relative; text-align: center; padding: 20px 0 0 0; }
.benefit_text h6 { line-height: 1.4; text-align: center; }
.punjas-section.punjas-section-v2 { padding-bottom: 0; }
.punjas-section-v2 .punjas-slider .slider-card { width: 29%; }
.punjas-section-v2 .punjas-title h2 { padding-bottom: 20px; }
.punjas-section-v2 .punjas-title { margin-bottom: 54px; }
/*============== About page - 2 css End ============*/

/*============= career page start ===============*/
.team-title h2{ display: block; width: 100%; text-align: center; }  
.team-block{ padding: 100px 0 0 0; }
.team-title-inner  h3{ font-size: 36px; padding: 0 0 59px;; color: #131415;}
.acc-block{ border-top: 1px solid #C4C4C0;  }
.acc-block .accordion-item { border: 0px;  border-radius: 0px; border-bottom: 1px solid #C4C4C0;background: none; } 
.acc-block .accordion-item:last-child{ border-bottom: 1px solid #C4C4C0; }
.acc-block .accordion-item .accordion-header{    border: 0px; background: none; display: block; border-radius: 0px;  margin: 0px; padding: 0px;   }
.acc-block .accordion-item .accordion-header  .accordion-button{min-height: 0px; align-items: center; display: block; width: 100%; text-align: left;border: 0px; background: none; display: block  ; border-radius: 0px;  margin: 0px; padding:33px 60px 33px 0; background: none; box-shadow: none; outline: none;  position: relative; outline: none; box-shadow: none; color: #000;  font-size: 24px; line-height: 1;    }
.acc-block .accordion-item .accordion-header  .accordion-button span{ position: relative; top: -5px; color: #FF0000; font-size: 20px; line-height: 24px;;}
.acc-block .accordion-item .accordion-header  .accordion-button:focus,
.acc-block .accordion-item .accordion-header  .accordion-button:hover{ text-decoration:none; }
.acc-block .accordion-item .accordion-header  .accordion-button:not(.collapsed){ background: none; box-shadow: none;  }
.acc-block .accordion-item .accordion-header  .accordion-button:after{ transition: all 0.3s ease-in-out; content: ''; position:absolute; right:0px; top: 32px; width:25px; height: 25px; background:url(../images/minus.svg) no-repeat center center ;   } 
.acc-block .accordion-item .accordion-header   .accordion-button.collapsed:after{background:url(../images/plus.svg) no-repeat center center ; }
.acc-block .accordion-item .accordion-header  .accordion-button{    background: #fff; }
.acc-block .accordion-item .accordion-header  .accordion-button.collapsed{   background: none; }
.acc-block .accordion-body{ background: #fff; padding: 0px;;  }
.job-listing{ background: #EBEBE8; border-top: 1px solid #C4C4C0; padding: 40px 40px; }
.job-listing .job-row{color: #000000; font-weight: 500; font-size: 20px;line-height: 128%; display: flex; align-items: center;   }
.job-listing .job-row .text-1{ width: 405px; padding-right: 10px;; }
.job-listing .job-row .text-2{ width: 285px; padding-right: 10px;; }
.job-listing .job-row .text-3{ width: 300px; padding-right: 10px;; }
.job-listing .job-row .text-4{ margin-left: auto; width: auto; padding-right: 0px;; }
.job-listing .job-row .text-4 a{ font-weight: 400; color: #000 ; border-bottom: #000 solid 1px;; }
.job-listing .job-row .text-4 a:hover{ color: #f00;   border-bottom: #f00 solid 1px;;}
.job-listing .job-row +  .job-row{ margin: 50px 0 0 0; }
/*============= career page End ===============*/

/*============ Content End ============*/

/*============ Footer Start ============*/

.footer { width:100%; position:relative;}
.footer-wrapper { width:100%; position:relative; background: #fff; padding:150px 0 0;}
.footer-howcanwe { width:100%; position:relative;}
.footer-howcanwe .footer-howcanwe_content {border-bottom: 1px solid #9D9D99;padding: 0 0 61px;}
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 120px;line-height: 1;color: #101010;font-weight: 400;padding: 0 0 24px;}
.footer_top { padding: 70px 0 0;position: relative;z-index: 2;}
.footer_top .pujasbox {max-width: 120px;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;}
.footer_top .pujasbox .ft-logo {padding: 0 0 30px;}
.footer_top .pujasbox .ft-logo a {display: inline-block;vertical-align: top;}
.footer_top .pujasbox .ft-logo img {max-width: 120px;}
.footer_top .pujasbox .social ul {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
.footer_top .pujasbox .social ul li + li {padding-left:15px;}
.footer_top .pujasbox .social ul li a {width: 40px;height: 40px;display: block;border:1px solid #101010;border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
.footer_top .pujasbox .social ul li a:hover {background: #FF0000;border-color: #FF0000;}
.footer_top .pujasbox .social ul li a:hover img {-webkit-filter: invert(100%);filter: invert(100%);}
.footer_top .contactbox.flxrow { margin:0 -62px;}
.footer_top .contactbox.flxrow .ft_col { padding:0 62px;}
.footer_top .contactbox .conct_info p {font-size:20px;line-height: 2;}
.footer_top .contactbox .conct_info p a {color: #101010;font-weight: 400;}
.footer_top .contactbox .conct_info p a:hover {color: #FF0000;}
.footer_top .contactbox .ft_menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;}
.footer_top .contactbox .ft_menu ul li { margin:0px; padding:0px;}
.footer_top .contactbox .ft_menu ul li a {font-size: 20px;line-height: 2;display: inline-block;vertical-align: top;color: #101010;}
.footer_top .contactbox .ft_menu ul li a:hover {color: #FF0000;}
.footer_copyright { background-repeat: no-repeat;background-position:  top center;background-size: cover;position: relative;padding-bottom: 48.6%;z-index: 1;margin-top: -73px;}
.footer_copyright::before { content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background:#000;opacity: 0.3;z-index: -1;}
.footer_copyright::after { content: '';position: absolute;top: 0;left: 0;right: 0;padding-top: 21%; background: linear-gradient(180deg, #FFFFFF 8.94%, rgba(255, 255, 255, 0) 100%);z-index: -1;}
.footer_copyright .container { position:absolute; bottom:0; left:0; right:0;}
.copyright { justify-content: space-between;align-items: center;padding: 0 0 100px;}
.copyright:after { content:""; width: 100%; height: 1px; background: #fff;display: block;order: 1;-ms-flex-positive: 1;   flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-preferred-size: auto;flex-basis: auto;margin: 0 20px;}
.copyright .copyText { -ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: auto;flex-basis: auto;}
.copyright .copyText p { font-size: 16px;line-height: 1.3125;color: #fff;}
.copyright .copyText p a { display: block;color: #fff;}
.copyright .copyText p a:hover { color: #FF0000;}
.copyright .copyText:last-child { order:2;}

/*============ Footer End ============*/


.footer_copyright::before{ top: 1px;; }
.case-studies-block .case-studies-image .image-wrapper .imagebox .image span{ background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative ;display: block; width: 100%; min-height: 580px; }
.overview-block .overview-image .image-wrapper .imagebox .image span{ background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative ;display: block; width: 100%; min-height: 580px; }
.company-block .company-image { overflow:hidden;}
.company-block .company-image .image-wrapper { width:100%; position:relative; z-index:1; overflow:hidden;}
.company-block .company-image .image-wrapper .imagebox { width:100%;}
.company-block .company-image .image-wrapper .imagebox .image { width:100%; position:relative; z-index:-1;}
.company-block .company-image .image-wrapper .imagebox .image img { width:100%; display:block;}
.company-block .company-image .image-wrapper .imgmask { position:absolute; z-index:1;}
.company-block .company-image .image-wrapper .imgmask.mask-1 { width:100%; height:100%; top:0px; right:0px; -webkit-transform-origin:right center; transform-origin:right center;}
.trusted-section{ padding-bottom: 0px;; }
.news_title{ display: block; position: -webkit-sticky;position: sticky ; top: 250px; padding-bottom: 150px;; left: 0px;; }
.newsInsights_row .row{ align-items: flex-start; align-self: flex-start; }
.news-insights-section{ padding-top: 0px;; }
.news_title>*{ display: block; }
#news-insights{ padding:136px 0 0 0 ; }
.news_row .news_item{ padding: 0px;; }
.news_row .news_item .newsbox a{ padding: 30px 0; }
.trusted_slider .trusted_slider_marquee .trusted_logo{    width: 300px;flex: 0 0 300px;padding: 0px 20px; }
.trusted_slider .trusted_slider_marquee .trusted_logo .logobox{ display: flex; align-items: center;  justify-content: center; min-height: 108px;;  }
.trusted_slider .trusted_slider_marquee .trusted_logo .logobox img{ max-height: 108px;; } 
.trusted_slider{ display: flex;  white-space: nowrap;}
.trusted_slider .trusted_slider_marquee{ width: auto;}
.trusted_slider + .trusted_slider{ flex-direction: row-reverse;}
.trusted_slider .trusted_slider_marquee { -webkit-animation:trustedSlider 30s linear infinite;  animation:trustedSlider 30s linear infinite;}
.trusted_slider.direction_left .trusted_slider_marquee { -webkit-animation:trustedSliderLeft 30s linear infinite; animation:trustedSliderLeft 30s linear infinite;}
.news_row .news_item .newsbox .imagebox{ right: 115px; }



.map_section_inner{ position: relative; display: block; width: 100%; }
.star-block{ position: absolute; z-index: 100; left: 0px;  display: flex; top: 0px; width: 100%; height: 100%; }
.star-block .defult-star{ position: absolute; left: 0px; top: 0px;; }
.star-block .defult-star span{ display: inline-block; position: relative; }
.star-block .defult-star span img{float: left; }
.star-block .defult-star span:before {
	    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255,128,128,0.3);
     top: 50%;
    left: 50%; margin: -5px 0 0 -5px; 
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    animation: dot-ripple 2.5s linear infinite;
}
@-webkit-keyframes dot-ripple {
	to {
		opacity:1;
		-webkit-transform:scale(7.7);
		transform:scale(7.7);
	}
}
@keyframes dot-ripple {
	to {
		opacity:1;
		-webkit-transform:scale(7.7);
		transform:scale(7.7);
	}
}
.star-block .defult-star.star-1{ left: 169px; top: 130px;; }
.star-block .defult-star.star-2{ left: 223px; top: 316px;; }
.star-block .defult-star.star-3{ left: 576px; top: 214px; }
.star-block .defult-star.star-4{ left: auto; top: auto;    right: 135px;bottom: 100px; }
.star-block .defult-star.small span img{ width: 20px;;}
.star-block .defult-star.small span:before {
	width:4px;
height: 4px;
border-radius: 50%;
background-color: rgba(255,128,128,0.3);
 top: 50%;
left: 50%; margin: -2px 0 0 -2px; 
position: absolute;
content: "";
z-index: -1;
display: block;
animation: dot-ripple-2 2.5s linear infinite;
}
@-webkit-keyframes dot-ripple-3 {
	to {
		opacity:1;
		-webkit-transform:scale(11);
		transform:scale(11);
	}
}
@keyframes dot-ripple-3 {
	to {
		opacity:1;
		-webkit-transform:scale(11);
		transform:scale(11);
	}
}
@-webkit-keyframes dot-ripple-2 {
	to {
		opacity:1;
		-webkit-transform:scale(11);
		transform:scale(11);
	}
}
@keyframes dot-ripple-2 {
	to {
		opacity:1;
		-webkit-transform:scale(11);
		transform:scale(11);
	}
}

.star-block .defult-star.small.star-1{ left: auto; top: auto;     bottom: 38px;right: 19px;}
.star-block .defult-star.small.star-2{ left: auto; top: auto; bottom: 140px;right: 36px;}
.star-block .defult-star.small.star-3{ left: auto; top: auto; bottom: 130px;right: 6px;}
.star-block .defult-star.small.star-4{ left: auto; top: auto; bottom: 103px;right: -9px;}

.fourzero-page{ padding: 100px 0; display: block;     background: #EBEBE8;}
.four-zero-blk{ text-align: center; display: block; }
.four-zero-blk .btnbox { padding: 30px 0 0 0; justify-content: center; }
.four-zero-blk h1{ padding: 30px 0; }

.sitemap-links{ padding: 100px 0; }
.sitemap-links ul li{ padding: 7px 0; }
.sitemap-links ul li a{ display: inline-block; font-weight: 600; font-size: 24px; color: #000; }
.sitemap-links ul li a:hover{ color: #f00; }
.has-scroll-smooth .smooth-scroll {  position: inherit !important; min-height: inherit;}
.brands-section { position:inherit;}
.brands-filter-main { min-height:90px;}
.brands-filter-wrap { top:120px;}


/*============ Gallery Modal Start ============*/
.gallery-modal.modal { overflow:hidden;}
.gallery-modal .modal-dialog { -webkit-transform:none !important; transform:none !important;}
.gallery-modal .modal-content { background:rgba(0,0,0,0.50); border:none; border-radius:0px;}
.gallery-modal .modal-header { border:none; border-radius:0px; margin:0px; padding:0px;}
.gallery-modal .modal-header .btn-close { width:40px; height:40px; background-color:#FFFFFF; background-size:20px auto; border:none; border-radius:0px; box-shadow:none; outline:none; opacity:1; position:absolute; top:0px; right:0px; z-index:10; margin:0px; padding:0px;}
.gallery-modal .modal-body { overflow:hidden; margin:0px; padding:0px;}
.gallery-modal .gallery-modal-slider { width:100%; height:100vh; position:relative;}
.gallery-modal .gallery-modal-slider .slider-box { width:100%; height:100vh; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center;}
.gallery-modal .gallery-modal-slider .slider-box .slider-image { width:100%; display:block; text-align:center;}
.gallery-modal .gallery-modal-slider .slider-box .slider-image img { width:auto; max-width:90vw; max-height:90vh;}
.gallery-modal .gallery-modal-slider .swiper-button-next,
.gallery-modal .gallery-modal-slider .swiper-button-prev { color:#FFFFFF;}
.gallery-modal .gallery-modal-slider .swiper-button-next { right:15px;}
.gallery-modal .gallery-modal-slider .swiper-button-prev { left:15px;}
/*============ Gallery Modal End ============*/


.overview-block .overview-text.home-text .text-elements h2{ max-width: 500px;}
.main-banner .hero-slider .slider-box .slider-text .text{ max-width: 776px;;}
.case-studies-block .case-studies-text .text-elements .el-tagline{ max-width: 98%;}
.main-banner.version-2 .hero-slider .slider-box .slider-text .text{ max-width: 700px;}
[data-scroll-call="chars-down-up-mask"] .lineParent,
[data-scroll-call="lines-down-up-mask"] .lineParent { height:1.11em; overflow:hidden;}
.main-banner .hero-slider .slider-box .slider-text .lineParent { height:1.11em; overflow:hidden;}
.inner-banner .banner-text .text .lineParent { height:1.11em; overflow:hidden;}


/*============ New Custom Style Start ============*/
.contact-info .infoText p a { color:#101010;}
.contact-info .infoText p a:hover { color:#FF0000;}
.loca-menu ul li::before { cursor:pointer;}
.loca-menu ul li.active a,
.loca-menu ul li:hover a { color:#fff;}
.enquiry_form form .captcha { margin:0px; padding:0px;}
.enquiry_form form .captcha summary { display:none;}
.enquiry_form form .captcha .details-description { display:none;}
.enquiry_form form .captcha .g-recaptcha { width:304px; -webkit-transform:scale(0.72); transform:scale(0.72); margin:-7px 0px -10px -42px;}
.comman-page .region-content { margin:30px 0 0 0;}
.comman-page .region-content .block-page-title-block { margin:0px; padding:0 0 45px 0;}
.comman-page .region-content .block-local-tasks-block { margin:0px; padding:0 0 40px 0;}
.comman-page .region-content .block-local-tasks-block ul.tabs { width:auto; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0px -10px; padding:0px;}
.comman-page .region-content .block-local-tasks-block ul.tabs li { margin:0px; padding:0px 10px;}
.comman-page .region-content .block-local-tasks-block ul.tabs li a { display:block; font-family: 'General Sans Variable'; font-size:16px; color:#101010; text-transform:uppercase; font-weight:500; line-height:1; background:#EBEBEB; border:none; border-radius:0px; box-shadow:none; outline:none; cursor:pointer; margin:0px; padding:14px 15px;}
.comman-page .region-content .block-local-tasks-block ul.tabs li.is-active a { color:#FFFFFF; background:#FF0000;}
.comman-page .region-content .block-system-main-block { margin:0px; padding:0px;}
.comman-page .region-content .block-system-main-block form .form-item { margin:0 0 20px 0; padding:0px;}
.comman-page .region-content .block-system-main-block form .form-item label { width:100%; display:block; font-size:16px; color:#808080; font-weight:500; line-height:1; margin:0 0 12px 0; padding:0px;}
.comman-page .region-content .block-system-main-block form .form-item .form-checkbox + label { width:auto; display:inline-block; margin:0; padding:0;}
.comman-page .region-content .block-system-main-block form .form-item .form-text,
.comman-page .region-content .block-system-main-block form .form-item .form-email,
.comman-page .region-content .block-system-main-block form .form-item .form-file { width:100%; height:50px; vertical-align:top; font-size:16px; color:#101010; font-weight:500; background:#FFFFFF; border:1px solid #EBEBEB; border-radius:0px; box-shadow:none; outline:none; margin:0px; padding:0px 15px;}
.comman-page .region-content .block-system-main-block form .form-item .description { font-size:16px; line-height:1.3; margin:0px; padding:10px 0 0 0;}
.comman-page .region-content .block-system-main-block form .form-submit { width:auto; height:50px; color:#FFFFFF; background:#FF0000; margin:0px; padding:0px 20px;}
.comman-page .region-content .block-system-main-block form p { font-size:16px; margin:0 0 20px 0; padding:0px;}
.comman-page .region-content .block-system-main-block form details { margin:0 0 20px 0; padding:0px;}
#toolbar-administration #toolbar-bar { z-index:9999;}
/*============ New Custom Style End ============*/


.committed-block .button .btn-arrow{ width: 40px; height: 40px; margin: 0 0 0 8px;}
.footer_top .contactbox .conct_info p,
.copyright .copyText p{font-family: 'General Sans Variable';}
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 170px; }

.loc-map-list .map-item div[aria-label="Map"] > div > div:last-child {
    filter: grayscale(1);
}
  html  body{ opacity: 0;   } 

  html.has-scroll-smooth body { opacity: 1; } 
 

.manufacturing-text.version-2{ margin: 0 auto; display: block; width: 100%;  max-width: 1030px; text-align: center;    } 
.manufacturing-block .manufacturing-text.version-2 .text-elements .el-text{ padding: 0px; text-align: center; max-width: 100%; }
.manufacturing-block.version-3 .company-image .image-wrapper{ transform: none !important; }
.manufacturing-block.version-3  .manufacturing-text{ margin-left: 0px;; padding-left: 0px;; }
.manufacturing-block.version-3 .packaging-bottom-blk ul li { width: 162px;;}

.overview-section.white-bg + .punjas-section.punjas-infrastructure{padding-top: 0;}
.range-section + .punjas-section.punjas-infrastructure{padding-top: 0;}
.range-title + .punjas-btnbox{margin-top: 0;}

.range-title.range-new-title {padding-bottom: 0;}
.range-title.range-new-title h2 {padding-bottom: 80px;}
/*div[data-scroll-section-id^="section"] { opacity: 1 !important; } */





.inner-banner   .banner-text.about-banner-text.long-text .text { max-width: 1000px; }

.range-box .box-image{ min-height: 285px; display: flex; align-items: center; justify-content: center; } 
.range-box .box-image img{ max-width: 100%; max-height: 285px;  }

.overview-block .overview-text .text-elements .el-text.no_heding {padding: 0;}

.full_width_map iframe {width: 100%; height: 400px; filter: grayscale(100%); -webkit-filter: grayscale(100%);}

body .messages--status{     position: fixed; background-color: #fff !important; background-position: 12px 22px;right: 10px; font-size: 20px; font-weight: 500;bottom: 10px;z-index: 100000;  }
body  .messages--error{     position: fixed; background-color: #fff !important; background-position: 12px 20px;right: 10px; font-size: 18px; font-weight: 500;bottom: 10px;z-index: 100000;  }