html {overflow-x: hidden}
* {margin: 0px;padding: 0px;outline: none;}
body {
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: #1a1e2c;
	overflow-x: hidden;
	padding-top: 60px
}
body.modal-open {padding-right: 0!important}
img {max-width: 100%;outline: 0}
p, span{line-height: 34px;}
button:focus {outline: none;}
ul {padding: 0; margin: 0;}
figure img {width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: Montserrat,sans-serif;}

/*======== cookies =========*/
.cookies_strip button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.cookies_strip {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #f6f6f6;
    cursor: pointer;
    box-shadow: 0px 2px 3px #b1b1b1;
    background-color: #e9f0f8;
    z-index: 11;
}
.cookies_strip button {
    background: #4a141400;
    cursor: pointer !important;
    padding: 6px 12px !important;
    font-size: 10px !important;
    line-height: 17px !important;
    font-weight: 600;
    font-family: Montserrat;
    color: #000000 !important;
    transition: all 0.3s !important;
    border: 0px solid #68b631 !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: #fff !important;
    background-color: #00b2ff!important;
}
#ot-sdk-btn-floating.ot-floating-button{
	display: none;
}
/*======== cookies =========*/

/* ========================= stl_blk =================================*/
.header_stl_blk_top{
    position: relative;
    z-index: 4;
    padding: 40px 0;
    background: #fff;
}
.stl_blk {
    background: #f7f7f7;
    margin-bottom: 0px;
    transition: all 0.5s;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
}
.stl_blk:hover {
    box-shadow: 0px 4px 11px 0px #ccc;
    background: #ffffff;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
.stl_blk .stl {
    padding: 20px 20px;
    display: flex;
    align-items: center;
}
.stl_blk .stl .stl_icon {
    padding-right: 20px;
}
.stl_blk .stl .stl_icon img {
    width: 60px;
}
.stl_blk .stl .stl_text {
	width: 80%;
    font-weight: 800;
    font-family: Montserrat;
    font-size: 18px;
    color: #3a3a3a;
}
.stl_blk .stl .stl_btn {
    width: 115px;
    display: inline-block;
}
.stl_blk .stl .stl_btn a.know_more {
    min-width: 134px;
    padding: 5px 7px;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat;
    color: #3a3a3a;
    text-align: left;
	display: inline-block;
}

/* ========================= stl_blk =================================*/


/*================ Start top_header css =============*/
.top_header {
    background: #00b2ff;
    position: fixed;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.about_us_menu {
    text-align: center;
}
.about_us_menu ul {
    padding: 0px;
    margin: 0px;
}
.about_us_menu ul li {
    display: inline-block;
}
.about_us_menu ul li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 14px;
    transition: all ease-in-out 0.2s;
    color: #fff !important;
    font-weight: 600;
    font-family: Montserrat;
    min-width: 136px;
    text-align: left;
}
.about_us_menu ul li.meeting_button {
   background-color: #ffffff52;
   margin-left: 16px;    
}

.about_us_menu ul li.meeting_button a {
   min-width: inherit;   
}
.about_us_menu ul li a:hover {
    color: #1957e0;
}
.about_us_menu ul li a img.c_arrow {
    margin-left: 0px;
    width: 9px;
	transition: all 0.5s;
}
.about_us_menu ul li a:hover img.c_arrow {
    margin-left: 5px;
}
/*================ End top_header css =============*/



/* ==========================================================
			Start header dropdown Language CSS
============================================================ */
.utl_language .dropdown {
    padding: 5px 15px 5px 5px;
}
.utl_language button.btn::after {
    position: relative;
    top: 2px;
    font-size: 17px;
}
.utl_language button.btn {
    font-size: 13px;
    vertical-align: baseline;
    position: relative;
    font-weight: 500;
}
.utl_language button.btn:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 80%;
    background: #a3a3a3;
    left: -2px;
    top: 50%;
    transform: translate(0, -50%);
}
.utl_language button.btn.focus, .utl_language button.btn:focus {
    outline: 0;
    box-shadow: 0 0;
}
.utl_language .dropdown-menu.show {
    width: 240px;
    padding: 0px;
    z-index: 9;
    left: inherit !important;
    right: 0 !important;
    transform: translate3d(-24px, 52px, 0px) !important;
    border-bottom: 0;
    border-top: 4px solid #00b2ff;
    border-radius: 0px;
}
.utl_language .dropdown-menu.show:after {
    position: absolute;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #00b2ff;
    top: -17px;
    right: 70px;
    z-index: 0;
}
.utl_language a.dropdown-item {
    padding: 15px 20px;
    color: #000000 !important;
    border-bottom: 1px solid #d5d5d5;
	font-size: 13px;
    font-family: Montserrat;
	 font-weight: 500;
}
.utl_language img.cunt_ficon {
    margin-right: 8px;
    width: 20px;
    height: auto;
}
.utl_language a img.cunt_ficon {
    margin-right: 12px;
}
.utl_language img.select_arrow {
    float: right;
    width: 12px;
    margin-top: 7px;
}
.utl_language a.dropdown-item span {
    color: #a3a3a3;
    font-size: 12px;
    display: inline-block;
    font-weight: 300;
    margin-left: 3px;
    line-height: normal;
}
.utl_language .dropdown-item.active, .utl_language .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: #efefef;
}
.scroll_logo {
    width: 140px;
}
/* ==========================================================
			End header dropdown Language CSS
============================================================ */
	
	
/* ==========================================================
						Start header
============================================================ */
.color_white{color:#fff}
.vvdn-navbar{height:auto;position:fixed;z-index:999;width:100%;top:0px;background: #fff !important;box-shadow: 0px 1px 7px 0px #e4e4e4;}
.customPosition{position:static!important;}
.mainMenuWrapper ul{padding:0;margin:0;list-style:none}
.mainMenuWrapper ul.navListing li{display:inline-block;font-family: Montserrat;}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul li{display:block}
.mainMenuWrapper ul.navListing li>a{display:block;padding:20px 25px;text-decoration:none;font-size:13px;transition:all ease-in-out .2s;font-family: Montserrat;
    font-weight: 500;}
.mainMenuWrapper ul.navListing a{color:#333;text-decoration:none}
.mainMenuWrapper ul.navListing li>.navSubmenu li a:before{content:'';position:absolute;height:20px;width:1px;background:#ccc;left:0;top:17px}
.mainMenuWrapper ul.navListing li>.navSubmenu li:first-child a::before{display:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
.concept_production{position:absolute;top:41%;color:#fff;left:6.5%}
.concept_production h1{font-size:40px;font-weight:600;font-family: Montserrat;}
.concept_production h1 span{font-weight:800}
.concept_production p{font-family:Lato,sans-serif;font-size:26px;margin-top:25px;color:#e2e2e2}
.containerBlock{width:1090px;margin:auto;min-height:280px}
.thirdLevelMenu{width:205px;position:relative}
.cardBlock .imgThumbCol img{width:100%}
.mainMenuWrapper ul.navListing .cardBlock .bottomTextLink a,.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li .cardBlock .bottomTextLink a:hover{font-weight:400}

.Let_talk {
	display: none;
	width: auto;
    position: fixed;
    right: 0;
    cursor: pointer;
    bottom: 2px;
    transform: translateY(0%);
    outline: 0;
    z-index: 11;
	
}
.Let_talk.landing_page {
    display: block;
	bottom: auto;
}


.loading {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10000000;
	opacity: .6
}
.progress_bar .progress {
	width: 0%;
	height: 4px;
	background-color: #00b2ff;
	position: fixed;
	top: 61px;
	left: 0;
	z-index: 99
}
.up-arrow {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 60px;
	border-radius: 20px;
	right: 10px;
	z-index: 100;
	background: #ccc;
	color: #666;
	text-align: center;
	cursor: pointer;
	font-size: 20px
}
.up-arrow a {
	margin-right: 2px;
}
/* ==========================================================
						End header
============================================================ */


/* ==========================================================
						Start Banner
============================================================ */
.gray_bg {
    padding: 60px 0;
    background: #f5f8f9;
}
section.wemakeit-section {
	border-bottom: 1px solid #00b2ff;
}
section.banner_blk {
	position: relative;
}
section.banner_blk .banner_contant {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0px, -50%);
}
.banner_contant h1.heading_commons {
	color: #fff;
}
.fontLight {
    font-weight: 400;
}
.banner_contant h1.heading_commons span {
    text-transform: capitalize;
}
.banner_contant h2 {
	font-size: 32px;
	font-weight: 800;
	font-family: Montserrat,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}
.banner_contant p {
	color: #fff;
	font-size: 24px;
}
.banner_contant a.read_more {
	color: #fff;
}
.heading_commons {
	font-size: 55px;
	font-weight: 800;
	font-family: Montserrat,sans-serif;
	padding-top:15px;
	color: #000000;
	position: relative;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.heading_commons:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 7px;
	top: 0px;
	left: 0;
	background: #00b2ff;
}
#sync2.owl-carousel.owl-loaded {
	position: absolute;
	top: 0;
	right: 100px;
	bottom: 0;
	width: 254px;
	display: flex !important;
	align-items: center;
}
.owl-stage-outer .owl-stage .owl-item.active:nth-child(1) {
	display: none;
}
.know_more_btn .know_more {
    color:#ffffff;
    display: inline-block;
    transition: ease-in-out 0.5s;
}
.know_more_btn .know_more .c_arrow {
    width: auto !important;
    display: inline-block !important;
}
section.business_units_section {
    background: #efefef;
    padding: 15px 0;
    position: relative;
	z-index: 9;
}
.business_units_service .row .col-md-3 {
    max-width: 16.6%;
	text-align: center;
	position: relative;
}
.business_units_service .row .col-md-3.border-0:after{
	opacity: 0;
}
a.open_page {
    text-decoration: none;
    color: #000000;
}
.business_units_type {
	position: relative;
	transition: all 0.5s;
    padding-top: 20px;
}
.business_units_type:after {
	position: absolute;
    content: "";
    top: -50px;
    left: -18px;
    right: -18px;
    bottom: -50px;
    z-index: 9;
    background: rgb(0,177,253);
    background: -moz-linear-gradient(-45deg, rgba(0,177,253,1) -1%, rgba(0,177,253,1) 0%, rgba(0,177,253,1) 50%, rgba(0,177,253,1) 50%, rgba(0,192,254,1) 50%, rgba(0,192,254,1) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(0,177,253,1) -1%,rgba(0,177,253,1) 0%,rgba(0,177,253,1) 50%,rgba(0,177,253,1) 50%,rgba(0,192,254,1) 50%,rgba(0,192,254,1) 99%);
    background: linear-gradient(135deg, rgba(0,177,253,1) -1%,rgba(0,177,253,1) 0%,rgba(0,177,253,1) 50%,rgba(0,177,253,1) 50%,rgba(0,192,254,1) 50%,rgba(0,192,254,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1fd', endColorstr='#00c0fe',GradientType=1 );
    opacity: 0;
    transition: ease-in-out 0.5s;
    border-radius: 10px;
    box-shadow: 0px 3px 15px 0px rgb(0 177 253 / 40%);
}
.business_units_type:hover::after {
    opacity: 1;
}
.business_units_type img {
    position: relative;
	z-index: 91;
	transition: ease-in-out 0.5s;
}
.business_units_type h3 {
    position: relative;
    z-index: 91;
    font-size: 16px;
    font-weight: 600;
	margin-top: 20px;
	transition: ease-in-out 0.3s;
	min-height: 46px;
}
.business_units_type h3 span {
    display: block;
}
.business_units_type .b_units_btn {
	position: relative;
    z-index: 91;
    opacity: 0;
    transition: ease-in-out 0.5s;
	max-width: 120px;
    margin: 0 auto;
    text-align: left;
}
.business_units_type .b_units_btn a.know_more {
    color: #fff;
}
.business_units_type:hover .b_units_btn {
    opacity: 1;
}

.know_more {
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat,sans-serif;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    transition: ease-in-out 0.5s;
}
.know_more .c_arrow {
	width: auto;
    margin-left: 5px;
    transition: ease-in-out 0.5s;
    margin-top: -2px;
}
.know_more:hover {
	text-decoration: none;
	color: #ffffff;
}
.know_more:hover img.c_arrow {
    margin-left: 8px;
}
.home_contact_us {
    position: fixed;
    top: 55%;
    transform: translate(0px, -50%);
    right: 0;
    z-index: 11;
    cursor: pointer;
    box-shadow: 0px 2px 16px 0px rgb(4 112 233 / 35%);
}
/* Modal */
.modal-content {
    background: hsl(0deg 0% 100%);
    padding: 50px 50px 30px;
    border: 0px;
    border-radius: 0px;
}
.modal-content button.close {
    position: absolute;
    opacity: 1;
    font-size: 34px;
    font-weight: 400;
    top: 2px;
    color: #3a3a3a;
    line-height: 15px;
    right: 4px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

.floating-label {
	position: relative;
	margin-bottom: 20px;
}
.floating-input,
.floating-select {
	font-size: 14px;
	padding: 4px 0px;
	display: block;
	width: 100%;
	color: #3a3a3a;
	height: 34px;
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid #999999;
}
.floating-input:focus,
.floating-select:focus {
	outline: none;
	border-bottom: 1px solid #00b2ff;
}
.floating-label label {
	margin-left: 0 !important;
	opacity: 1;
	line-height: 13px;
}
.floating-label label {
	color: #999;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
	top: -20px;
	font-size: 14px;
	color: #0090ff !important;
	opacity: 1;
}
.floating-select:focus ~ label,
.floating-select:not([value=""]):valid ~ label {
	top: -18px;
	font-size: 14px;
	color: #5264AE;
}

.floating-input:focus ~ .bar:before,
.floating-input:focus ~ .bar:after,
.floating-select:focus ~ .bar:before,
.floating-select:focus ~ .bar:after {
	width: 50%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.floating-textarea {
	min-height: 30px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
}

.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.floating-input:focus ~ .highlight,
.floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}
@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}
@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}
	to {
		width: 0;
		background: transparent;
	}
}

.modal-content {
	background: hsl(0deg 0% 100%);
	padding: 50px 50px 30px;
	border: 0px;
	border-radius: 0px;
}
.modal-content .contact-head {
	color: #000000;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 28px;
	padding-top: 15px;
	position: relative;
}
.modal-content .contact-head:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 7px;
	top: 0px;
	left: 0;
	background: #00b2ff;
}
.contact-form .form-control {
	border-radius: 0px;
	border: 0px;
	background: transparent;
	border-bottom: 1px solid #999999;
	color: #3a3a3a;
	padding: .375rem 0;
}
textarea.form-control {
	height: 40px;
}
.contact-form .form-control:focus {
	box-shadow: none;
	border-color: #01b2ff;
	background: transparent;
}
.contact-form .form-group .btn-billed {
	background: transparent;
	border-radius: 0;
	padding: 7px 40px;
	box-shadow: none;
	border: 1px solid #3a3a3a;
	color: #3a3a3a;
	float: left;
	font-weight: bold;
	font-family: Montserrat;
	font-size: 15px;
}
.contact-form .form-group .btn-billed:hover {
	background: #00b2ff;
	color: #fff;
	border-color: #00b2ff;
}
.modal-backdrop {
	background: #000000;
}
.modal-backdrop.show {
	opacity: 0.8;
}
.modal-content .contact-form label {
	position: absolute;
	color: rgb(58 58 58 / 0.70);
	margin-top: 0px;
	margin-left: -12px;
	display: block;
	pointer-events: none;
	transition: 0.2s;
}
.modal-content .form-group {
	margin-bottom: 35px;
}
.modal-content .form-group input:focus + label {
	margin-top: 0px;
	font-size: 12px;
}
.contact-form .form-group {
	position: relative;
}
span.email_error.text-danger {
	position: absolute;
	font-size: 12px;
}
.pry_statement {
	font-size: 13px;
	margin-bottom: 18px !important;
	color: #3a3a3a;
	font-weight: 500;
	font-family: Montserrat;
}
.pry_statement input {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 3px;
	height: 18px;
	width: 32px;
}
.pry_statement a {
	text-decoration: underline;
	color: #000000;
	font-weight: 600;
}
.contact-form .form-control-placeholder {
	position: absolute;
	top: 0;
	padding: 7px 0 0 13px;
	transition: all 200ms;
	opacity: 1;
}
.contact-form .form-control:focus + .form-control-placeholder,
.contact-form .form-control:valid + .form-control-placeholder {
	font-size: 14px;
	transform: translate3d(0, -100%, 0);
	color: #01b2ff;
}
.contact-form .captcha_text {
	margin-bottom: 0px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact-form .captcha_text + div {
	margin-top: 15px;
	float: right;
	margin-right: 75px;
	cursor: pointer;
	position: relative;
	z-index: 5;
	margin-bottom: 15px;
}
span.error.text-light, .subscribe_error {
	color: #f00 !important;
	font-size: 13px;
	font-weight: 500;
	font-family: MOntserrat;
	display: block;
	text-align: left;
}
.modal-content.modal-content-bodyform {
	background: hsl(200, 33%, 98%);
	padding: 25px 80px;
	border: 1px solid #676767;
}
.modal-content.modal-content-bodyform .contact-form .form-group .btn-billed {
	background: #000000;
	border-radius: 6px;
	padding: 8px 40px;
	box-shadow: none;
	border: 0px;
	color: #fff;
}
.modal-content.modal-content-bodyform .form-control {
	border-radius: 0px;
	border: 0px;
	background: transparent;
	border-bottom: 1px solid #676767;
	color: #676767;
	padding: .375rem 0;
}
.modal-content.modal-content-bodyform .contact-form label {
	position: absolute;
	color: #676767;
	margin-top: 0px;
	margin-left: -12px;
	display: block;
	pointer-events: none;
	transition: 0.2s;
}
.get-in-tauch h2 {
	font-size: 35px;
	color: #181818;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	margin-top: 40px;
	text-align: center;
}
.modal-content.modal-content-bodyform .contact-form .form-control-placeholder {
	opacity: 0.8;
}

i.fas.fa-caret-down:after {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    content: "";
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
}
.modal-content.signupwidthmod .close {
    position: absolute;
    opacity: 1;
    font-size: 32px;
    font-weight: 400;
    top: 6px;
    color: #3a3a3a;
    line-height: 15px;
    right: 7px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px #989898;
    padding: 0 0 3px 1px;
}
.modal-content .close:hover {
    opacity: 1 !important;
}
/* End Modal */

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



/* ==========================================================
				Start Create Innovate Produce
============================================================ */

ul.bullets_points {
    margin-left: 30px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 300;
}


section.create_innovate_produce_blk {
    padding: 140px 0;
}
.create_innovate_produce_text p {
    max-width: 80%;
    margin: 30px auto 0;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}
section.create_innovate_produce_services {
    padding: 60px 0;
	position:relative;
}
section.create_innovate_produce_services:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/create_innovate_produce_services_bg.jpg) no-repeat top right;
    z-index: 0;
    background-size: cover;
}
.cip_service_contant {
    position: relative;
    z-index: 1;
}
.cip_service_contant h2 {
    font-weight: 800;
    color: #fff;
    font-size: 40px;
    margin-bottom: 24px;
}
.cip_service_contant p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    line-height: 26px;
}
.cip_service_img {
    position: relative;
}
.cip_service_img img {
    position: relative;
    z-index: 1;
}
.first_before {
    padding-left: 20px;
    padding-top: 20px;
}
.first_before:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 86%;
    border: 2px solid #36bef9;
    z-index: 1;
}
.second_before {
	padding-right: 20px;
    padding-top: 20px;
}
.second_before:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 86%;
    border: 2px solid #36bef9;
    z-index:1;
}
/* ==========================================================
				End Create Innovate Produce
============================================================ */




/* ==========================================================
						about vvdn
============================================================ */
section.wemakeit-section {
    padding: 60px 0;
}
.wemakeimg {
    padding: 90px 0 150px;
}
.vvdn-logo-bg {
    position: relative;
}
.logo-opacity-img{
	max-width: 320px;
	margin: auto;
}
.vvdn-full-name {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    max-width: 520px;
    margin: auto;
    padding: 80px 0;
}
.vvdn-full-name h2 {
    font-weight: 800;
    font-size: 54px;
    color: #000000;
    position: relative;
}
.vvdn-full-name h4 {
    font-weight: 800;
    font-size: 28px;
    color: #000000;
    margin-bottom: 20px;
}
.vvdn-full-name p {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
	margin: 0;
}
.vvdn-full-name .b_units_btn {
    display: inline-block;
    min-width: 110px;
    text-align: left;
    margin-left: 15px;
}
.vvdn-full-name .b_units_btn a.know_more {
    color: #000;
}
.vvdn-full-name h2:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 8px;
    top: -15px;
    left: 0;
    right: 0;
    background: #00b2ff;
    margin: 0 auto;
}
.vvdn-full-name h4 {
    font-weight: 800;
    font-size: 22px;
    color: #000000;
    margin-bottom: 20px;
}
.vvdn-details{
    margin-top: 60px;
}
.vvdn-details .common-blk {
    text-align: center;
    padding: 0 48px;
	margin-top: 40px;
}
.vvdn-details .common-blk .imgblk {
    max-width: 60px;
    margin: auto;
}
.vvdn-details .common-blk h3 {
    font-weight: 800;
    font-size: 24px;
    margin: 20px 0;
}
.vvdn-details .common-blk p {
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    font-size: 16px;
	margin: 0;
}
/* ==========================================================
						End about vvdn
============================================================ */


/* ==========================================================
					 Start Footer css 
============================================================ */
.footer {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 40px 0 0 0;
	background-color: #f7f7f7;
	font-family: Montserrat;
}
.footer-link {
	color: #fff
}
.footer-link h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: Montserrat;
	color: #3a3a3a;
}
.footer-link h4 a {
	color: #fff;
	text-decoration: none
}
.footer-link ul li {
	display: block;
    color: #474747;
    font-size: 14px;
}

.bottom-arrow {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 100;
	color: #163470;
	text-align: center;
	cursor: pointer;
	font-size: 20px
}
.bottom-arrow .arrowbounce {
	animation: arrowbounce 2s infinite
}
.footer-link ul li a {
	color: #474747;
	font-size: 14px;
	transition: .5s;
	line-height: 30px
}
.footer-link ul li a:hover {
	text-decoration: none;
	color: #09afdf
}
.copyright ul.sitemaplink li a {
	color: #474747;
	text-decoration: none
}
.copyright span.allright {
	text-align: left;
	display: block;
	color: #474747;
}
.footer-link ul li a:hover img {
	opacity: 1
}
.footer-link ul li a img {
	opacity: .8
}
.copyright {
	text-align: center;
    font-size: 12px;
    padding: 12px 0 12px 0;
    border-top: solid 0px #08a1eb;
    color: #827e7e;
    background: #fff;
}
.copyright span.allright {
	text-align: left;
	display: block
}
.copyright .col:nth-of-type(1) {
	text-align: left
}
.copyright .contact-social {
	font-size: 18px
}
.copyright .contact-social ul li a {
	color: #827e7e;
	text-decoration: none
}
.copyright ul.sitemaplink {
	float: right;
	list-style: none
}
.copyright ul.sitemaplink li {
	float: left;
	margin: 0 10px
}
.copyright ul.sitemaplink li:nth-child(1) {
    margin: 0;
}
.copyright ul.sitemaplink li a {
	color: #827e7e;
	text-decoration: none
}
.contact-social ul,
.footer-link ul {
	padding: 0;
	margin: 0
}
.contact-social ul li {
    display: inline-block;
    padding: 0 5px;
}
img.hover_icon {
    display: none;
}
.copyright .contact-social ul li a:hover img.default_icon {
    display: none;
}
.copyright .contact-social ul li a:hover img.hover_icon {
    display: inline-block;
}
/* ==========================================================
					 End Footer css 
============================================================ */


/* ==========================================================
					Start Responsive CSS 
============================================================ */
.cardBlock p {
    font-size: 14px;
}
@media (min-width: 1600px){
	.container {
		max-width: 1500px;
		margin: 0 auto;
	}
}


@media (min-width:992px){
.hamBugarmenuBlock{display:none}.mainMenuWrapper ul.navListing li.navItem:hover .navSubmenu.collapse{display:table}
.midiumMegaMunu{max-width:100%}.midiumMegaMunu strong{display:block;margin-bottom:10px;font-size:14px}ul.navListing li>.navSubmenu.midiumMegaMunu li a:before{display:none}
.mainMenuWrapper ul.navListing li>.navSubmenu.midiumMegaMunu li a{padding:5px 0;font-size:14px;display:block;width:100%}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu{padding:20px 15px}
.collapeseShow.collapse:not(.show){display:block}.navbar-brand{margin-left:27px}
.fifthLevelMenu.collapse:not(.show),.fourthLevelMenu.collapse:not(.show){display:block}
.mobileCarret{display:none}
.show-right-menu{visibility:hidden;opacity:0;transition:opacity .2s ease-in}ul.thirdLevelMenu>li.active .show-right-menu{opacity:1;visibility:visible}
ul.thirdLevelMenu>li.active>.fourthLevelMenu>.haveFifthLevel:not(.active) .show-right-menu{display:none}
.fifthLevelMenu,.fourthLevelMenu{position:absolute;left:100%;top:0;width:300px;visibility:hidden;opacity:0;transition:opacity .4s ease-in}
.fifthLevelMenu,.fourthLevelMenu{z-index:-1}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li.active>ul.fourthLevelMenu{z-index:1}
.fifthLevelMenu{width:545px}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li.active ul.fourthLevelMenu,.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li>ul.fourthLevelMenu>li.active ul.fifthLevelMenu{opacity:1;visibility:visible}.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li a{display:inline-block;transition:all .5s ease;width:auto;font-size:14px;}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li>ul.fourthLevelMenu li>ul.fifthLevelMenu li ul.sixthLevelMenu>li>a{margin-bottom:8px}.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li.active>a,.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li>a:hover,.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul.thirdLevelMenu>li>ul.fourthLevelMenu>li.active:not(.deActiveColor)>a{color:#09afdf}.mainMenuWrapper ul.navListing li.navItem .navSubmenu{box-shadow:-1px 3px 11px 1px rgba(86,86,90,.2);left:0;right:0;padding:5px 15px;position:absolute;transform:scaleY(0);transform-origin:0 0 0;transition:all .3s ease 0s;visibility:hidden;width:100%;z-index:101;background:#fff;border-bottom:solid 3px #4c87b2;text-align:center;margin:auto}
.mainMenuWrapper ul.navListing li>.navSubmenu li a{font-size:14px;padding:17px 35px;position:relative}
.mainMenuWrapper ul.navListing li>.navSubmenu li a:hover{color:#09afdf}
.cardBlock .bottomTextLink a{font-size:13px!important}
.mainMenuWrapper ul.navListing li.navItem .navSubmenu{box-shadow:-1px 3px 11px 1px rgba(86,86,90,.2);left:0;right:0;padding:5px 15px;position:absolute;transform:scaleY(0);transform-origin:0 0 0;transition:all .3s ease 0s;visibility:hidden;width:100%;z-index:101;background:#fff;border-bottom:solid 4px #4c87b2;text-align:center;margin:auto}
.mainMenuWrapper ul.navListing li.navItem:hover .navSubmenu{transform:scale(1);visibility:visible}
.desk_menu{display:block!important}.mobile_menu{display:none!important}
.mobile_caret{display:none}
}

@media (min-width:768px){
	.owl-carousel#sync2 .owl-stage .owl-item {
		float: none;
		width: 100% !important;
		margin:25px 0;
	}

	.owlslider_btn .owl_btn {
		display: flex;
		align-items: center;
		color: #fff;
	}
	#sync2.owl-carousel.owl-loaded:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -8px;
		width: 110px;
		background: rgb(255 255 255 / 15%);
	}
	.owlslider_btn .owl_btn span:last-child {
		padding-left: 24px;
		position:relative;
	}
	.owlslider_btn .owl_btn span:first-child {
		min-width: 140px;
		text-align: right;
		display: inline-block;
		cursor: pointer;
		transition: all linear 0.3s;
	}
	.owlslider_btn .owl_btn span{
		transition:all ease-in-out 0.5s;
	}
	.owl-item.active{
		position:relative;
	}
	.owl-item.active .item .owl_btn span:last-child:after{
		transition: ease-in-out 0.5s;
		opacity: 0;
		content: '';
	}
	.owlslider_btn .current .item .owl_btn span:last-child:after{
		content: "";
		background-image: url(../images/border-readius.png);
		position: absolute;
		left: 5px;
		right: 0;
		top: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-position: 0 center;
		opacity: 1;
	}
	.owlslider_btn .current .item .owl_btn span:first-child,
	.owl-item.active:hover .item .owl_btn span:first-child{
		font-weight: 700;
		transition: all linear 0.3s;
	}
	.owlslider_btn  .owl-item:last-child .item .owl_btn:hover span {
		font-weight: 700;
		transition: all linear 0.3s;
	}

	.business_units_service .row .col-md-3:after {
		position: absolute;
		content: '';
		top: 50%;
		width: 1px;
		height: 60%;
		background: #bcbcbc;
		right: 0;
		transform: translate(0px, -50%);
	}
	.b_units_icon_hover {
		opacity: 0;
		position: absolute;
		visibility: hidden;
	}
	img.b_units_icon {
		position: absolute;
	}
	.business_units_type:hover h3 {
		color: #fff;
		font-weight: 800;
		font-size: 18px;
	}
	.business_units_type:hover img.b_units_icon {
		visibility: hidden;
		transition: ease-in-out 0.5s;
	}
	.business_units_type:hover img.b_units_icon_hover {
		visibility: visible;
		transition: ease-in-out 0.5s;
		opacity: 1;
	}
}

@media (max-width:1599px){
	.banner_contant h1.heading_commons {
		font-size: 45px;
	}
	.banner_contant h2 {
		font-size: 28px;
	}
	.banner_contant p {
		font-size: 18px;
	}
	.heading_commons {
		font-size: 34px;
	}
	.owlslider_btn .owl_btn span:last-child {
		padding-left: 30px;
		width: 102px;
	}
	.business_units_type:after {
		top: -32px;
		bottom: -35px;
	}
	.business_units_type h3 {
	    font-size: 15px;
	    min-height: 58px;
	}
	.business_units_type:hover h3 {
        font-size: 16px;
    }
	.cip_service_contant h2 {
		font-size: 34px;
		margin-bottom: 20px;
	}
	.vvdn-full-name h2 {
		font-size: 38px;
	}
	.vvdn-full-name h4 {
		font-size: 22px;
	}
	.vvdn-full-name p {
		font-size: 16px;
	}
	.vvdn-details .common-blk h3 {
		font-size: 20px;
	}
	.vvdn-details .common-blk {
		padding: 0 25px;
	}
	.vvdn-details .common-blk p {
		font-size: 14px;
	}
}

@media (max-width: 1279px) {
	.about_us_menu ul li a {
	    font-size: 11px;
	}
}


@media (max-width:1199px){
	.banner_contant h1.heading_commons {
		font-size: 36px;
	}
	.mainMenuWrapper ul.navListing li>a {
		padding: 20px 10px;
	} 
	.heading_commons {
		font-size: 30px;
	}
	#sync2.owl-carousel.owl-loaded {
		right: 20px;
	}
	.owlslider_btn .owl_btn span:last-child {
		padding-left: 34px;
		width: 96px;
	}
	.owlslider_btn .owl_btn span img{
		max-width: 74px;
	}
	.vvdn-full-name h2 {
		font-size: 30px;
	}
	.vvdn-full-name h4 {
		font-size: 20px;
	}
	.banner_contant h2 {
		font-size: 24px;
	}
}

@media (min-width:1024px){
	.modal-lg, .modal-xl {max-width: 960px;}
}

@media (min-width:992px) and (max-width:1199px){
	.containerBlock{width:945px}
	.thirdLevelMenu{width:20%}
    .fourthLevelMenu{width:250px}
}

@media (min-width:768px) and (max-width:1024px){
	.business_units_type h3, .business_units_type:hover h3 {
		font-size: 13px;
	}
	.business_units_type .b_units_btn {
		opacity: 1;
	}
	.business_units_type .b_units_btn a.know_more {
		color: #000;
	}
	.business_units_type:hover a.know_more {
		color: #fff;
	}
}

@media (min-width:768px) and (max-width:991px){
	.owlslider_btn .owl_btn span:last-child {
		padding-left: 50px;
		width: 100px;
	}
	#sync2.owl-carousel.owl-loaded:before {
		width: 90px;
	}
	.owl-carousel#sync2 .owl-stage .owl-item {
		margin: 15px 0;
	}
	.owlslider_btn .current .item .owl_btn span:last-child:after, .owl-item.active:hover .item .owl_btn span:last-child:after {
		content: "";
		background-image: url(../images/border-readius.png);
		position: absolute;
		left: 25px;
		background-size: cover;
		width: 5px;
		height: 60px;
	}
	.owl-item.active .item .owl_btn span:last-child:after {
		top: -5px;
	}
	.know_more {
		font-size: 13px;
	}
}

@media (max-width:991px){
	.banner_contant h1.heading_commons {
		font-size: 32px;
	}
	.fontLight {
		font-size: 25px;
		line-height: normal;
	}
	ul.navListing>li a[aria-expanded=true] .fa-caret-down:after {transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);
	display: inline-block;}	.navbar-brand{margin: 0 auto;}
	.navbar-brand img{max-width:inherit; margin: 0 auto !important;}
	.heading h1{font-size:30px}
	.mainMenuWrapper{position:fixed;width:240px;left:-100%;top:61px;bottom:0;height:100%;z-index:999;background-color:#fff;padding:5px 20px 20px 20px;-webkit-transition:all .3s;transition:all .3s;transition-timing-function:cubic-bezier(0,0,.58,1);-webkit-transition-timing-function:cubic-bezier(0,0,.58,1)}
	.mainMenuWrapper .navListing{overflow:auto;height:-moz-calc(100% - (80px));height:-webkit-calc(100% - (80px));height:calc(100% - (80px));border-top:solid 1px rgba(255,255,255,.1);background:#fff}
	.mainMenuWrapper ul.navListing>li>a{padding:8px 0}
	.mainMenuWrapper ul.navListing li>.navSubmenu li a{font-size:13px;padding:7px 0}
	.hamBugarmenuBlock{position:absolute;left:15px;top:-45px;text-align:center;z-index:99}
	.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul li.haveFifthLevel.M_manu_cloud_enring{position:relative}
	.mainMenuWrapper ul.navListing li.navItem .navSubmenu.midiumMegaMunu ul li.haveFifthLevel.M_manu_cloud_enring .mobileCarret{position:absolute;right:0;top:0;width:40px;text-align:right;padding:8px 2px;margin-top:0!important}
	.letresponsive{display:block}.letresponsive_bgcolore{display:none}.fixed~.Let_talk .letresponsive,.top-fixed~.Let_talk .letresponsive{display:none}
	.fixed~.Let_talk .letresponsive_bgcolore,.top-fixed~.Let_talk .letresponsive_bgcolore{display:block}
	.chenge_new_hamberger{display:none}
	.fixed .new_hamberger,.top-fixed .new_hamberger{display:none}
	.fixed .chenge_new_hamberger,.top-fixed .chenge_new_hamberger{display:block}
	.customPosition{position:relative!important;}.toggleMenu img{width:30px}
	.toggleMenu{width:30px}.closeMenu,.togglehamburgar .openMenu{display:none}
	.togglehamburgar .closeMenu{display:block}
	.blue_closeMenu,.togglehamburgar .openMenu{display:none}
	.togglehamburgar .blue_closeMenu{display:none}
	.fixed .togglehamburgar .blue_closeMenu,.top-fixed .togglehamburgar .blue_closeMenu{display:block}
	.fixed .togglehamburgar .closeMenu,.top-fixed .togglehamburgar .closeMenu{display:none}
	ul.navListing>li a[aria-expanded=true] .fa-caret-down:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);display:inline-block}.mainMenuWrapper ul.navListing li>.navSubmenu li a::before{display:none}
	.mainMenuWrapper ul.navListing li.navItem .navSubmenu{position:relative;box-shadow:none;border-radius:0;min-width:100%;background-color:#fff;border-bottom:0;text-align:left;padding:0 15px}.mainMenuWrapper ul.navListing li.navItem strong{font-size:14px}.mainMenuWrapper ul.navListing li.navItem .fa-caret-down{float:right}
	.mainMenuWrapper ul.navListing li{display:block;border-bottom:solid 1px rgba(0,0,0,.09);text-transform:none;background:#fff}
	.mainMenuWrapper ul.navListing li:last-child{border:0}.overflow{overflow:hidden!important}
	.back-shadow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;background:rgba(0,0,0,.5);display:none}
	.mobile_caret{position:absolute;top:5px;right:0;padding:5px;z-index:1;display:block;width:34px;text-align:right}
	.modal-content {padding: 50px 50px;}
	.copyright ul.sitemaplink {float: none; list-style: none; width: 100%; text-align: center;}
	.footer-link .fcenter {margin-bottom: 30px;}
	.utl_language .dropdown {padding: 0;}
	.vvdn-details .common-blk {padding: 0;}
	
	.cip_service_contant h2 {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.cip_service_contant p {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.stl_blk .stl .stl_text {
		font-size: 15px;
		width: 100%;
		display: inline-block;
	}
	.stl_blk .stl .stl_btn {
		float: right;
	}

	.utl_language .dropdown-menu.show {
    	width: 200px;
    	transform: translate3d(0px, 48px, 0px) !important;
	}

    .utl_language button.btn::after {
		position: absolute;
		right: 0;
		top: 15px;
	}

	.utl_language button.btn {
    	padding-left: 0;
    	width: 100%;
    	text-align: left;
	}

	.utl_language button.btn::after{
    	position: absolute;
    	right: 0;
    	top: 15px;
	}
	.utl_language a.dropdown-item{
    	padding: 15px 7px;
    	font-size: 12px;
	}
	.utl_language a img.cunt_ficon{
    	margin-right:10px;
	}

	.utl_language .dropdown-menu.show:after{
    	right: auto;
    	left:2px;
	}

	.utl_language a.dropdown-item span {
    	line-height: 24px;
	}

}

@media (max-width:768px){
	
}

@media (max-width:767px){

	body{
		padding-top: 60px;
	}

	.progress_bar .progress {
		top: 59px;
	}

	.top_header {
    	height: 74px;
	}
	.vvdn-navbar {
		top: 0px;
	}
	.mainMenuWrapper {
		top: 60px;
	}
	.about_us_menu ul li a {
		text-align: center;
	}

	/*============ footer ============*/
	.copyright {
		background: #f7f7f7;
	}
	.copyright span.allright {
		text-align: center;
		margin-bottom: 10px;
	}
	.footer-link h4 {
		margin-bottom: 20px;
	}
	.copyright .contact-social {
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: solid 1px #dadada;
	}
	.footer-link ul li a img {
		opacity: 1;
	}
	/*============ footer ============*/
	
	/*============ Start Banner ============*/
	.banner_contant h1.heading_commons {
		font-size: 30px;
	}
	.heading_commons {
		font-size: 26px;
	}
	.fontLight {
		font-size: 24px;
	}
	#sync2.owl-carousel.owl-loaded {
		right: 0;
		left: 0;
		width: 100%;
		height: 80px;
		bottom: 0;
		padding: 10px 0px;
		top: inherit
	}
	#sync2.owl-carousel.owl-loaded:before {
		position:absolute;
		content: "";
		top: inherit;
		bottom: 0;
		right: 0;
		left: 0;
		height:80px;
		width: 100%;
		background: rgb(255 255 255 / 45%);
	}
	.owlslider_btn .owl_btn span:last-child {
		padding-left: 0;
		width: 68px;
		position: relative;
		margin: 0 auto;
		display: block;
	}
	.owlslider_btn .owl_btn span img {
		max-width: 54px;
		margin: 18px auto;
	}
	.owlslider_btn .owl_btn span:first-child {
		display: none;
	}
	.owl-item.active .item .owl_btn span:last-child:after {
		opacity: 0;
		content: '';
	}
	.owlslider_btn .current .item .owl_btn span:last-child:after {
		content: "";
		background-image: url(../images/res-border-readius.png);
		position: absolute;
		left: 50%;
		top: -22px;
		right: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-position: 0 center;
		opacity: 1;
		width: 62px;
		transform: translate(-50%, 0px);
		height: 14px;
		margin: 0 auto;
		background-size: contain;
	}
	section.business_units_section {
		background: #ffffff;
		padding: 30px 0 50px;
		margin-bottom: 0px;
	}
	.business_units_service .row .col-md-3 {
		max-width: 100%;
	}
	.business_units_type {
		position: relative;
		background: #00b1fd;
		margin-top: 20px;
		padding: 50px 0;
		overflow: hidden;
		z-index: 1;
		border-radius: 10px;
		min-height: 160px;
	}
	.business_units_type h3 {
		color: #fff;
		font-weight: 800;
		min-height: auto;
		margin-top: 0;
		font-size: 24px;
	}
	.business_units_type h3 span {
		display: inline-block;
		font-weight: 800;
	}
	.business_units_type:after{
		display:none;
	}
	.business_units_type .b_units_btn {
		margin-top: 15px;
		opacity: 1;
	}
	img.b_units_icon {
		display: none;
	}
	.business_units_type img.b_units_icon_hover {
		position: absolute;
		visibility: visible;
		bottom: -25px;
		left: 10%;
		z-index: 0;
		opacity: 0.3;
		width: 144px;
	}
	.business_units_type img.b_units_icon_hover.b_units_icon_res3{
		bottom: -15px;
	}
	section.create_innovate_produce_blk {
		padding: 40px 0 80px;
	}
	section.create_innovate_produce_services:before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 10%;
		/* background: #fff; */
		z-index: 1;
	}
	.create_innovate_produce_text p {
		max-width: 90%;
		font-size: 16px;
		line-height: 24px;
	}
	.first_before, .second_before {
		padding-left: 0;
		padding-top: 0;
		padding-right: 0px;
	}
	.first_before:before, .second_before:before {
		opacity: 0;
	}
	.cip_service_contant {
		margin-top: 20px;
	}
	.direction_rtl {
		flex-direction: column-reverse;
	}
	
	.vvdn-details .common-blk p {
		max-width: 90%;
		margin: 0 auto;
	}
	.wemakeimg {
		padding: 0px 0 60px;
	}
	.vvdn-full-name h2 {
		font-size: 26px;
	}
	.vvdn-full-name h4 {
		font-size: 18px;
	}
	
	.modal-content {
		padding: 40px 25px;
	}
	.modal-body {
		padding: 1rem 0;
	}
	.stl_blk {
		box-shadow: 0px 4px 11px 0px #ccc;
		background: #ffffff;
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}
	.stl_blk .stl {
		display: inline-block;
	}
	.stl_blk .stl .stl_icon img {
		width: 50px;
	}
	.stl_blk .stl .stl_text {
		margin: 15px 0;
	}
}

@media (max-width:600px){
	.cip_service_contant h2 {
		font-size: 24px;
	}
	.cip_service_contant p {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width:576px){
	.copyright span.allright{text-align:center;margin-bottom:10px}
	.copyright ul.sitemaplink{float:initial;text-align:center;margin:10px 0 10px 0;padding:0}
	.copyright ul.sitemaplink li{float:initial;margin:0 6px;display:inline-block}
	.footer-link h4, .footer-link ul li {text-align: center;}
	
}

@media (max-width: 480px) {
	.about_us_menu ul li a {
		padding: 5px 6px;
		font-size: 10px;
	}
}

@media (max-width:425px){
	.create_innovate_produce_text p {
		max-width: 100%;
		font-size: 14px;
		line-height: 22px;
		margin-top:20px;
	}
	.vvdn-full-name p {
		font-size: 14px;
	}
	.vvdn-details .common-blk h3 {
		font-size: 18px;
	}
	.banner_contant h1.heading_commons {
		font-size: 32px;
	}
}

@media (max-width:320px){
	.banner_contant h1.heading_commons {
		font-size: 28px;
	}
	.fontLight {
		font-size: 20px;
	}
}