/*!
Theme Name: Salasar Organic
Theme URI: #
Author: Webplus
Author URI: https://www.webplusinfotech.net/
Description: #
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: salasarorganic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*common css start*/
html { scroll-behavior: smooth;overflow-x: hidden; scrollbar-width: thin;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.wel-sec-img{height:100%;}
.home .inquiry-form .form-group{position:initial;}
body { font-family: 'Be Vietnam', sans-serif; position: inherit !important; min-height: auto !important;}
ul, li {margin: 0; padding: 0; list-style: none;}
a {display: inline-block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.25s ease-in-out;}
a:hover, a:focus {text-decoration: none; box-shadow: none;}
h1,h2,h3,h4,h5,h6, p{margin: 0; padding: 0;}
button:focus {outline: none;}
.bg-1 {background-color: #2D3A99;}
.bg-2 {background: #ffedfd; /* Old browsers */ background: -moz-linear-gradient(left,  #ffedfd 15%, #eaf9fe 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #ffedfd 15%,#eaf9fe 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #ffedfd 15%,#eaf9fe 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedfd', endColorstr='#eaf9fe',GradientType=1 ); /* IE6-9 */ }
.bg-3 {background-color: #fff;}
.comn-small-title {color: #EB008C; font-size: 20px; line-height: 55px; font-weight: 500;} 
p {color: #333333; font-size: 17px; font-weight: 400; line-height: 28px; text-align:justify;}
.cmnn-link {color: #EB0085; font-size: 15px; font-weight: 600; letter-spacing: 0.25px; position: relative;}
.cmnn-link:before {content: " "; position: absolute; top: 100%; left: 0; width: 00%; height: 3px; background-color: #EB0085; transition: all 0.3s ease-in-out;}
.cmnn-link:hover:before {width: 70%; transition: all 0.3s ease-in-out;}
.cmnn-link:hover {color: #EB0085; }
.comn-submit {border-radius: 0; background-color: #E30087; border: none; color: #ffffff; padding: 15px 50px; font-size: 18px; font-weight: 600; margin-left: 25px; border: 2px solid #E30087; transition: 0.8s all ease;}
.comn-submit:hover {background-color: transparent; border: 2px solid #E30087; color: #2c3a94; transition: 0.8s all ease; }
.comn-title {color: #333333; font-weight: 600; font-size: 27px;}
.form-control:focus {box-shadow: none;}
.goog-te-banner-frame.skiptranslate {display: none;}

/*common css end*/

/*back top top css start*/
.to-top {display: inline-block; background-color: #e30087; width: 42px; height: 42px; text-align: center; position: fixed; bottom: 20px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 111; }
.to-top.show {opacity: 1; visibility: visible; }
.to-top::after {content: "\f106"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 20px; line-height: 42px; color: #fff; }
/*back to top css end*/

/*preloader css start*/
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-image: url('assets/images/preloader.gif'); background-repeat: no-repeat; background-color: #fff;  background-size: auto 200px; background-position: center; }
/*preloader css end*/

/*sticky header*/
.humburger.sticky-brgr {background-color: transparent; position: relative; top: 7px;}
.humburger.sticky-brgr h6{color:  #666666 !important;}
.humburger.sticky-brgr span.bar {background-color: #666666 !important;}
.header-menu .stcky-socil .stcy-contct {text-transform: uppercase; color: #3F3F3F; font-size: 17px; font-weight: 500; border: 3px solid #EC008C; border-radius: 5px; }
.header-menu .stcky-socil .stcy-contct:hover {background-color: #ec008c; color: #ffffff;}
.header-menu.hedr-stcky .stcky-socil  li a {color: #666666; font-size: 20px; font-weight: 400; letter-spacing: 1px; padding: 0 20px; }
.header-menu.hedr-stcky .stcky-socil  li a:hover {color: #37018c;}
.header-menu.hedr-stcky .stcky-socil .border-right {border-right: 1px solid rgba(117,117,132,0.25) !important;}
.header-menu.hedr-stcky .stcky-socil  li .stcy-contct {padding: 12px 22px; font-size: 17px; font-weight: 500; letter-spacing: 0px;}
.header-menu.hedr-stcky .stcky-socil  li .stcy-contct:hover {color: #ffffff;}
.navbar-nav .nav-item.active a{ color:#ff56ba;}
.overlay ul li{
	width: 100%;
	text-align: left;

}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}
#navbar.sticky {top: 0px; left: 0px; right: 0px; }
#navbar.sticky .humburger.sticky-brgr span.bar {height: 3px;}
#navbar {top: -178px; left: 0; right: 0; z-index: 900; position: fixed; transition: all 0.5s linear; background-color: #ffffff; -webkit-box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.15); box-shadow: 1px 1px 25px 0 rgba(0,0,0,0.15); }
.header-menu .navbar-brand {margin-left: 118px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.25s ease-in-out;}
.navbar-light .nav.cont .nav-item {text-align: right; color: #888888; font-size: 17px; font-weight: 400; line-height: 20px; }
.overlay {height: 100%; width: 0%; position: fixed; z-index: 999999; top: 0; right: 0; background: rgba(46, 61, 156, 0.6); /* background: rgb(46, 61, 156); */ overflow-y: hidden; transition: 1s all ease; }
.overlay:before {
	content: '';
	position: absolute;
	width: 200px;
	background: #E30087;
	height: 100%;
	transition: 0.5s all ease-in-out;
}
.overlay_open:before {
	content: '';
	position: absolute;
	width:0px;
	background: #E30087;
	height: 100%;
	transition: 0.5s all ease-in-out;
}

.sidebar-wrapper {
	width: 475px;
	height: 100%;
	max-height: 100%;
	top: 0;
	float: right;
	background: rgb(46, 61, 156); overflow:auto;
	scrollbar-width: thin;
}
.clos-box{
	display: block;
	text-align: right;
	padding: 0 6%;
}
.overlay .closebtn {
	font-size: 80px;
	text-decoration: none;
	color: #ffffff;
	line-height: 60px;
}
.overlay .navbar-nav {
	
	/* top: 10%; */
	width: 100%;
	float: right;
	z-index: 90;
	display: block;
	height: 100%;

	right: 0;
	padding: 3% 30px;}
	.overlay .navbar-nav a {text-decoration: none; font-size: 26px; color: #eeeeee; display: inline-block;  letter-spacing: 0.5px; margin: 0px 0px 10px 0px; transition: 0.3s all ease; text-transform: capitalize; font-weight: 500; position: relative; margin: 0; }
	.overlay .navbar-nav a:hover {opacity: 0.5;}
	.overlay .navbar-nav .dropdown-menu  .dropdown-item:focus, .overlay .navbar-nav .dropdown-menu .dropdown-item:hover {background-color: transparent !important;}
	.header-menu .stcky-socil li {display: inline-block;}
	.header-menu.hedr-stcky .sticky-brgr h6 {padding: 6px 0 0 28px;}
	.humburger.sticky-brgr span.bar {top: 13%;}
	.header-menu.hedr-stcky .humburger span.bar.arow-m {top: 0;}
	.header-menu.hedr-stcky .humburger span.bar.arow-b {top: 25%;}
	/*#navbar.sticky img {max-width: 530px;}*/
	#navbar.sticky .header-menu {padding: 0;}
	/*sticky end*/
	.overlay .navbar-nav .dropdown-menu {background: none; border: none; text-align: left; padding: 0; margin: 0; }
	
	.navbar-nav .dropdown-menu.show {
		transition: left 0.5s  ease-in-out;

		padding-left:10px;
	}
	.overlay .navbar-nav a.dropdown-toggle {margin-bottom: 0; }
	.overlay .navbar-nav .dropdown-menu a {	    text-decoration: none;
		font-size: 22px;
		color: #ddd;
		display: inline-block;
		letter-spacing: 0px;

		border-bottom: 2px solid #2b3a97;
		margin: 0px;
		transition: 0.3s all ease;
		padding: 5px;
		text-transform: capitalize;
		font-weight: 500;
	}
	.btn-group	.switcher .selected {background: transparent ;position: relative;z-index: 9999;}	
	.btn-group	.switcher .selected a {border: none ;color: #fff ;background: none ; width: auto;}
	.btn-group	.switcher .selected a:hover {background: none;}
	.btn-group .selected a.open {background-image: none !important;}
	.btn-group	.switcher .selected a::after {display: inline-block;margin-left: .355em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
	.btn-group	.switcher .option{max-height: none ;-webkit-box-shadow: 0px 24px 18px 4px rgba(51, 51, 51, 0.65) ;box-shadow: 0px 24px 18px 4px rgba(51, 51, 51, 0.65) ;border: none ;background-color: #fff ;border-radius: .25rem;}
	.btn-group	.switcher .option a:hover {background: #fff !important ;}
	.btn-group	.switcher{ width: auto; }
	.btn-group .switcher .option { position: absolute ;will-change: transform ;top: 0px ;left: 0px ;transform: translate3d(0px, 34px, 0px);}
	.btn-group .switcher .option a:hover{color: #000;}

	header .border-right {border-right: 1px solid rgba(255,255,255,0.25) !important;}
	.header-main > .nav {position: relative; right: 8%;}
	.header-main .nav-link {display: inline;}
	.header-main .nav li {padding: 0 12px;}
	.header-main .nav li p {color: #D2E487; font-size: 14px;letter-spacing: 1px; font-weight: 500;}
	.header-main .nav li a {color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 1px; padding: 0 10px;}
	.header-main .nav li a:hover {opacity: 0.5;}
	.header-main .hedr-socil li {display: inline-block; padding: 0 10px;}
	.header-main .hedr-socil li a i {font-size: 19px;}
	.header-main .language .btn-link {font-size: 14px; color: #ffffff; text-decoration: none; font-weight: 500; padding: 1px; letter-spacing: 2px;}
	.header-main .language .btn-link h6 {font-size: 14px; color: #ffffff; text-decoration: none; font-weight: 500; padding: 6px; letter-spacing: 2px;}
	.header-main .language .translation-links {min-width: 190px; -webkit-box-shadow: 0px 24px 18px 4px rgba(51, 51, 51, 0.65); box-shadow: 0px 24px 18px 4px rgba(51, 51, 51, 0.65); border: none; }
	.header-main .language .btn-group img {width: 32px; border: solid 3px #FFF; border-radius: 50%; margin: 0px 2px 0px 5px; height: 32px;}
	.header-main li.language ul li {padding: 0 0 0 0;}
	.header-main li.language a {color: #000000; display: -webkit-box;}
	/*.header-main li.language h6 {font-size: 14px;}*/
	.humburger { top: 0; right: 0; cursor: pointer; transition: .2s; z-index: 111; background: #3D51CE; position: absolute; width: 140px; height: 64px; }
	.humburger span.bar { position: absolute;height: 2px; width: 30px; background: #ffffff; margin: 9px auto; top: 34%; left: 54%;} 
	.header-menu .humburger span.bar.arow-m {top: 21%; width: 40px; }
	.header-menu .humburger span.bar.arow-b {top: 47%; width: 40px; }
	.header-menu .humburger.is-active span.bar.arow-m {top: 35%; width: 30px; transform: rotate(45deg); opacity: 1; }
	.header-menu .humburger.is-active span.bar.arow-b {top: 35%; width: 30px; transform: rotate(-45deg); opacity: 1; }
	.header-menu .humburger.is-active span.bar { opacity: 0; }
	.header-menu .humburger h6 {color:#ffffff; padding: 20px 0 0 20px; font-size: 15px; font-weight: 700;}
	.full-menu { position: absolute; color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; width: 500px; right: 0; transition: all 0.2s ease; background: #3D51CE; opacity: 0; }
	/*header css end*/
	
	/*slider css start*/
	.slider-sec {position: relative; overflow: hidden;}
	.slider-sec .sldr-logo {position: absolute; z-index: 2; left: 60px; top: 70px; }
	.slider-sec .sldr-logo a {display: block;}
	.slider-sec .owl-nav .owl-prev i, .slider-sec .owl-nav .owl-next i {font-size: 25px; color: #ffffff;}
	.slider-sec .owl-nav .owl-prev {position: absolute; left: 23%; bottom: 2%;}
	.slider-sec .owl-nav .owl-next {position: absolute; left: 26%; bottom: 2%;}
	.slider-sec .owl-nav .owl-prev:hover, .slider-sec .owl-nav .owl-next:hover {background-color: transparent !important;}
	.slider-sec .owl-nav .owl-prev:focus, .slider-sec .owl-nav .owl-next:focus {outline: none;}
	.sldr-cntnt01 {position: absolute; top:16%; right: 5%; }
	.sldr-cntnt01 p {font-size: 35px; color: #ffffff; font-weight: 300; line-height: 45px; white-space: pre-line;}
	.sldr-cntnt01 p strong {font-weight: 600;}
	.sldr-cntnt {position: absolute; bottom: 5%; left: 33%; }
	.sldr-cntnt h2{ font-size:45px; color:#fff; font-weight:700; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; position:relative;}
	.sldr-cntnt h2:before{ content:''; display:block; position:absolute; left:0; bottom:0; width:100px; height:3px; background:#ec008c;}
	.sldr-cntnt p {font-size: 35px; color: #ffffff; font-weight: 300; line-height: 45px; margin:0px 0px 10px 0px;}
	.sldr-cntnt p strong {font-weight: 600;}
	.sldr-cntnt .sub-t-txt{font-size: 19px;line-height: 30px;margin-top: 20px;color: #fff;font-weight: 500;letter-spacing: 1px;word-spacing: 2px;}
	
	.crs-section p{ margin:0px 0px 15px 0px;}



	/*slider css end*/
	
	/*welcome sec start*/
	.wel-scss {position: relative; z-index: 11; overflow: hidden;}
	.wel-scss ul li {display: inline-block;  padding: 0 24px 0 0;}
	.wel-scss ul li:last-child {padding: 0;}
	.wel-scss .wel-sec-cntnt { width: 74%;}
	.wel-scss .wel-sec-cntnt h1 {color: #37008C; font-size: 40px;font-weight: 600; line-height: 50px;}
	.wel-scss .wel-sec-cntnt h6 {color: #000000; font-size: 20px; font-weight: 500; line-height: 30px;margin-bottom: 15px;}
	.wel-scss .wel-sec-cntnt p {margin-bottom: 25px; padding-right: 30px; text-align: justify;}
	.certifictn {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 55px; }
	.certifictn .certi-title h5 {color: #3F3F3F; font-size: 22px; font-weight: 600; line-height: 25px; margin:0 0 25px 0;}
	.wel-scss .wel-sec-cntnt a{ position:relative; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
	.wel-scss .wel-sec-cntnt a:hover{ color:#000;}
	/*welcome sec end*/
	
	
	.news-cntnt a{ position:relative; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
	.news-cntnt a:hover{ color:#000;}
	
	/*counter sec start*/
	.counter_scss {background-color: #76AD52; position: relative;}
	.counter_scss .counter {text-align: center; padding: 44px 0; }
	.counter img {display: inline-block; vertical-align: middle; }
	.count_text {display: inline-block; vertical-align: middle; padding-left: 20px; }
	.counter_scss .counter p {font-size: 40px; font-weight: 600; color: #ffffff; position: relative; display: table-cell; }
	.counter_scss .counter p:before {content: '+'; position: absolute; right: -25px; }
	.counter_scss .counter span {color: #ffffff; font-size: 17px; font-weight: 400; }
	.bg-gr { background: #76ad52;}
	.wel-sec-img img{
		height: 100%;
	}
	.cer-img{background: #fff;text-align: center;padding: 15px;box-shadow: 0 0 25px 1px rgba(0,0,0,.1);}
	/*counter sec end*/

	/*product sec start*/
	.prdct-solu {position: relative; z-index: 111;  background: #2c3a94; background: -moz-linear-gradient(left,  #2c3a94 15%, #374bbf 85%); background: -webkit-linear-gradient(left,  #2c3a94 15%,#374bbf 85%);  background: linear-gradient(to right,  #2c3a94 15%,#374bbf 85%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3a94', endColorstr='#374bbf',GradientType=1 );  }
	.prdct-solu .prdct-title .comn-small-title {color: #EAF8FE; }
	.prdct-solu .prdct-title h2 {color: #ffffff; font-size: 40px; font-weight: 600; }
	.prdct-solu .prdct-title p {color: #ffffff; font-size: 17px; line-height: 28px; letter-spacing: 0.25px; margin: 20px 0; }
	.prdct-solu .prdct-img img {border-radius: 30px;}
	.prdct-solu a.dye-box {position: relative;}
	.prdct-solu a.dye-box:after {content: ""; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.25; border-radius: 30px;}
	.prdct-solu a.dye-box:hover .cmnn-link:before {width: 70%;transition: all 0.3s ease-in-out;}
	.prdct-solu .dyes-slider.owl-carousel .owl-nav { display: block !important;}
	.prdct-solu .dyes-slider.owl-carousel .owl-nav .owl-prev {position: absolute; top: 50%; left: -6%; transform: translateY(-50%);}
	.prdct-solu .dyes-slider.owl-carousel .owl-nav .owl-next {position: absolute; top: 50%; right: -6%; transform: translateY(-50%);} 
	.prdct-solu .dyes-slider.owl-carousel .owl-nav button {transition: 0.6s all ease; width: 45px; height: 45px; line-height: 0; border: 2px solid rgba(255,255,255,0.25); border-radius: 100%; color: #ffffff; font-size: 25px; text-align: center; }
	.prdct-solu .dyes-slider.owl-carousel .owl-nav .owl-prev:hover,
	.prdct-solu .dyes-slider.owl-carousel .owl-nav .owl-next:hover {background-color: #ffffff; color: #000000; transition: 0.6s all ease;}
	.prdct-solu .prdct-cntnt {position:absolute; bottom: 15%; left: 9%; z-index: 1;}
	.prdct-solu .prdct-cntnt h6 {font-size: 20px; color: #ffffff; font-weight: 700;}
	.prdct-solu .prdct-cntnt span {font-size: 15px; color: #ffffff; font-weight: 600;}
	.news-evnt {background-color: #ffffff; padding: 25px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); }
	.news-evnt .news-titl h3 {color: #3F3F3F; font-size: 22px; font-weight: 600; }
	.news-evnt .news-cntnt p {white-space: pre-line; line-height: 25px; margin-bottom: 13px; text-align:left;}
	.news-rese-scss {margin-bottom: -170px; margin-top: 70px; z-index: 1}
	.cnt-clr {background-color: #70A34E; }
	/*product sec end*/

	/*export sec start*/
	.exports {overflow-x: auto; z-index: 1; position: relative; padding-top: 200px; }
	.mappic {margin: auto; position: relative; display: block; }
	.mappic .btn-map {z-index: 1; padding: 1px; position: absolute; font-size: 35px;}
	.mappic .btn-map:before {position: absolute; content: "\f041"; top: 0; right: 0; width: 100%; height: 100%; font-family: FontAwesome; color: #76AC52; }
	.mappic .btn-map.india:before ,.sales-world-export .sales-mappic .india.btn-map:before{color: #E30087; -webkit-animation: mover 1s infinite alternate;animation: mover 0.5s infinite alternate;}

	.exports .mappic {width: 1345px; }
	.exports .mappic .btn-map:nth-child(1) {top: 40%; left: 66%; }
	.exports .mappic .btn-map:nth-child(2) {top: 38%; left: 70%; }
	.exports .mappic .btn-map:nth-child(3) {top: 35%; left: 62%; }
	.exports .mappic .btn-map:nth-child(4) {top: 28%; left: 54%; }
	.exports .mappic .btn-map:nth-child(5) {top: 37%; left: 50%; }
	.exports .mappic .btn-map:nth-child(6) {top: 78%; left: 47%; }
	.exports .mappic .btn-map:nth-child(7) {top: 52%; left: 73%; }
	.exports .mappic .btn-map:nth-child(8) {top: 61%; left: 76%; }
	.exports .mappic .btn-map:nth-child(9) {top: 19%; left: 42%; }

	.mappic .btn-map.india h6,.sales-mappic .btn-map.india h6 {font-weight: 700; font-size: 22px; }
	.mappic .btn-map h6 {margin-top: -27px; font-size: 18px; font-weight: 600; }
	.exports .client-title h2 {font-size: 40px; font-weight: 600; line-height: 50px;}

	@-webkit-keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-7px); }
	}
	@keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-7px); }
	}

	/*export sec end*/

	.product-sec  .produc-title h2 {font-size: 30px; font-weight: 600; color: #333333; }
	.inquiry-form {margin: 50px 0px 0px 0px; padding: 0px 0px; position: relative; }
	.inquiry-form .form-group {position: relative; margin: 25px 0px 30px 0; padding: 0px 0px; z-index: 1; display:flex;} 
	span.wpcf7-form-control-wrap.phones {
		width: 40%;
	}
	.inquiry-form .form-group label {transition: 0.6s all ease; position: absolute; top: -54px; left: 15px; transform: translate(10px, 20px); font-size: 15px; color: #999999; }
	.inquiry-form .form-control {height: 56px; border: 2px solid #DDDDDD; border-radius: 15px; }
	.inquiry-form .form-group textarea {height: 120px; resize: none; }
	.inquiry-form .form-control:focus {box-shadow: none; border: 2px solid #888888; }
	.prod-img {padding-left: 25px; }
	.prod-img img {border: 25px solid #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); }

	/*footer sec start*/
	footer {background-color: #2C3A94;}
	.footer-top  {position: relative; z-index: 1;}
	.footer-top .fotr-adrs h4 {color: #ffffff; font-size: 17px; font-weight: 500; position: relative; margin-bottom: 25px;}
	.footer-top .fotr-adrs h4:before {position: absolute; content: " "; top: 30px; left: 28px; width: 50px; height: 4px; background-color: #A6C53C;}
	.footer-top .fotr-adrs h4 i, .footer-top .fotr-num p i, .footer-top .fotr-mail p i {color: #A6C53C; font-size: 20px;}
	.footer-top .fotr-adrs p { color: #ffffff;font-size: 16px; line-height: 25px; letter-spacing: 0.25px;}
	.footer-top .fotr-num {border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);}
	.footer-top .fotr-num p a, .footer-top .fotr-mail p a{padding-left: 7px; color: #ffffff;font-size: 16px; font-weight: 400;}
	.footer-top .fotr-num p{ text-align: left; }
	.footer-top .fotr-nav-box {padding-top: 0px;}
	.footer-top .fotr-nav-box  h4 {font-size: 17px; color: #ffffff; font-weight: 500; position: relative;}
	.footer-top .fotr-nav-box  h4:before {position: absolute; content: " "; top: 30px; left: 0px; width: 50px; height: 4px; background-color: #A6C53C;}
	.footer-top .fotr-nav-box  ul {padding-top: 30px;}
	.footer-top .fotr-nav-box  ul li a {font-size: 16px; color: #ffffff; font-weight: 400; padding-bottom: 7px;}
	.fotr-social .ftr-links li {display: inline-block;} 
	.fotr-social .ftr-links a {color: #ffffff; font-size: 16px; font-weight: 500;}
	.fotr-social .ftr-links a i {margin-right: 15px; background-color: #12877C; color: #ffffff; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 100%; font-size: 20px;} 
	.footr-btm {border-top: 1px solid rgba(255,255,255,0.25); padding-top: 30px; color: rgba(255,255,255,0.75); font-size: 15px; } .footr-btm .footer-left p {color: rgba(255,255,255,0.75); font-size: 15px; text-align: center;}
	.footr-btm .terms-use ul li {display: inline-block;} 
	.footr-btm .terms-use ul li a {color: rgba(255,255,255,0.75); font-size: 15px;}
	.footr-btm .footer-right a {color: rgba(255,255,255,0.75);}
	.fotr-main h5{ color: #fff; font-size: 17px;padding-bottom: 10px; }
	.fotr-main:after {position: absolute; content: ""; top: 90px; right: 0; width: 1px; height: 80%; background-color: rgba(255,255,255,0.15); }
	.fotr-social  {border-top: 1px solid rgba(255,255,255,0.15);}
	footer a:hover {opacity: 0.6; }
	.fotr-adrs i{color: #A6C53C;}
	/*footer sec end*/

	/*chat box css start*/
	.chat-box {position: fixed; right: 0; background-color: #EC008C; z-index: 999; bottom: 15%; width: 80px; height: 85px; text-align: center; line-height: 72px; border-radius: 50px 0 0 50px; font-size: 35px; color: #ffffff; }
	.chat-box:hover {background-color: #76ad52; color: #ffffff;}
	/*chat box css end*/

	/*about page css start*/
	.subbnr {min-height: 343px;  background-position: top left;background-size: cover;}
	.subbnr .subpage-logo {position: absolute; left: 70px; top: 40px;}
	.sub-breadcrums{

	}
	.sub-breadcrums .breadcrumb {background-color: transparent; margin-bottom: 0; padding: 0;}
	.sub-breadcrums .breadcrumb-item+.breadcrumb-item::before {    display: inline-block;padding-right: 2px;color: #6c757d;content: "\f101";font-family: fontawesome;left: -15px;position: absolute;top: 2px; font-weight: 500;}
	.sub-breadcrums .breadcrumb li{color: #333333; font-size: 15px; margin: 0 15px; line-height:26px; position: relative; text-transform:uppercase;}
	.sub-breadcrums .breadcrumb li.active{ color:#ec008c; font-size: 17px; font-weight:500;}
	.sub-breadcrums .breadcrumb a{color: #000; position: relative; line-height:26px;}
	.sub-breadcrums .breadcrumb li:last-child {text-transform: uppercase; font-weight: 600; position: relative;}
	.about-page-cntnt .abt-main-cntn p {margin-bottom: 20px;}
	.msn-vsn-main {position: relative; padding: 50px; }
	.msn-vsn-main:before {position: absolute; content: ""; width: 89%; height: 23%; top: 0; left: 7%; border-top: 2px solid #666666; border-right: 2px solid #666666; border-radius: 0px 50px 0 0;}
	.msn-vsn-img i {position: absolute; left: 3%; top: -5%; font-size: 30px; color: #666666; }
	.msn-vsn-main:after {position: absolute; content: ""; width: 90%; height: 23%; bottom:  -12%; left: 0%; border-bottom: 2px solid #666666; border-left: 2px solid #666666; border-radius: 0px 0px 0 50px;}
	.revrse i {position: absolute; right: 6%; bottom: -17%; font-size: 30px; color: #666666; }
	.msn-vsn .msn-vsn-main p {font-size: 18px;}
	.msn-vsn .comn-small-title {text-transform: uppercase; font-size: 17px; font-weight: 600; letter-spacing: 2.5px;}
	.direct-msg .direct-cntnt h4 {font-size: 25px; color: #333333; line-height: 50px;}
	.direct-msg .direct-cntnt p{ margin:0px 0px 15px 0px;}
	
	.drct-bx{
		border: 2px solid #666666;

		padding: 1rem 3rem 2rem;

		border-radius: 50px;}
		.direct-img {position: relative; z-index: 1; }
		.chirman-dtl {position: relative; top: 0px;}
		.chirman-dtl .comn-small-title {line-height: 34px; font-size: 18px;font-weight: 600;}
		.bod-bx .bod-title h2 {font-size: 25px; color: #333333; font-weight: 600;}
		.bod-mmbrs .bod-inr-bx {background-color: #ffffff; padding:25px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);text-align: center; margin:0px 0px 25px 0px; position:relative; z-index:1;}
		.bod-bx .bod-img img {max-height: 180px; max-width: 180px; border-radius: 100%; object-fit: cover; object-position: center; min-height: 180px; min-width: 180px; }
		.bod-mmbrs .bod-inr-bx h6 {font-size: 18px; color: #333333; font-weight: 600;} 
		/*about page css end*/
		.bod-mmbrs .bod-inr-bx:before{content: ''; display: block; position: absolute; top: -10px; left: 0; right: 0; margin: auto; height: 130%; width: 75%;
		border:2px solid #666666; background: #fff; z-index: -1; border-radius: 50px;}

		/*contact page css start*/
		.cntct-scrs .custom-map {border: 20px solid #ffffff; box-shadow: 0px 0px 30px 18px rgba(0,0,0,0.05);}
		.cntct-scrs .contact-address {background-color: #2c3a94; padding: 35px;}
		.cntct-scrs .contact-address h4 {font-size: 25px;color: #ffffff;font-weight: 500;margin-bottom: 27px; position: relative;}
		.cntct-scrs .contact-address h5{ font-size:22px; color:#fff; font-weight:600; margin:0px 0px 10px 0px;}
		.cntct-scrs .contact-address h4:before {position: absolute; content: " "; top: 38px; left: 5px; width: 90px; height: 4px; background-color: #A6C53C; }
		.cntct-scrs .contact-address p {color: #ffffff;}
		.contact-address .cont-info li {display: inline-block;}
		.contact-address .cont-info li i {font-size: 25px; color: #A6C53C; margin-right: 15px; margin-bottom: 12px}
		.contact-address .cont-info li a {color: #ffffff; font-size: 17px;}
		.contact-address .social-links .c-links li {display: inline-block;}
		.contact-address .social-links .c-links li a { font-size: 23px; color: #ffffff; padding: 0px 8px;}

		.cntct-scrs a:hover {opacity: 0.5; }
		.cntct-form  .cntct-title h3 {color: #333333; font-size: 35px; font-weight: 500; }
		.cntct-form .cntct-form {background-color: #ffffff; padding: 65px; box-shadow: 0px 0px 30px 18px rgba(0,0,0,0.05); }
		.cntct-form .form-control {height: 55px; border-radius: 0; transition: 0.5s all ease-in-out; background-color: #f8f8f8; position: relative; padding: 0 0 0 40px }
		.cntct-form .form-group i {position: absolute; top: 19px; left: 30px; color: #ccc; font-size: 19px; }
		.cntct-form textarea.form-control {height: 120px; resize: none; padding: 16px 0 0 39px; }
		.cntct-form .form-control:focus {box-shadow: none; border: 2px solid #cccccc; text-indent: 10px; transition: 0.5s all ease-in-out; }
		/*contact page css end*/

		/*career page css start*/
		.research-developement p , .carer-main .care-cntnt p {margin-bottom: 10px;}
		.career-form .form-control {height: 55px; border-radius: 5px; transition: 0.8s all ease;}
		.career-form textarea.form-control {height: 150px; resize: none; padding: 15px 0 0 15px;}
		.career-form .form-control:focus {border: 1px solid #333333; text-indent: 10px; transition: 0.8s all ease;}
		.custom-file .custom-file-label:after {cursor: pointer; border-left: 0; line-height: 0; padding: 25px; height: 53px; background-color: #2c3a94; color: #ffffff; border-radius: 0} 
		.custom-file .custom-file-label {padding: 15px 0 0 10px;}
		/*career page css end*/

		/*sales network css start*/
		.sales-cntnt p {font-size: 20px;}
		.sales-scss .sales-world-export {overflow-x: auto; z-index: 1; position: relative;scrollbar-width: thin;}
		.sales-world-export .sales-mappic {width: 1345px;}
		.sales-mappic {margin: auto; position: relative; display: block;}
		.sales-mappic .btn-map {z-index: 1; padding: 1px; position: absolute; font-size: 35px; }
		.sales-world-export .sales-mappic .btn-map:nth-child(1) {top: 40%; left: 66%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(2) {top: 38%; left: 70%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(3) {top: 35%; left: 62%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(4) {top: 28%; left: 54%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(5) {top: 37%; left: 50%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(6) {top: 78%; left: 47%; } 
		.sales-world-export .sales-mappic .btn-map:nth-child(7) {top: 54%; left: 75%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(8) {top: 60%; left: 79%; }
		.sales-world-export .sales-mappic .btn-map:nth-child(9) {top: 20%; left: 42%; }
		.sales-mappic .btn-map:before {position: absolute; content: "\f041"; top: 0; right: 0; width: 100%; height: 100%; font-family: FontAwesome; color: #76AC52; }
		.sales-mappic .btn-map h6 {margin-top: -20px; font-size: 18px; font-weight: 600; }
		.sales-world-export .sales-mappic .india.btn-map:before  {color: #ec008c; }
		/*sales network css end*/

		/*404 page css start*/
		.error-main .error h2 {font-size: 250px; color: #2c3a94; font-weight: 900;}
		.error-main .error h5 {font-size: 40px; color: #333333; font-weight: 500; margin-bottom: 10px;}
		.error-main .error h6 {font-size: 14px; font-weight: 500; color: #333333;}
		.error-main .error .comn-submit {margin-top: 25px;}
		/*404 page css end*/

		/*thanks css start*/
		.thanks-main .thnk-text h2 {font-size: 150px; color:#2c3a94;} 
		.thanks-main .thnk-text svg {width: 118px; display: block; margin: 0 auto 0;}
		.thanks-main .thnk-text h6 {font-size: 17px;color: #333333;font-weight: 500;}
		/*thanks css end*/

		/*----product-page---------------*/
		.nav-tab-bg{
			background: #fff;
			box-shadow: 0px 7px 4px 0px rgba(0,0,0,0.05);
			z-index: 1;
			position: relative;
		}
		.product-main{
			position: relative;
			z-index: 0;
		}
		#tile-1 .tab-pane
		{
			padding:15px;
			height:80px;
		}
		#tile-1 .nav-tabs
		{
			position:relative;
			border:none!important;
			background-color:#fff;
			/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
			border-radius:0px;
		}
		#tile-1 .nav-tabs li
		{

			margin: auto;
			padding: 3.5% 2.5%;
		}
		#tile-1 .nav-tabs li a
		{
			position: relative;
			margin-right: 0px!important;
			padding: 0 10px;
			font-size: 20px;
			border: 3px solid #fff;	
			color: #333;
			line-height: 3rem;
			width: 100%;
			height:auto;
			border-radius: 6px;
		}
		#tile-1 .nav-tabs .nav-item.show .nav-link, #tile-1 .nav-tabs .nav-link.active{
			border: 3px solid #EC008C;
			font-weight: 600;
		}
		#tile-1 .nav-tabs .nav-link:focus, #tile-1 .nav-tabs .nav-link:hover {
			border: 3px solid #EC008C;

		}
		#tile-1 .slider
		{
			display:inline-block;
			background-color:##fff;
			position:absolute;
			z-index:1200;
			bottom:0;
			transition:all .4s linear;
		}
		#tile-1 .slider:before{
			content: '';
			position: absolute;
			right:20px;

			margin: auto;
			top: 0%;
			background: url(assets/images/arow.png);
			width: 60px;
			height: 30px;
			background-repeat: no-repeat;
			filter: drop-shadow(0px 8px 3px rgba(0,0,0,0.05));
			background-size: cover;
		}


		.tab-box{
			padding: 4% 0; 
		}

		.tab-box h2{
			font-size: 40px;
			line-height: 48px;
			color: #333333;
			font-weight: 500;
		}

		.product-b-t{
			border-top: 1px solid rgba(0,0,0,0.15);
			padding-top: 30px;
			margin-top: 30px;
		}
		.tab-pane ul li{
			position: relative;
			padding-left: 20px;
			line-height: 30px;		
		}

		.tab-pane ul li:before{
			content: "\f061";
			position: absolute;
			font-family: fontawesome;
			left: 0;
			top: 0;
			color: #EB008C;

		}

		.product-box-line{
			background: #fff;
			position: relative;
			box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.05);
		}

		.product-box-line .per-box-l {

			height: 15%;
			font-size: 20px;
			vertical-align: bottom;
			line-height: 24px;
			font-weight: 600;
			bottom: 0;
			width: 77px;
			position: absolute;
			transition: all 1.5s ease-in-out;
		}

		.product-box-line .product-name {
			padding: 5% 0% 8%;
			font-size: 25px;
			line-height: 30px;
			color: #333;
			font-weight: 500;
		}

		.product-box-line .per-box-l span {
			position: absolute;
			top: -1px;
			left: -1px;
			background: #fff;
			padding: 0;
			text-align: center;
			height: 45px;
			margin: auto;
			right: -1px;
		}
		.product-box-line table{
			width: 98%;
		}
		.product-box-line table.asd td:nth-child(odd) ,.product-box-line table th:nth-child(odd) {
			width: 65%;
			color: #333333
		}

		.product-box-line .asd td:nth-child(even) ,.product-box-line table th:nth-child(even) {
			width: 35%;
			text-align: right;

		}

		.product-box-line th{
			background: #FFEDFD;
			list-style-type: none;
			padding: 5px 9px;
			font-size: 18px;
			line-height: 35px;
			color: #333333;
		}

		.product-box-line td{
			list-style-type: none;
			padding: 5px;
			font-size: 18px;
			line-height: 35px;
			color: #333333;
			font-weight: 600;
		}

		.product-box-line tr{
			border-bottom: 1px solid #EEEEEE;
		}
		.r-p-d{
			padding-left: 8px;

		}
		.product-box-line tr:last-child { border-bottom: none; }

		.serch-txt{
			background:transparent;
			border: 2px solid #BBBBBB;
			font-size: 18px;
			line-height: 22px;
			padding: 0 15px;

			width: 160px;
			height: 60px;
			border-radius: 7px;
			text-align: left;
			position: relative;
			transition: 0.5s all ease-in-out;
			z-index: 1;
		}
		#serch-box{
			position: relative;
		}

		.s-btn{
			content: '\f002';
			position: absolute;
			right: 25px;
			width: auto;
			height: auto;
			margin: auto;
			color: #333;
			font-size: 25px;
			top: 10px;
		}
		.serch-txt:focus{
			width: 250px;
			border: 2px solid #BBBBBB;

		}
		:focus {
			outline: 0px;
		}

		.animate {
			animation-duration: 0.5s;
			-webkit-animation-duration: 0.5s;
			animation-fill-mode: both;
			-webkit-animation-fill-mode: both;
		}
		.date-n-e{
			font-size: 22px;
			color: #2C3A94;
			font-weight: 600;

			text-align: left;
			line-height: 30px;
			text-transform: capitalize;
			position: relative;
			margin-top: 20px;
		}

		.date-n-e:after {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			bottom: -12px;
			width: 100%;
			height: 2px;
			background: #2C3A94;
		}

		.new-event-txt p{
			line-height: 26px;
			margin-top: 1rem;
		}
		.new-event-txt  a ,.new-event-txt  span{
			margin-top: 0px;
		}
		.new-event-txt h6{
			line-height: 30px;
			text-transform: capitalize;
			font-weight: 500;
			padding-bottom:10px ;

			font-size: 20px;
		}
		.news-link {
			color: #fff;
			font-size: 15px;
			font-weight: 500;
			letter-spacing: 0.25px;
			padding: 5px 12px;
			background: #EC008C;
			line-height: 22px; transition:all ease 0.3s;
			-moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;

		}
		.news-link:hover{
			color: #fff; background:#2e3d9c;
		}
		.new-event-txt h6 span{
			font-size: 14px;
			font-weight: 500;
		}
		.news-event-content{
			background: #fff;
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
			padding: 0 15px;
		}
		.flex-item-one{
			border: 10px solid #fff;
		}
		.new-event-txt{
			height: 100%;

			padding: 0 15px;
			position: relative;


		}
		.news-event-box{ height: 100%; background: #fbfbfb; position: relative; padding: 15px;}
		.flex-box{
			display: flex;
			justify-content: space-between;
		}
		.flex-item-one{
			flex: 1;
		}
		.flex-item-two{
			flex: 1;	
		}


		@keyframes slideIn {
			0% {
				transform: translateY(1rem);
				opacity: 0;
			}
			100% {
				transform:translateY(0rem);
				opacity: 1;
			}
			0% {
				transform: translateY(1rem);
				opacity: 0;
			}
		}

		@-webkit-keyframes slideIn {
			0% {
				-webkit-transform: transform;
				-webkit-opacity: 0;
			}
			100% {
				-webkit-transform: translateY(0);
				-webkit-opacity: 1;
			}
			0% {
				-webkit-transform: translateY(1rem);
				-webkit-opacity: 0;
			}
		}

		.slideIn {
			-webkit-animation-name: slideIn;
			animation-name: slideIn;
		}


		.rnd-txt{
			padding: 20px;
		}

		.img-rnd{
			position: relative;
			display: block;

			-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
			-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);


		}


		.img-rnd img{
			transition: 0.5s all;

		}

		.img-rnd a{
			position: relative;

		}
		.img-rnd a:after{
			content: '';
			position: absolute;
			height: 70%;
			background: linear-gradient(to bottom,rgba(0,0,0,0),#2C3A94 100%);
			width: 100%;
			left: 0;
			right: 0;
			bottom:  0%;
			transition: 0.5s all;
			opacity: 0;


		}
		.img-rnd a:hover:after {
			transition:  500ms ease-out;
			opacity: 1;
			height:  100%;
		}
		.img-rnd a:before{
			content: "\f002";
			position: absolute;

			transition: 0.5s all;
			font-size: 25px;
			left: 0;
			padding: 11px 0;
			right: 0;
			background: #fff;
			bottom: 30%;
			text-align: center;
			color: #2C3A94;
			border-radius: 100%;
			margin: 0 auto;
			height: 60px;
			width: 60px;
			z-index: 2;
			font-family: fontawesome;
			opacity: 0;
		}
		.img-rnd a:hover:before {
			transition:  500ms ease-out;
			opacity: 1;
			bottom: 40%;
		}

		.rnd-txt ul{
			margin-left: 20px;
		}
		.rnd-txt ul li {

			list-style: disc;
		}


		.rnd-box-u-c {

		}

		/* .infra a{
			position: relative;
		
			} */
			.img-infra{
				-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
				-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);
				box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

			}
			.img-infra img{ min-height:300px; max-height:300px; width:100%; object-fit:cover;}
			.img-infra a{ position:relative;}
			.img-infra a:after{
				content: '';
				position: absolute;
				height: 70%;
				background: linear-gradient(to bottom,rgba(0,0,0,0),#2C3A94 100%);
				width: 100%;
				left: 0;
				right: 0;
				bottom:  0%;
				transition: 0.5s all;
				opacity: 0;


			}
			.img-infra a:hover:after {
				transition:  500ms ease-out;
				opacity: 1;
				height:  100%;

			}
			.img-infra a:before{
				content: "\f002";
				position: absolute;

				transition: 0.5s all;
				font-size: 25px;
				left: 0;
				padding: 11px 0;
				right: 0;
				background: #fff;
				bottom: 30%;
				text-align: center;
				color: #2C3A94;
				border-radius: 100%;
				margin: 0 auto;
				height: 60px;
				width: 60px;
				z-index: 2;
				font-family: fontawesome;
				opacity: 0;
			}
			.img-infra a:hover:before {
				transition:  500ms ease-out;
				opacity: 1;
				bottom: 38%;
			}
			.pro-list-name{    
				background: #fff;

				padding: 15px;
				font-size: 18px;
				position: relative;
				border-bottom: 1px dashed #ccc;
			}

			.product-box-t{
				background: #fff;
				position: relative;

				box-shadow: 0 0 25px 1px rgba(0,0,0,.1);
			}
			.box-new-t{
				background: #fff;
				padding: 10px 15px 10px;
				border-top: 1px solid #ccc;
				box-shadow: 0 0 25px 1px rgba(0,0,0,.1);
			}
			.new-c-title{
				font-weight: 600;
				color: #333333;
				padding: 10px;
				font-size: 20px;
				width: 50%;
				border: 2px solid #ccc;
				position: absolute;
				height: 45%;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
			}
			
			.new-c-title i{
				font-size: 4rem;
				color: #333; 
				position: absolute;
				top: -27px;
				left: -34px;
				background: #fbfbfb; 
				padding-right: 8px;
			} 
			.new-c-title span{
				margin-bottom: 1.5rem;
			}
			.news-img-box{
				padding:1rem  2rem;
				margin-bottom: 1.5rem;
				background: #fbfbfb;
			}
			.news-g{
				position: relative;
				border: 5px solid #fff;
			}
			.news-main-title{

			}

			.cntct-info p, .fotr-adrs p{ text-align:left;}

		/* .news-g:before{
			content: '\f03e';
			position: absolute;
			transition: 0.5s all;
			font-size: 23px;
			left: 0;
			background: #fff;
			bottom: 0;
			color: #333;
			width: 50px;
			padding: 0.5rem 0.5rem 0.1rem 0.5rem;
			border-radius: 0 60% 0 0;
			z-index: 2;
			font-family: fontawesome;
		
			} */


			/*pigment*/
			.product_list_col p {
				font-size: 17px;
				font-weight: 400;
				color: #484848;
				background: #fff;
				position: relative;
				padding: 15px 15px 15px 76px;
				border-radius: 0 0px 0;
				height: 100%;
				margin: 0;
				box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
				line-height: 25px;
				text-align: left;
			}
			.product_list_col p:before {
				content: "\f101";
				font-size: 25px;
				font-family: FontAwesome;
				position: absolute;
				top: 0;
				left: 0;
				width: 55px;
				height: 100%;
				background: #fff;
				text-align: center;
				border-radius: 0 14px 0;
				line-height: 58px;
				color: #ec008c;
				border-right: solid 3px #ebedef;
			}
			
			
			
			.product-range { position:relative; margin:0px 0px 0px 0px; padding:0px 0px;}		
			.product-range .panel-group{ position:absolute; top:-9px; right:0; width:100%; z-index:11;}	
			
			.csr-img{ margin:0px 0px; padding:0px 0px; position:relative;}			
			.csr-img img{ border:5px solid #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);}

			
			
			
			#accordion .panel{
				border: none;
				border-radius: 0;
				box-shadow: none;
				margin-bottom: -5px;
			}
			#accordion .panel-heading{
				padding: 0;
				border: none;
				border-radius: 0;
			}
			#accordion .panel-title a{
				display: block;
				padding: 12px 70px 12px 25px;
				background: #d21d54;
/*    font-size: 18px;
font-weight: 700;*/
letter-spacing: 1px;
color: #fff;
position: relative;
font-size: 18px;
font-weight: 500;
}
#accordion .title a.collapsed{ color: #fff; }
#accordion .title a.collapsed:hover{ color: #fff; }
#accordion .title a:before,
#accordion .title a:after{
	content: "";
	width: 3px;
	height: 10px;
	background: #fff;
	font-size: 15px;
	position: absolute;
	top: 20px;
	right: 35px;
	transform: rotate(45deg);
	transition: all 0.3s ease-in-out 0s;
}
#accordion .title a:after{
	right: 29px;
	transform: rotate(-45deg);
}
#accordion .title a.collapsed:before{
	transform: rotate(-45deg);
	background: #fff;
}
#accordion .title a.collapsed:after{
	transform: rotate(45deg);
	background: #fff;
}
#accordion .title a.collapsed:hover:before,
#accordion .title a.collapsed:hover:after{ background: #fff; }
#accordion .panel-body{
	padding: 10px 10px;
	background:#EEF7FE;
	border-top: none;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}	
#accordion .panel-body li{ padding:0px 0px 0px 0px; position:relative; border-bottom:1px solid #E0E6FD;}	
#accordion .panel-body li:last-child{ border-bottom:none;}
#accordion .panel-body li a{ padding:7px 20px 7px 30px; font-size:16px; color:#333; position:relative; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
#accordion .panel-body li a:before{content:"\f101"; font-family:'FontAwesome'; font-size:16px; color:#333; position:absolute; left:10px; margin:2px 0px 0px 0px; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
#accordion .panel-body li a:hover{ color:#000;}
#accordion .panel-body li a:hover:before{ transform:translateX(5px); color:#d21d54;} 
.abberavation{ margin:0px 0px 0px 0px; padding:0px 0px; position:relative;}
.abberavation h6{ font-size:20px; color:#ec008c; font-weight:600;}
.abberavation-table{ margin:15px 0px 20px 0px; padding:0px 0px; position:relative; max-width:45%;}
.abberavation-table tbody{ border-left:1px solid #333;}
.abberavation-table thead th{ font-size:18px; color:#333; border-right:1px solid #333; border-bottom:1px solid #333; border-top:1px solid #333; padding:10px 15px; text-align:center; font-weight:600;}
.abberavation-table thead th:first-child{border-left:1px solid #333;}
.abberavation-table td{ font-weight:500; text-align:center; padding:8px 15px; color:#333; text-align:center; border-right:1px solid #333; border-bottom:1px solid #333;}
.sales-world-export::-webkit-scrollbar-track, .exports::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 5px; }
.sales-world-export::-webkit-scrollbar, .exports::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5; height:8px; }
.sales-world-export::-webkit-scrollbar-thumb, .exports::-webkit-scrollbar-thumb{ border-radius: 5px; background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0.44,rgb(122,153,217)), color-stop(0.72,rgb(73,125,189)), color-stop(0.86,rgb(28,58,148))); }

.footr-btm .terms-use ul li {display: inline-block;position: relative;padding: 0 5px;}
.footr-btm .terms-use ul li:before {position: absolute;height: 16px;width: 2px;background: rgba(255, 255, 255, 0.75);top: 5px;right: -4px;content: "";}
.footr-btm .terms-use ul li:last-child:before {width: 0;}
/*  .switcher .option { position: absolute !important;will-change: transform !important;top: 0px !important;left: 0px !important;transform: translate3d(0px, 34px, 0px) !important;} */

.header-main .nav li .option a{ padding: 5px 10px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;margin: 15px 0 0 0;} 
.cf7sr-g-recaptcha {display: inline-block;vertical-align: top;}

.condition-page h2,.condition-page h3{font-size: 25px;line-height: 55px;color: #333333;font-weight: 600;}
.condition-page h1{font-size: 32px;line-height: 55px;color: #333333;font-weight: 600;}
.condition-page ul li{position: relative;display: block;}
.condition-page ul li:before {content: "\f101";margin-right: 15px;font-size: 18px;font-family: FontAwesome;color: #212529;}
.condition-page a{color: #000;font-weight: 500;}
.heigh-light{font-weight: 500;}
.cptc-btn {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
}
/*no record */
.no-records {
    margin: 35px auto;
    text-align: center;
    position: relative;
    padding: 20px 20px;
}

.no-records ul {
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
}
.no-records ul li {
    display: inline-block;
    margin: 0px 15px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}

.no-records ul li i {
   /* background: #d2c0af;*/
   background:#d21d54;
    width: 150px;
    height: 150px;
    font-size: 50px;
    color: #fff;
    text-align: center;
    border: 1px solid #efefef;
    line-height: 150px !important;
    position: relative;
    top: -52px;
    margin-top: 30px;
}
.no-records ul li small {
    font-size: 30px;
    color: #666;
}

.no-records ul li h6 {
    font-size: 50px;
    color: #333;
    font-family: 'poppinsmedium';
    margin: 0px 0px 0px 0px;
    line-height: 50px !important;
}
.owl-carousel.owl-theme.certificate.owl-loaded.owl-drag .item {text-align:center;}

/*== 28-07-2023 ==*/
#preloader{display:none;}

/* 19-08-2026 */

.coming-soon-section {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
}

.coming-soon-content {
    width: 100%;
    max-width: 650px;
    padding: 65px 40px;
    text-align: center;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

.coming-soon-content h3 {
    position: relative;
    margin: 0;
    padding-top: 28px;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 600;
}

.coming-soon-content h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 55px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 10px;
    background: currentColor;
}

@media (max-width: 767px) {
    .coming-soon-section {
        min-height: 320px;
        padding: 35px 15px;
    }

    .coming-soon-content {
        padding: 45px 20px;
    }

    .coming-soon-content h3 {
        font-size: 22px;
        padding-top: 22px;
    }

    .coming-soon-content h3::before {
        width: 45px;
    }
}


.read-more-content ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.read-more-content ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
    font-size: 16px;
    line-height: 1.6;
}

.read-more-content ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

/* Mobile */
@media (max-width: 767px) {
    .read-more-content ul {
        margin: 15px 0;
    }

    .read-more-content ul li {
        margin-bottom: 8px;
        padding-left: 22px;
        font-size: 14px;
        line-height: 1.5;
    }

    .read-more-content ul li::before {
        font-size: 20px;
    }
}


.research-developement .img-rnd, .research-developement .img-rnd>a, .research-developement .img-rnd, .research-developement .img-rnd>a>img {
    height: 100%;
    object-fit: cover;
}