*:not(.report-description *) {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a:hover {
	text-decoration: none !important;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: "gothambook";
	font-size: 15px;
	color: #000;
	overflow-x: hidden;
	overflow-y: scroll;
}

:root {
	--secondary-color: #2275B1;
}

a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clr,
.clear {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

p {
	font-family: "poppinsregular";
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
}

ul:not(.report-description ul) li {
	list-style: none;
}

.subpega ul:not([class]) li {
	list-style: none;
	background: url(assets/images/bullet.png) no-repeat 0 7px;
	position: relative;
	padding-left: 8px;
}

li.clr {
	clear: both;
	float: none !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

img {
	max-width: 100%;
	display: block;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.header {
	width: 100%;
	height: auto;
	padding: 15px 0px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 0px 0px 4.3px 0px #00000026;
	position: sticky;
	z-index: 100;
}

.logo {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.logo img {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.header nav {
	float: right;
	/* margin-top: 30px;
  margin-right: 180px; */
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.header nav ul {
	text-align: right;
}

.header nav ul li {
	display: inline-block;
	padding-left: 20px;
}

.header nav ul li a {
	color: #284886;
	font-size: 17px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.header nav ul li a:hover {
	color: #00afce;
}

.login-btn {
	width: 150px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	position: relative;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	font-size: 14px;
	font-family: "poppinsregular";
	font-weight: 500;
	color: #ffffff !important;
	margin: 0 0 0 35px;
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
}

.hme-search-main {
	padding:25px 0;

}


.hme-search-main.home-search-block{	background: rgb(6, 163, 196);
	background: linear-gradient(
		90deg,
		rgba(6, 163, 196, 1) 10%,
		rgba(27, 86, 162, 1) 100%
	);}


.hme-search-main:not(.home-search-block) {
	padding:5px 0;
	/* background: rgb(6, 163, 196);
	background: linear-gradient(
		90deg,
		rgba(6, 163, 196, 1) 10%,
		rgba(27, 86, 162, 1) 100%
	); */
}

.position-abs{ position: absolute; width: 100%; z-index: 100;}
.new-sec-search{width: 100%; position: absolute; left: 0px; right: 0px; top: 0px;}

#searchSupplierMaintab{position: relative;}
.suppliers-by-religions{display: none;}

.hme-search-main .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: inherit;
}

.hme-search-main.home-search-block .container{ justify-content: center;}


.new-block-search{ display: flex; flex-wrap: wrap;}

.hme-search-main-inner {
	display: contents;
}

.search-name {
	width: 18%;
	float: left;
	font-size: 20px;
	line-height: 40px;
	text-align: right;
	padding-right: 0;
	color: #fff;
	font-family: "poppinsregular";
}

.home-search-block .search-form {
	width: 82%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.search-form {
	width: 35%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}



.search-block-a{ background: #fff; padding: 6px; -webkit-border-radius: 10px; border-radius: 10px;}

.form-inner-box {
	width: 79%;
	margin-right: 1.5%;
}

.home-search-block .form-inner-box{ width: 26.5%;}
.home-search-block .form-inner-box{ width: 26.5%;}
.home-search-block .search-form.search-before-click .form-inner-box.keyword-01{ width: 73.5%;}

.container-full{padding: 0px 9px;}

.search-box-n{ width: 70%;}
.advance-box{width: 30%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.advance-box .advanced-search-btn{ position: static; color: #353535 !important;}
input.main-text {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0px 15px;
	font-size: 18px;
	background-color: #fff;
	font-family: "poppinsregular";
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: none;
	border: none;
}


.home-search-block input.main-text{ font-size: 13px;}

.form-inner-box .SumoSelect.open > .optWrapper {
	top: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.form-inner-box .SumoSelect {
	width: 100%;
}

.form-inner-box .SumoSelect > .CaptionCont {
	width: 100%;
	height: 40px;
	font-family: "poppinsregular";
	line-height: 40px;
	padding: 0px 40px 0px 15px;
	font-size: 13px;
	background-color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	box-shadow: none;
	border: none;
}

.form-inner-box .SumoSelect > .optWrapper > .options li label {
	font-family: "poppinsregular";
	font-size: 13px;
	line-height: 20px;
}

.form-inner-box .SumoSelect > .CaptionCont > label {
	width: 35px;
}

.form-inner-box .SumoSelect > .optWrapper > .options li {
	padding: 8px 6px;
}

.form-inner-box .SumoSelect > .optWrapper > .options li.opt:hover {
	background-color: #00b2cf;
	color: #fff;
}

.price-country-selection .SumoSelect {
	width: 100%;
}

.price-country-selection .SumoSelect > .CaptionCont {
	width: 100%;
	height: 45px;
	font-family: "poppinsregular";
	line-height: 45px;
	padding: 0px 40px 0px 15px;
	font-size: 13px;
	background-color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	box-shadow: none;
	border: none;
}

.price-country-selection .SumoSelect > .optWrapper > .options li label {
	font-family: "poppinsregular";
	font-size: 13px;
	line-height: 20px;
}

.price-country-selection .SumoSelect > .CaptionCont > label {
	width: 35px;
}

.price-country-selection .SumoSelect > .optWrapper > .options li {
	padding: 8px 6px;
}

.price-country-selection .SumoSelect > .optWrapper > .options li.opt:hover {
	background-color: #00b2cf;
	color: #fff;
}

.price-country-selection .SumoSelect > .optWrapper > .options li label {
	font-family: "poppinsregular";
	font-size: 13px;
	line-height: 20px;
}

.price-country-selection .SumoSelect > .CaptionCont > label {
	width: 35px;
}

.price-country-selection .SumoSelect > .optWrapper > .options li {
	padding: 8px 6px;
}
.search-btn:not(.home-search-block .search-btn) {
    height: 35px;
}
.price-country-selection .SumoSelect > .optWrapper > .options li.opt:hover {
	background-color: #00b2cf;
	color: #fff;
}

.price-country-selection .SumoSelect.open > .optWrapper {
	top: 45px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

select.main-text {
	width: 100%;
	height: 45px;
	/* line-height: 50px; */
	font-family: "poppinsregular";
	padding: 0 15px;
	background-color: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	box-shadow: none;
	border: none;
}

.main-search-btn {
	width: 20%;
	margin-left: 0px;
	position: relative;
}

.search-btn {
	width: 100%;
	
	height: 40px;

	background-color: #00b2cf;
	color: #fff;
	font-family: "poppins_medium";
 	font-size: 16px;
	padding-left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.search-btn:not(.home-search-block  .search-btn){    height: 57px;}

.home-search-block .search-btn{ 	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	text-transform: uppercase;
	font-size: 13px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;}


.home-search-block .search-btn{
height: 40px;}


.search-btn:hover {
	background-color: #000;
}

.icon-search {
	font-size: 17px;
	font-weight: 300;
	margin-right: 5px;
	position: relative;
	top: -1px;
	left: -2px;
}

.videowrapper {
	min-width: 100%;
	height: 680px;
	overflow: hidden;
}

.main-banner-video {
	position: relative;
	border-bottom: 1px solid #9ca5a2;
	-webkit-box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
	-moz-box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
	box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
}
.home-search-bloc .main-search-btn.search-btn-before{width: 100%;}
.main-banner-video::after {
	content: "";
	height: 100px;
	width: 1px;
	background-color: #00b2cf;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	bottom: -50px;
	-webkit-animation: example 1s infinite;
	/* Safari 4+ */
	-moz-animation: example 1s infinite;
	/* Fx 5+ */
	-o-animation: example 1s infinite;
	/* Opera 12+ */
	animation: example 1s infinite;
	/* IE 10+, Fx 29+ */
}

@keyframes example {
	0% {
		bottom: -50px;
	}
	30% {
		bottom: -60px;
	}
	65% {
		bottom: -50px;
	}
	100% {
		bottom: -40px;
	}
}

#banner-video {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-size: cover;
	display: block;
}

.video-overlay {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9;
}

.video-play-icon {
	width: 79px;
	height: 79px;
	background-color: #fff;
	position: absolute;
	z-index: 998;
	margin: auto;
	font-size: 0px;
	border: none;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-image: url(../images/play-btn.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.video-play-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */

.video-play-icon:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.75);
	top: -30%;
	left: -30%;
	background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75),
			0px 0px 25px 10px rgba(255, 255, 255, 0.75);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

@keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75),
			0px 0px 25px 10px rgba(255, 255, 255, 0.75);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

.hme-about-main {
	padding: 130px 0px 115px;
	background-image: url(../images/bg-hme-abt.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}

.main-hme-about-inner {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
}

.main-hme-about-inner h2 {
	font-size: 40px;
	line-height: 50px;
	color: #222222;
	font-family: "poppinsregular";
	font-weight: 500;
	position: relative;
	margin-bottom: 35px;
}

.main-hme-about-inner h2::after {
	content: "";
	width: 20px;
	height: 2px;
	background-color: #204499;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	bottom: -10px;
}

.main-hme-about-inner p {
	font-size: 15px;
	line-height: 25px;
	color: #999999;
	font-family: "poppinsregular";
	max-width: 480px;
	margin: 0 auto;
}

.main-abt-screen-image {
	margin-top: 50px;
	position: relative;
}

.main-abt-screen-image img {
	position: relative;
	z-index: 5;
}

.main-abt-screen-image::after {
	content: "";
	width: 254px;
	height: 320px;
	top: -55px;
	z-index: 1;
	left: -58px;
	position: absolute;
	background-image: url(../images/bg-screen.png);
	background-repeat: no-repeat;
	animation: pulse 5s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.8);
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
	}
}

.hme-about-main .hme-abt-btn {
	margin-top: 20px;
}

.hme-abt-btn {
	width: 185px;
	height: 46px;
	line-height: 48px;
	text-align: center;
	font-family: "poppins_medium";
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	z-index: 99;
	margin-top: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	background: rgb(42, 103, 192);
	background: linear-gradient(
		120deg,
		rgba(42, 103, 192, 1) 29%,
		rgba(6, 168, 205, 1) 55%
	);
	padding-right: 20px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.hme-abt-btn::after {
	content: "";
	width: 22px;
	height: 20px;
	position: absolute;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	right: 24px;
	top: 12px;
}

.hme-abt-btn:hover {
	background: rgb(6, 168, 205, 1);
	background: linear-gradient(
		120deg,
		rgba(6, 168, 205, 1) 29%,
		rgba(42, 103, 192, 1) 55%
	);
}

.hme-price-main {
	padding: 80px 0;
	background-image: url(../images/hme-price-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.price-title-main {
	width: 100%;
}

.price-title-main h2 {
	font-size: 40px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	line-height: 46px;
	float: left;
}

.price-country-selection {
	width: 265px;
	float: right;
	position: relative;
	z-index: 4;
}

.price-slider-main {
	width: 100%;
	height: auto;
	margin-top: 40px;
}

.price-slider-main .owl-carousel .owl-prev {
	width: 38px;
	height: 38px;
	background-color: #f3f3f3 !important;
	position: absolute;
	background-image: url(../images/prev-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	left: -19px;
	top: 45%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	font-size: 0px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.price-slider-main .owl-carousel .owl-prev:hover {
	background-image: url(../images/prev-arrow-hover.png) !important;
	background-color: #000 !important;
}

.price-slider-main .owl-carousel .owl-prev span {
	display: none;
}

.price-slider-main .owl-carousel .owl-next {
	width: 38px;
	height: 38px;
	background-color: #f3f3f3 !important;
	position: absolute;
	right: -19px;
	background-image: url(../images/next-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	top: 45%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	font-size: 0px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.price-slider-main .owl-carousel .owl-next:hover {
	background-image: url(../images/next-arrow-hover.png) !important;
	background-color: #000 !important;
}

.price-slider-main .owl-carousel .owl-next span {
	display: none;
}

.slider-price-box {
	width: 100%;
	min-height: 210px;
	background-color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	padding: 40px 25px 20px;
	box-sizing: border-box;
	position: relative;
}

.price-box-titile {
	padding-right: 60px;
	position: relative;
}

.price-box-titile h2 {
	font-size: 20px;
	color: #464255;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.price-box-titile span {
	font-size: 14px;
	color: #9896a1;
	font-family: "poppinsregular";
}

.arrow_price {
	position: absolute;
	right: 10px;
	bottom: -5px;
}

.price-box-bottom-main {
	width: 100%;
	position: absolute;
	left: 0;
	padding: 0px 25px;
	bottom: 20px;
}

.qty-price-box {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
}

.qty-price-box h3 {
	font-size: 23px;
	color: #47484b;
	font-family: "poppins_medium";
	font-weight: 500;
	line-height: 26px;
}

.price-box-bottom-main span {
	font-size: 14px;
	color: #9896a1;
	font-family: "poppinsregular";
}

.qty-date-box-green {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.qty-date-box-green h3 {
	font-size: 18px;
	color: #00a389;
	font-family: "poppins_medium";
	font-weight: 500;
	line-height: 26px;
}

.qty-date-box-red {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.qty-date-box-red h3 {
	font-size: 18px;
	color: #fd5252;
	font-family: "poppins_medium";
	font-weight: 500;
	line-height: 26px;
}

.price-more-btn-container{
	width: 100%;
	text-align: center;
}

.price-more-btn {
	width: auto;
	height: 46px;
	line-height: 48px;
	text-align: center;
	font-family: "poppins_medium";
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	display:inline-block;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 15px auto 0 auto;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	background-color: #fff;
	padding: 0px 50px 0px 20px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.price-more-btn::after {
	content: "";
	width: 22px;
	height: 20px;
	position: absolute;
	background-image: url(../images/arrow-right-black.png);
	background-repeat: no-repeat;
	right: 17px;
	top: 12px;
}

.price-more-btn:hover {
	background-color: #00afce;
	color: #fff;
}

.price-more-btn:hover::after {
	background-image: url(../images/arrow-right.png);
}

.hme-bottom-main {
	padding: 0px 0px 0px;
	background-image: url(../images/bg-hme-btm.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top -160px right;
}

.hme-supplier-section {
	background-color: #1b539f;
}

.hme-supplier-section ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
}

.hme-supplier-section li {
	width: 50%;
	box-sizing: border-box;
	padding: 60px 60px 55px 65px;
	box-sizing: border-box;
	position: relative;
	background-color: #1b539f;
	border-right: 1px solid #2168ab;
}

.hme-supplier-section li:nth-child(2) {
	border-right: none;
	padding-left: 100px;
}

.hme-supplier-section li:nth-child(2) .icon-supplier {
	left: 35px;
}

.hme-supplier-section .hme-abt-btn {
	background: #00b2cf;
}

.hme-supplier-section .hme-abt-btn:hover {
	background: #0d96cd;
}

.icon-supplier {
	width: 44px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hme-supplier-section h2 {
	font-size: 35px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 20px;
}

.hme-supplier-section p {
	font-size: 14px;
	line-height: 23px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 400;
	margin-top: 0px;
}

.hme-supplier-section .hme-abt-btn {
	float: left;
	margin-top: 15px;
}

.latest-news-section {
	width: 100%;
	height: auto;
	padding: 100px 0px 40px;
}

.latest-news-section h2 {
	font-family: "poppinsregular";
	color: #222222;
	font-size: 40px;
	font-weight: 500;
	line-height: 45px;
}

.latest-news-section ul {
	margin-top: 35px;
	margin-left: -1.5%;
	margin-right: -1.5%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.latest-news-section ul li {
	width: 46%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	background-color: #fff;
	margin-bottom: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
	-webkit-box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
}

.news-image img {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-ms-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-ms-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.news-image {
	overflow: hidden;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-ms-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-ms-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px;
}

.news-image:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.news-detail-box {
	padding: 40px 40px 40px;
}

.date-news {
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 18px;
	font-family: "poppins_medium";
	color: #888888;
	font-weight: 500;
	padding-left: 22px;
	background-image: url(../images/clock-icon.png);
	background-repeat: no-repeat;
	background-position: top -1px left;
}

.news-detail-box h3 {
	font-size: 20px;
	color: #2e2e2e;
	font-family: "poppins_semibold";
	font-weight: 500;
	margin-bottom: 25px;
}

.news-detail-box h3 a {
	color: #2e2e2e;
}

.news-detail-box h3 a:hover {
	color: #00afce;
}

.news-detail-box p {
	color: #999999;
	font-family: "poppinsregular";
	font-size: 15px;
	line-height: 25px;
}

.news-detail-btn {
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #888888;
	display: inline-block;
	margin-top: 15px;
}

.news-detail-btn:hover {
	color: #00afce;
}

.hme-news-letter-section {
	width: 100%;
	height: auto;
	padding: 100px 0;
	background: #fff;
}

.main-news-letter-box {
    text-align: center;
}

.main-news-letter-box h3 {
	font-size: 35px;
	line-height: 40px;
	color: #284886;
	font-family: "poppinsregular";
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
}

.main-news-letter-box h4 {
	font-size: 18px;
	line-height: 18px;
	color: #818181;
	font-family: "poppinsregular";
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
}



.main-news-letter-box p {
	font-family: "poppinsregular";
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #818181;
	text-align: center;
}

.news-letter-form-main {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
}

.news-letter-form-main .form-group {
	margin: 0;
}

.main-news-letter-form {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0px 85px 0px 35px;
	border: 1px solid #b7b7b7;
	border-radius: 50px;
	font-family: "poppinsregular";
	font-weight: 400;
	font-size: 12px;
}

.main-news-submit {
	width: 80px;
	height: 58px;
	background-image: url(../images/news-letter.png);
	background-repeat: no-repeat;
	background-position: center right 30px;
	position: absolute;
	right: 1px;
	top: 1px;
	border: none;
	font-size: 0px;
	border-top-right-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-moz-border-top-right-radius: 50px;
	-ms-border-top-right-radius: 50px;
	-o-border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-bottom-right-radius: 50px;
	-ms-border-bottom-right-radius: 50px;
	-o-border-bottom-right-radius: 50px;
	cursor: pointer;
}

.main-news-submit:hover {
	background-image: url(../images/news-letter-hover.png);
}

.footer {
	/* padding: 180px 0px 0px; */
	width: 100%;
	/* background-image: url(../images/bg-footer.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	/* margin-top: -230px; */
}

.footer .footer-inner {
	padding-top: 70px;
}

.footer.footer-news-letter .footer-inner {
	padding-top: 100px;
}

.footer-inner {
	padding: 100px 0px 60px;
	background: #1c54a1;
}

.footer-logo {
	width: 27%;
	float: left;
}

.footer-nav {
	float: left;
	width: 17%;
	padding-left: 15px;
	box-sizing: border-box;
}

.footer-nav.terms-conditions {
	width: 25%;
}

.footer-nav li {
	margin-bottom: 15px;
}

.footer-nav li a {
	font-family: "poppinsregular";
	font-size: 15px;
	line-height: 19px;
	color: #a8b7d3;
}

.footer-nav li a:hover {
	color: #fff;
}

.footer h4 {
	font-size: 16px;
	color: #ffffff;
	font-family: "poppins_semibold";
	font-weight: 500;
	margin-bottom: 20px;
}

.footer-address {
	float: left;
	width: 25%;
	padding-left: 15px;
	box-sizing: border-box;
}

.footer-address h4 {
	margin-bottom: 20px;
}

.footer-address h4 a {
	color: #fff;
}

.footer-address p {
	font-family: "poppinsregular";
	font-size: 16px;
	line-height: 32px;
	color: #a8b7d3;
}

.footer-social {
	float: left;
	width: 6%;
	box-sizing: border-box;
}

.footer-social ul {
	text-align: left;
}

.footer-social ul li {
	display: inline-block;
	margin-right: 10px;
}

.footer-social ul li a {
	color: #fff;
	font-size: 18px;
}

.footer-social ul li a:hover {
	color: #00b5ce;
}

.footer-bottom {
	padding: 30px 0px;
	background: #1c54a1;
	width: 100%;
	border-top: 1px solid #3062a7;
	text-align: center;
}

.footer-bottom p {
	font-family: "poppinsregular";
	font-size: 15px;
	line-height: 19px;
	color: #9ba6c9;
	margin-bottom: 0px;
}

.header .nav-btn {
	width: 30px;
	height: 30px;
	position: relative;
	margin-left: 24px;
	cursor: pointer;
	display: block;
	z-index: 9999;
}

.header .nav-btn span {
	width: 30px;
	height: 4px;
	display: block;
	background-color: black;
	margin: 4px 0;
}

.header .nav-btn.active span:first-child {
	background: #000 !important;
	top: 8px !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header .nav-btn.active span:nth-child(2) {
	opacity: 0;
}

.header .nav-btn.active span {
	position: absolute;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.header .nav-btn.active.active span:nth-child(3) {
	background: #000 !important;
	top: 8px !important;
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.header .nav-btn {
	display: none;
}

.arrow_price img {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.arrow_price:hover img {
	position: relative;
	top: -10px;
	right: -10px;
}

.main-right-image-text {
	position: absolute;
	width: 100%;
	max-width: 300px;
	display: block;
	right: -50px;
	top: 90px;
	text-align: left;
	z-index: 999;
	padding: 20px;
	background-color: #fff;
	box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.67);
	-webkit-box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.67);
	-moz-box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.67);
	border-radius: 15px;
}

.main-right-image-text p {
	color: #000;
}

.main-right-image-text.main-left-image-text {
	max-width: 380px;
	left: -50px;
	bottom: 140px;
	right: inherit;
	top: inherit;
}

.image-number {
	width: 36px;
	height: 36px;
	background-color: #4388ca;
	border: 2px solid #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
	font-size: 16px;
	font-family: "poppins_semibold";
	font-weight: 500;
	right: -50px;
	box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.7);
}

.main-right-image-text.main-left-image-text .image-number {
	left: -50px;
	right: inherit;
}

/*about us*/

.about-first-section {
	width: 100%;
	height: auto;
	padding: 110px 0px 30px;
}

.about-first-main-section {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 110px;
	position: relative;
}

.about-first-image {
	width: 50%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	z-index: 99;
	-webkit-border-radius: -1.291px 36.977px 76px 0px rgba(40, 40, 40, 0.1);
	-moz-border-radius: -1.291px 36.977px 76px 0px rgba(40, 40, 40, 0.1);
	box-shadow: -1.291px 36.977px 76px 0px rgba(40, 40, 40, 0.1);
}

.about-first-image img {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.about-first-content {
	width: 50%;
	box-sizing: border-box;
	padding-left: 70px;
}

.main-title {
	font-size: 40px;
	line-height: 50px;
	color: #284886;
	font-family: "poppinsregular";
	font-weight: 500;
	position: relative;
	margin-bottom: 35px;
}

.main-title::after {
	content: "";
	width: 20px;
	height: 2px;
	background-color: #204499;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	bottom: -10px;
}

.about-first-content p {
	font-size: 16px;
	color: #818181;
	line-height: 26px;
	margin-bottom: 15px;
	font-family: "poppinsregular";
	font-weight: 500;
}

.about-first-main-section.about-first-second-box {
	flex-direction: row-reverse;
}

.about-first-main-section.about-first-second-box .about-first-content {
	padding-left: 0px;
	padding-right: 70px;
}

.about-left-bg {
	position: absolute;
	top: -80px;
	left: -90px;
	animation: pulse 5s infinite;
	z-index: -1;
}

.about-right-bg {
	position: absolute;
	bottom: -45px;
	right: -100px;
	animation: pulse 5s infinite;
	z-index: -1;
}

.about-mission-vision-section {
	width: 100%;
	background-image: url(../images/vision-bg.jpg);
	background-size: cover;
	padding: 125px 0px;
}

.about-mission-vision-section ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
}

.about-mission-vision-section ul li {
	padding: 45px 50px;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 7px solid #204499;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.about-mission-vision-section ul li h2 {
	font-size: 35px;
	font-family: "poppinsregular";
	font-weight: 500;
	color: #284886;
	margin-top: 30px;
}

.about-mission-vision-section ul li p {
	color: #818181;
	margin-top: 25px;
	font-size: 16px;
    line-height: 25px;
}

.vision-image {
	width: 98px;
	height: 98px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dairydesk-video {
	background: url(../images/banner-bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	/* border-bottom: 1px solid #9ca5a2; */
	-webkit-box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
	-moz-box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
	box-shadow: 0px -4px 42px -7px rgba(7, 160, 195, 1);
}

.dairydesk-video::after {
	content: "";
	height: 100px;
	width: 1px;
	background-color: #00b2cf;
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	bottom: -50px;
	-webkit-animation: example 1s infinite;
	/* Safari 4+ */
	-moz-animation: example 1s infinite;
	/* Fx 5+ */
	-o-animation: example 1s infinite;
	/* Opera 12+ */
	animation: example 1s infinite;
	/* IE 10+, Fx 29+ */
}

.dairydesk-video .container {
	display: flex;
	flex-wrap: wrap;
	padding: 125px 0 0 0;
}

.dairydesk-video .image {
	width: 35%;
}

.dairydesk-video .image img {
	padding-right: 5%;
}

.dairydesk-video .content {
	width: 65%;
	padding: 50px 0 0 0;
}

.dairydesk-video .play-video {
	width: 164px;
	height: 46px;
	background: #09b3d6;
	display: flex;
	align-items: center;
	padding: 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #fff;
	font-weight: 500;
	font-family: "poppins_medium";
	text-transform: uppercase;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.dairydesk-video .play-video:hover {
	background: #00b2cf;
}

.dairydesk-video .play-video img {
	margin: 0 10px 0 5px;
}

.dairydesk-video h1 {
	color: #000;
	font-size: 33px;
	margin: 20px 0 0 0;
	font-family: "poppins_medium";
	font-weight: 500;
	max-width: 80%;
	line-height: 1.2;
}

.about-values-section {
	width: 100%;
	padding: 130px 0 130px 0;
	position: relative;
	z-index: 1;
}

.about-values-section .shape-image1,
.about-values-section .shape-image2,
.about-values-section .shape-image3 {
	position: absolute;
	z-index: -1;
}

.about-values-section .shape-image1 {
	right: 15.5%;
	bottom: 12%;
	animation: pulse 5s infinite;
}

.about-values-section .shape-image2 {
	left: 0;
	top: 0;
}

.about-values-section .shape-image3 {
	left: 0;
	bottom: 0;
}

.about-values-section .title {
	text-align: center;
	font-family: "poppinsregular";
	margin: 0 0 80px 0;
}

.about-values-section .title h2 {
	color: #284886;
	font-size: 40px;
	font-weight: 400;
	font-family: "poppinsregular";
}

.about-values-section .title .line {
	width: 20px;
	height: 2px;
	background-color: #204499;
	margin: 15px auto 0 auto;
}

.about-values-section .value-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
}

.about-values-section .value-content .item {
	width: 30%;
	text-align: center;
}

.about-values-section .value-content .item img {
	margin: 0 auto 20px;
}

.about-values-section .value-content .item h3 {
	font-weight: 400;
	color: #284886;
	font-size: 30px;
	font-family: "poppinsregular";
	margin: 0 0 20px 0;
}

.about-values-section .value-content .item p {
	color: #818181;
	font-size: 16px;
    line-height: 25px;
}

/* 
.about-values-section .container{
         position:relative;
} */

.about-values-inner {
	width: 100%;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	align-items: center;
	position: relative;
	z-index: 999;
	box-sizing: border-box;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
	-webkit-box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 0px 23px -5px rgb(0 0 0 / 10%);
}

.about-values-inner p {
	margin-bottom: 20px;
	color: #999999;
}

.value-image {
	width: 50%;
	box-sizing: border-box;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.value-image img {
	width: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.value-content-main {
	width: 50%;
	box-sizing: border-box;
	padding-left: 60px;
}

/*News*/

.innerpage-banner {
	width: 100%;
	height: auto;
	min-height: 125px;
	background-image: url(../images/inner-page-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}

.innerpage-banner h1 {
	font-size: 40px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
}

.innerpage-banner h5 {
	font-size: 15px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	margin-bottom: 0px;
}

.inner-page-wrapper {
	width: 100%;
	/* padding-bottom: 100px; */
}

.latest-news-section.latest-news-page {
	padding: 65px 0px 0px;
}

.latest-news-section.latest-news-page ul {
	margin-bottom: 0px;
	margin-top: 0px;
}

.suppliers-by-religions {
	width: 100%;
	padding: 10px 0px;
	background-color: #ffffff;
}

.darkbg {
	background-color: #f4f7fc;
}

.suppliers-by-religions h2 {
	font-family: "poppins_light";
	font-weight: 300;
	float: left;
	font-size: 25px;
	line-height: 40px;
	color: #848282;
	margin-right: 20px;
}

.main-spppliers-btn {
	width: 145px;
	height: 47px;
	float: left;
	margin-right: 8px;
	/* background-color: #fff; */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: 0px -1px 15px -7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px -1px 15px -7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px -1px 15px -7px rgba(0, 0, 0, 0.3);
}

.right-but-block .main-spppliers-btn{ height: auto;}
.right-but-block .main-spppliers-btn a{ -webkit-border-radius: 10px; border-radius: 10px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #fff; background: #09b3d6;}
.right-but-block .main-spppliers-btn a:hover{   background: #0794b1;}

.main-spppliers-btn:nth-child(2) {
	margin-right: 0px;
}

.main-spppliers-btn.active {
	background-color: #fff;
}

.main-spppliers-btn-main {
	float: left;
}

.main-spppliers-btn a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	line-height: 44px;
	text-transform: uppercase;
	font-family: "poppinsregular";
	font-weight: 500;
	cursor: pointer;
	font-size: 13px;
	color: #000;
}

.main-spppliers-btn.active a {
	color: #3e4a54;
}

/* .main-spppliers-btn:hover {
	background-color: #07a0c3;
} */

.main-spppliers-btn:hover a {
	color: #fff;
}

.suppliers-by-religions .form-inner-box {
	width: 100%;
	max-width: 180px;
	float: right;
	margin-right: 0px;
}

.suppliers-by-religions .form-inner-box .SumoSelect > .CaptionCont {
	width: 100%;
	border: 1px solid #dddddd;
	height: 42px;
	line-height: 42px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.suppliers-by-religions select.main-text {
	height: 42px;
	line-height: 42px;
}

.suppliers-by-religions .form-inner-box .SumoSelect.open > .optWrapper {
	top: 42px;
}

.suppliers-list-container {
	padding: 65px 0 100px 0;
	background: url(../images/);
}

.suppliers-list-box {
	width: 100%;
	margin-bottom: 20px;
	border-top: 4px solid #315abe;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	height: auto;
	box-shadow: 0px 6px 23px -12px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 6px 23px -12px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 6px 23px -12px rgba(0, 0, 0, 0.7);
}

.suppliers-list-box-left {
	width: 27%;
	padding: 45px;
	box-sizing: border-box;
	border-right: 1px solid #e9e9e9;
}

.supplier-logo {
	margin-bottom: 10px;
	max-width: 180px;
}

.suppliers-list-box-left h2 {
	font-size: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	color: #414d55;
}

.suppliers-list-box-left h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	color: #464255;
	margin-top: 10px;
	font-family: "poppins_light";
}

.suppliers-product-main {
	width: 55%;
	box-sizing: border-box;
	padding: 45px 40px 35px 60px;
}

.suppliers-product-main ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.suppliers-product-main ul li {
	width: auto;
	padding: 8px 20px 8px 20px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #464255;
	background-color: #fff;
	border: 1px solid #ddd;
	font-family: "poppins_light";
	font-weight: 300;
	box-sizing: border-box;
	line-height: 19px;
	margin-right: 10px;
}

.suppliers-list-box h3 {
	font-size: 23px;
	color: #1c54a1;
	font-family: "poppins_semibold";
	font-weight: 600;
	margin-bottom: 25px;
}

.suppliers-certification-main {
	width: 23%;
	box-sizing: border-box;
	padding: 45px 20px 20px 10px;
}

.suppliers-certification-main ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.suppliers-certification-main ul li {
	margin-right: 15px;
	max-width: 36px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 5px;
	margin-bottom: 10px;
}

.spppliers-btn-right {
	float: right;
	width: auto;
}

.spppliers-btn-right.mapviewclass {
	width: 70%;
}

.footer.footer-second {
	padding-top: 0px !important;
	background-image: none;
	margin-top: 0px !important;
}

.map-page-wrapper iframe {
	top: 6px !important;
	position: relative;
}

.map-page-wrapper{
	margin-top: 86px;
}

.resources-first-section {
	width: 100%;
	background-color: #1b58a3;
	padding: 60px 0px 80px;
	background-image: url(../images/cow-bg.png);
	background-repeat: no-repeat;
	background-position: top -28px right 10px;
}

.resources-first-section h2 {
	font-size: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	color: #fff;
}

.resources-first-section ul {
	justify-content: left;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.resources-first-section ul li {
	width: 19%;
	padding: 30px 25px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-right: 1.2%;
	margin-bottom: 20px;
}

.resources-first-section ul li:nth-child(5n) {
	margin-right: 0%;
}

.resources-first-section ul li h4 {
	font-size: 25px;
	color: #464255;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.resources-first-section ul ul {
	margin-top: 10px;
}

.resources-first-section ul ul li {
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top 6px left 1px;
	margin-bottom: 15px;
}

.resources-first-section ul ul li a {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-family: "poppinsregular";
	font-weight: 500;
}

.resources-first-section ul ul li a:hover {
	color: #089ec3;
}

.resources-dairy-parameters {
	padding: 70px 0;
	background-color: #fff;
}

.resources-dairy-parameters h2 {
	color: #222222;
	font-family: "poppins_light";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
}

.resources-dairy-parameters ul {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin-top: 30px;
}

.resources-dairy-parameters li {
	width: 32%;
	border: 1px solid #dddedf;
	min-height: 110px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding-left: 50px;
	box-sizing: border-box;
	margin-right: 2%;
}

.resources-dairy-parameters li:nth-child(3n) {
	margin-right: 0px;
}

.resources-dairy-parameters li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}

.resources-dairy-parameters li:hover {
	background-color: #f0f0f0;
}

.resources-dairy-parameters li h2 {
	font-size: 20px;
	color: #1b58a3;
	font-family: "poppins_semibold";
	margin-left: 29px;
}

/*contact*/

.contact-main-section {
	padding: 100px 0px 85px;
}

.contact-left-main {
	width: 59%;
	box-sizing: border-box;
	padding-right: 100px;
	float: left;
}

.form-group {
	width: 100%;
	margin-bottom: 30px;
}

.text-main {
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #f0eff4;
	font-size: 16px;
	color: #333;
	font-family: "poppinsregular";
	font-weight: 500;
}

.message-main {
	width: 100%;
	height: 155px;
	line-height: 20px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #f0eff4;
	font-size: 16px;
	color: #333;
	font-family: "poppinsregular";
	font-weight: 500;
	resize: none;
	margin-top: 15px;
}

.message-main::placeholder{
	color: #737377;
}

.text-main::placeholder{
	color: #737377;
}

.contact-btn {
	width: 190px;
	height: 50px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	line-height: 54px;
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
	text-align: center;
	border-radius: 10px;
	box-shadow: none;
	border: none;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	font-family: "poppins_semibold";
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.contact-btn:hover {
	background-color: #00b2cf;
}

.contact-right-main {
	width: 41%;
	float: left;
	margin-top: 40px;
}

.contact-right-main h2 {
	font-size: 28px;
	color: #000;
	line-height: 43px;
	font-family: "poppinsregular";
	font-weight: 500;
	position: relative;
}

.contact-right-main h2::after {
	content: "";
	width: 90px;
	height: 3px;
	background-color: #089cc1;
	position: absolute;
	left: 0px;
	bottom: -16px;
}

.main-contact-details {
	width: 100%;
	margin-top: 40px;
}

.main-contact-details p {
	font-size: 20px;
	color: #8c8c8c;
	font-family: "poppins_light";
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 15px;
}

.contact-number {
	font-size: 28px;
	color: #000;
	font-family: "poppins_medium";
	font-weight: 500;
	margin-bottom: 15px;
}

.contact-number:hover {
	color: #00b5ce;
}

.social-contact {
	margin-top: 35px;
	float: left;
}

.social-contact ul {
	display: flex;
}

.social-contact ul li {
	width: 40px;
	height: 40px;
	border: 1px solid #d8d8d8;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin-right: 10px;
}

.social-contact ul li:hover {
	border: 1px solid #000;
}

.social-contact ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #d8d8d8;
}

.social-contact ul li:hover a {
	color: #000;
}

/*Physical parameters*/

.physical-parameters-section {
	padding: 50px 0 90px 0;
}

.physical-parameters-box {
	width: 100%;
	height: auto;
	padding: 50px;
	background: #fff;
	box-sizing: border-box;
	border-top: 5px solid #00b2cf;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.34);
	box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.34);
	margin-bottom: 30px;
}

.physical-parameters-box h2 {
	font-size: 35px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 300;
}

.physical-parameters-box ul {
	margin-top: 20px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

.physical-parameters-box ul li {
	padding: 15px 18px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-transform: uppercase;
	margin-right: 15px;
}

.physical-parameters-box ul li label {
	font-size: 17px;
	color: #585858;
	font-family: "poppins_light";
	font-weight: 300;
	margin-right: 15px;
	line-height: 20px;
}

.physical-parameters-box ul li span {
	font-family: "poppins_semibold";
	color: #585858;
	line-height: 20px;
	font-size: 17px;
}

.physical-parameters-box p {
	font-size: 15px;
	line-height: 25px;
	color: #696d6e;
	font-family: "poppins_light";
	font-weight: 300;
}

/*product detail*/

.product-detail-first-section {
	width: 100%;
	height: auto;
	padding: 50px 0;
	background-color: #fff;
}

.product-detail-first-section h2 {
	font-size: 30px;
	line-height: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 20px;
}

.product-detail-first-section h4 {
	font-size: 17px;
	color: #888888;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 5px;
}

.product-detail-first-section h5 {
	font-size: 17px;
	color: #000;
	font-weight: 500;
	font-family: "poppins_semibold";
	font-weight: 300;
	margin-bottom: 30px;
}

.product-detail-first-section p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	margin-bottom: 20px;
}

.product-detail-second-section {
	width: 100%;
	padding: 90px 0;
	background-color: #f4f7fc;
}

.product-detail-second-section h2 {
	font-size: 30px;
	line-height: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 20px;
	color: #222222;
}

.product-detail-second-section p {
	font-size: 15px;
	line-height: 25px;
	color: #000000;
	font-family: "poppinsregular";
	font-weight: 400;
}

.product-information-table {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	margin: 20px 0 0 0;
	background-color: #fff;
	overflow: hidden;
}

.product-information-table .title {
	background-color: #1c54a1;
	display: flex;
}

.product-information-table ul li:nth-child(1) {
	width: 45%;
	box-sizing: border-box;
	padding: 10px 40px 10px 65px;
}

.product-information-table ul li:nth-child(2) {
	width: 55%;
	padding: 10px 40px 10px 10px;
}

.product-information-table .title li {
	color: #fff;
	font-size: 16px;
	font-family: "poppinsregular";
	font-weight: 400;
}

.product-information-table .information-content {
	background-color: #fafafa;
	display: flex;
}

.product-information-table ul li:nth-child(1) {
	width: 45%;
	box-sizing: border-box;
	padding: 15px 40px 15px 65px;
}

.product-information-table ul li:nth-child(2) {
	width: 55%;
	padding: 15px 40px 15px 10px;
}

.product-information-table .information-content li {
	font-size: 16px;
	font-family: "poppinsregular";
	font-weight: 400;
}

.product-information-table .information-content:nth-child(2n) {
	background-color: #fff;
}

.product-detail-third-section {
	width: 100%;
	padding: 70px 0px 80px;
	background-image: url(../images/product-detail-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.product-detail-third-section h2 {
	font-size: 35px;
	color: #fff;
	font-family: "poppins_light";
	font-weight: 300;
}

.product-detail-third-section ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 30px;
}

.product-detail-third-section ul li {
	width: 23%;
	margin-right: 2.6%;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #ffffff;
}

.product-detail-third-section ul li:nth-child(4n) {
	margin-right: 0;
}

.product-detail-third-section ul li a {
	padding: 35px;
	display: inline-block;
	width: 100%;
}

.app-icon {
	width: 52px;
	height: 52px;
}

.app-icon img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

.product-detail-third-section ul li p {
	color: #000000;
	font-size: 15px;
	line-height: 20px;
	margin-top: 20px;
	font-weight: 500;
	font-family: "poppins_medium";
}

.downloads-section {
	padding: 90px 0;
}

.downloads-section h2 {
	font-size: 30px;
	line-height: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 20px;
	color: #000;
}

.downloads-section ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.downloads-section ul li {
	width: 24%;
	margin-right: 1.3%;
	background-color: #ffffff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	min-height: 90px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	display: flex;
	border-radius: 10px;
	border-bottom: 5px solid #e2e4e9;
}

.downloads-section ul li:nth-child(4n) {
	margin-right: 0px;
}

.downloads-section ul li:hover {
	background-color: #0cc9e0;
}

.downloads-section ul li:hover .download-title {
	color: #fff;
}

.downloads-section ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.download-icon {
	width: 30%;
	height: 100%;
	border-right: 1px solid #f0f0f0;
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	background-position: center;
}

.download-title {
	width: 70%;
	box-sizing: border-box;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 20px;
	color: #414d55;
	font-family: "poppinsbold";
	font-weight: bold;
}

.panel {
	display: none;
}

.panel.is-show {
	display: block;
}

/*market information*/

.market-info-first-section {
	padding: 50px 0px 20px;
	background-color: #fafafc;
}

.title-second {
	font-family: "poppinsregular";
	font-size: 30px;
	color: #222222;
	font-weight: 400;
}

.main-info-first-content {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
}

.main-info-first-content .white-box {
	width: 18.9%;
	padding: 20px 55px 20px 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	/* margin-bottom: 30px; */
	border-top: 4px solid #00b2cf;
	float: left;
	margin-right: 1.33%;
	position: relative;
	/* min-height: 150px; */
	-moz-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-o-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
}

.main-info-first-content .white-box:nth-child(5n) {
	margin-right: 0;
}

.main-info-first-content .white-box h5 {
	font-size: 18px;
	color: #464255;
	line-height: 25px;
	font-family: "poppins_semibold";
	font-weight: 500;
	min-height: 60px;
	margin-bottom: 10px;
}

.main-flag-image-market-info {
	width: 40px;
	position: absolute;
	top: 25px;
	right: 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.main-flag-image-market-info img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

a.popup-with-form {
	font-size: 17px;
	color: #00b2ce;
	font-family: "poppins_light";
	font-weight: 100;
	text-decoration: none;
}

a.popup-with-form:hover {
	color: #127db3;
}

a.popup-with-form-prd {
	font-size: 16px;
	color: #00b2ce;
	font-family: "poppins_light";
	font-weight: 100;
	text-decoration: none;
	position: relative;
	z-index: 999;
}

.tools-map-main{
	font-family: 'poppinsregular';
}


.suppliers-product-main h4 {
	margin-top: 20px;
	font-size: 14px;
	color: #1b54a1;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "poppinsregular";
	position: relative;
	display: inline-block;
}

.suppliers-product-main h4::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ddd;
	left: 0;
	bottom: -2px;
}

a.popup-with-form-prd:hover {
	color: #127db3;
}

.market-info-second-section {
	padding: 60px 0;
	background-image: url(../images/hme-price-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	min-height: 480px;
}

.market-info-second-section .title-second {
	color: #fff;
}

.market-product-section .white-box {
	width: 18.9%;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-bottom: 30px;
	border-top: 4px solid #00b2cf;
	float: left;
	margin-right: 1.33%;
	position: relative;
	/* min-height: 150px; */
	-moz-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-o-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
}

.market-product-section {
	margin-top: 15px;
}

.market-product-section .white-box:nth-child(5n) {
	margin-right: 0px;
}

.market-product-section .white-box h5 {
	font-size: 20px;
	color: #464255;
	line-height: 25px;
	font-family: "poppins_semibold";
	font-weight: 500;
	min-height: 50px;
	margin-bottom: 10px;
}

.market-info-third-section {
	padding: 80px 0 130px 0;
}

.market-info-third-section .white-box {
	padding: 35px 25px 45px 50px;
	background-color: #fff;
	margin-top: 25px;
	border-radius: 30px;
	-moz-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-o-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
}

.select-country-list {
	width: 26%;
	float: left;
	height: 515px;
	overflow-y: scroll;
	margin-right: 4%;
	padding-right: 15px;
	box-sizing: border-box;
}

.select-country-map {
	width: 70%;
	float: left;
	position: relative;
}

.active_sub_menu .sidenav_wrapper {
	display: block;
}

.main-spppliers-btn li.active {
	/* background-color: #1c54a1; */
	border-radius: 6px;
	/* height: 40px; */
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.main-spppliers-btn li.active a {
	color: #fff;
}

.white-popup-block {
	max-width: 1100px;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
	padding: 45px 50px 80px;
	border-radius: 30px;
	position: relative;
	-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}

#chartdiv {
	height: 500px;
}

.product-index-heading {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 20px;
}

.product-index-flag {
	width: 38px;
	height: 38px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin-right: 15px;
	float: left;
}

.product-index-flag img {
	height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.product-index-heading h4 {
	font-size: 30px;
	float: left;
	line-height: 38px;
	color: #373737;
	font-family: "poppinsregular";
	font-weight: 500;
}

.product-index-subtitle {
	font-size: 15px;
	color: #989898;
	font-family: "poppinsregular";
	font-weight: 500;
}

.popup-product-index-section {
	width: 100%;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin-top: 30px;
}

.main-product-index-box {
	width: 25%;
	border-right: 1px solid #e3e3e3;
	padding-left: 40px;
	margin-bottom: 20px;
	padding-right: 10px;
}

.main-product-index-box:nth-child(4n) {
	border-right: none;
}

.main-product-index-box:first-child {
	padding-left: 0px;
}

.main-product-index-box h5 {
	font-size: 25px;
	color: #464255;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.main-product-index-box ul {
	margin-top: 25px;
}

.main-product-index-box ul li {
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	padding-left: 20px;
	background-image: url(../images/arrow-product.jpg);
	background-repeat: no-repeat;
	background-position: top 6px left 1px;
	margin-bottom: 15px;
}

.main-product-index-box ul li a {
	font-size: 14px;
	line-height: 20px;
	color: #000000 !important;
	font-family: "poppinsregular";
	font-weight: 500;
}

.main-product-index-box ul li a:hover {
	color: #00b2ce !important;
}

.white-popup-block .mfp-close {
	right: 10px;
	top: 10px;
	font-size: 35px;
}

.by-products-popup {
	margin-top: 20px;
}

.by-products-popup ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.by-products-popup ul li {
	width: 25%;
	box-sizing: border-box;
	padding: 0px;
	padding-left: 20px;
	/* background-image: url(../images/arrow-product.jpg); */
	background-repeat: no-repeat;
	background-position: top 6px left 1px;
	margin-bottom: 15px;
	padding-right: 30px;
}

.by-products-popup ul li a {
	font-size: 14px;
	line-height: 20px;
	color: #000000 !important;
	font-family: "poppinsregular";
	font-weight: 500;
}

.select-country-list .acc__title {
	font-size: 15px;
	display: block;
	width: 100%;
	font-family: "poppinsregular";
	font-weight: 500;
	line-height: 20px;
	color: #000;
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #ededed;
	padding-left: 5px;
	cursor: pointer;
}

.acc__panel {
	margin: 15px 0px;
}

.acc__panel li {
	font-size: 13px;
	color: #9fa4af;
	line-height: 18px;
	font-family: "poppinsregular";
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.acc__panel li input {
	margin-right: 10px;
	position: relative;
	top: 0px;
	width: 12px;
	height: 12px;
}

.select-country-map .radio-toolbar {
	display: flex;
	flex-wrap: wrap;
}

.select-country-list ul.child {
	margin-top: 10px;
	padding-left: 5px;
	margin-bottom: 20px;
}

.main-country-select-top {
	font-size: 13px;
	color: #9fa4af;
	line-height: 20px;
	font-family: "poppinsregular";
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.main-country-select-top input {
	margin-right: 10px;
	position: relative;
	top: -2px;
	width: 12px;
	height: 12px;
}

.select-country-list ul ul li {
	font-size: 13px;
	color: #9fa4af;
	line-height: 18px;
	font-family: "poppinsregular";
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.select-country-list ul li input {
	margin-right: 10px;
	position: relative;
	top: -2px;
	width: 12px;
	height: 12px;
}

.radio-toolbar .getyearbymilkdata {
	display: none;
}

.radio-toolbar .label-new {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 80px;
	height: 36px;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 2px solid #00b2cf;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-right: 5px;
	font-size: 14px;
	color: #1b1b28;
	font-family: "poppinsregular";
}

.radio-toolbar .label-new.active {
	/* target next sibling (+) label */
	background-color: #00b2cf;
	color: #fff;
}

.map-legend {
	width: 100%;
	max-width: 160px;
	background-color: #fff;
	border-radius: 15px;
	z-index: 999;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.52);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.52);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.52);
}

.map-legend h4 {
	font-family: "poppinsregular";
	font-weight: 500;
	color: #000;
	font-size: 13px;
}

.map-legend ul {
	margin-top: 10px;
}

.map-legend ul li {
	display: flex;
	flex-wrap: wrap;
}

.map-legend-colour {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	margin-right: 9px;
	margin-bottom: 5px;
}

.map-legend ul li span {
	font-size: 12px;
	color: #666a73;
	line-height: 19px;
	font-family: "poppins_light";
}

.tools-podersfirst-section {
	width: 100%;
	height: auto;
	min-height: 125px;
	background-image: url(../images/inner-page-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.main-banner-flag-container {
	width: 70%;
	float: left;
	display: flex;
	align-items: center;
}

.banner-flag-main {
	width: 38px;
	height: 38px;
	float: left;
	margin-right: 15px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.banner-flag-main img {
	width: 38px;
	height: 38px;
	float: left;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center;
}

.main-tool-second-flag img {
}

.main-banner-flag-container h2 {
	font-size: 30px;
	line-height: 38px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
}

.tools-powders-second-section {
	width: 100%;
	display: flex;
	padding: 20px 0px;
	border-bottom: 1px solid #d6d9e2;
}

.tools-powders-second-section .container {
	display: flex;
	align-items: center;
}

.main-tool-second-name {
	width: 25%;
}

.main-tool-second-name h3 {
	font-size: 25px;
	color: #2c2c2c;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.main-tool-second-flag-main {
	width: 75%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.main-tool-second-flag-main-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.main-tool-second-flag-main-title h3 {
	font-size: 15px;
	color: #222222;
	font-family: "poppinsregular";
	font-weight: 500;
	margin-right: 10px;
	width: 170px;
}

.form-inner-box.new-prd.region-form-rem .sumo_byRegion .SelectBox {
    display: none;}
/* .form-inner-box.new-prd .SumoSelect > .CaptionCont:not(.home-search-block .form-inner-box.new-prd .SumoSelect > .CaptionCont) {
    display: none;
} */
.form-check.form-check-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	justify-content: flex-end;
}

.form-check-label {
	display: flex;
	margin-left: 8px;
	align-items: center;
	flex-wrap: wrap;
}

.main-tool-second-flag {
	width: 24px;
}

.form-check-label h4 {
	font-size: 13px;
	color: #222222;
	font-family: "poppinsregular";
	font-weight: 500;
	margin-left: 5px;
}

.tools-powders-third-section {
	padding: 25px 0 110px 0;
	display: flex;
	flex-wrap: wrap;
}

.tools-powders-menu {
	width: 25%;
	height: 100vh;
	float: left;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.tools-powders-menu li .main-category {
	font-size: 16px;
	color: #1c1c1c;
	font-family: "poppins_semibold";
	font-weight: 500;
	text-transform: uppercase;
}

.tools-powders-menu li.active .main-category {
	color: #204499;
}

.tools-powders-menu #category-tabs {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.tools-powders-menu .sub-category-tabs {
	margin-top: 15px;
}

.tools-powders-menu .sub-category-tabs li {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	list-style: none;
}

.tools-powders-menu .sub-category-tabs li.active a {
	color: #464255;
	text-transform: capitalize;
}

.tools-powders-menu .sub-category-tabs li.active::after {
	background-color: #464255;
}

/* .tools-powders-menu .sub-category-tabs li::after{
    content: "";
    width: 6px;
    position: absolute;
    left: 0px;
    top: 5px;
    height: 6px;
    background-color: #acacac;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
  } */

.tools-powders-menu .sub-category-tabs li .form-check-input {
	width: 17px;
	height: 17px;
	position: relative;
	top: 4px;
	margin-right: 4px;
	background: url(../../../static/dashboard_portal/images/checkbox_normal.svg) center no-repeat;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
}

.tools-powders-menu .sub-category-tabs li .form-check-input:disabled {
	filter: grayscale(1);
}

.tools-powders-menu .sub-category-tabs li a {
	font-size: 13px;
	line-height: 18px;
	color: #a0a0a0;
	font-family: "poppins_light";
	font-weight: 300;
}

.tools-powders-content {
	width: 73%;
	float: right;
}

.tools-map-main {
	width: 100%;
	min-height: 580px;
}

.tools-first-section {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background-color: #fff;
	padding: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 20px;
}

.tools-first-section .tools-first-section {
	padding: 0 0 20px 0;
	margin: 0;
}

.tools-first-section h2 {
	font-size: 20px;
	font-family: "poppinsregular";
	font-weight: 500;
	color: #222222;
}

.tools-price-main {
	display: flex;
	width: 100%;
	margin-top: 5px;
	align-items: flex-start;
}

.tools-price-main h3 {
	font-size: 15px;
	font-family: "poppinsregular";
	font-weight: 500;
	color: #6a6d85;
	width: 25%;
}

.form-check {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.tools-price-main-ckeckbox {
	width: 75%;
	display: flex;
	justify-content: flex-end;
	font-size: 13px;
	font-family: "poppinsregular";
	font-weight: 500;
	color: #6a6d85;
}

.tools-price-main-ckeckbox .form-check-label {
	margin-left: 3px;
}

.table-map-container {
	margin-top: 20px;
}

.table-map-container ul {
	display: flex;
}

.tools-table-title {
	width: 100%;
	height: auto;
}

.tools-table-title {
	width: 100%;
}

.first {
	width: 21%;
}

.second {
	width: 17%;
}

.third {
	width: 22%;
}

.fourth {
	width: 19%;
}

.fifth {
	width: 21%;
}

/* .tools-table-content .title{
    display: none;
} */

.tools-table-content.compare .title {
	padding: 5px;
	min-width: 76px;
	display: inline-block;
	text-align: center;
}

/* .tools-table-content .third .title{
    background:#bde0f0;
} */

.tools-table-title {
	background-color: #0d8ab9;
}

.tools-table-title li {
	padding: 10px 12px;
	box-sizing: border-box;
	color: #fff;
	text-align: left;
	color: #fff;
	font-size: 15px;
	font-family: "poppinsregular";
	font-weight: 300;
	text-transform: none;
	place-self: center;
}

.tools-table-content {
	border: 1px solid #e4e8ec;
}

.tools-table-content li {
	padding: 20px 12px;
	font-size: 14px;
	font-family: "poppins_medium";
	color: #000;
	font-weight: 500;
	box-sizing: border-box;
}

.tools-table-content li p {
	font-size: 13px;
	font-family: "poppins_light";
	color: #000;
	font-weight: 300;
	margin-bottom: 10px;
}

.tools-table-content li.third {
	font-size: 14px;
	font-weight: 600;
	font-family: "poppins_medium";
	text-align: left;
}
.tools-table-title li.third span {
	max-width: 90px;
	display: block;
}

.tools-map-main {
	width: 100%;
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: "poppinsregular";
	color: #000;
	font-weight: 300;
	box-sizing: border-box;
}

/*supplier detail*/

.suppliers-first-section {
	padding: 70px 0px 45px;
}

.supplier-detail-logo {
	max-width: 160px;
}

.supplier-top-detail {
	margin-top: 35px;
	padding-bottom: 45px;
	border-bottom: 1px solid #dedede;
}

.supplier-top-detail h2 {
	font-size: 30px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 100;
	margin-bottom: 10px;
}

.supplier-top-detail h4 {
	font-size: 12px;
	font-family: "poppins_light";
	font-weight: 100;
	color: #696d6e;
	margin-bottom: 20px;
}

.supplier-top-detail p {
	font-family: "poppinsregular";
	font-weight: 100;
	color: #696d6e;
}

.supplier-certification {
	margin-top: 30px;
}

.supplier-certification h3 {
	font-size: 25px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 100;
}

.supplier-certification ul {
	margin-top: 15px;
	display: flex;
}

.supplier-certification ul li {
	display: flex;
	align-items: center;
	margin-right: 5px;
	max-width: 45px;
}

.supplier-certification-btn {
	margin-top: 30px;
}

.supplier-certification-btn a {
	padding: 0px 52px 0px 30px;
	height: 46px;
	line-height: 48px;
	text-align: center;
	font-family: "poppins_medium";
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	float: left;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	background-color: #00b2cf;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.supplier-certification-btn a:hover {
	background-color: #1c54a1;
}

.supplier-certification-btn a::after {
	content: "";
	width: 22px;
	height: 20px;
	position: absolute;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	right: 18px;
	top: 12px;
}

.supplier-certification-btn a.supplier-contact-btn {
	background-color: #1c54a1;
}

.supplier-certification-btn a.supplier-contact-btn:hover {
	background-color: #00b2cf;
	color: #fff;
}

.suppliers-second-section {
	padding-bottom: 120px;
}

.suppliers-second-section h2 {
	font-size: 30px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 100;
	margin-bottom: 30px;
}

.main-suppliers-category-box {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 30px 40px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	margin-bottom: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.main-suppliers-category-box-content {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-right: 0px;
}

.main-suppliers-category-box-content h3 {
	font-size: 25px;
	color: #414d55;
	font-family: "poppins_semibold";
	font-weight: 500;
	width: 100%;
	padding-bottom: 15px;
}

.main-suppliers-category-box-content ul {
	display: flex;
	flex-wrap: wrap;
}

.main-suppliers-category-box-content ul li {
	width: auto;
	padding: 12px 35px;
	background-color: #ffffff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #1c54a1;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.main-suppliers-category-box-content ul li a {
	font-size: 17px;
	color: #1c54a1;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.main-suppliers-category-box-content ul li a:hover {
	color: #00b2cf;
}

.main-suppliers-category-box-image {
	width: 23%;
	display: none;
	float: left;
	background-color: #d0d0d0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.main-suppliers-category-box-image img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.labeltest {
	padding: 8px 15px !important;
	background-color: #b67529 !important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #fff !important;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;
	font-family: "poppins_semibold" !important;
	font-weight: 500 !important;
	border: none !important;
}

.market-info-banner-title {
	width: 50%;
}

.market-info-banner-title h3 {
	font-size: 30px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
}

.banner-market-info {
	padding: 20px 0px;
}

.banner-market-info .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.market-info-banner-content {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.market-info-banner-dropdown {
	width: 100%;
	max-width: 190px;
	margin-right: 15px;
}

.market-info-banner-dropdown .textbox {
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border-radius: 5px;
	border: none;
	padding: 0px 10px;
}

.market-info-banner-content .first-box {
	margin-left: 15px;
	text-align: right;
}

.market-info-banner-content .first-box h4 {
	font-size: 23px;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #fff;
	line-height: 30px;
}

.market-info-banner-content .first-box p {
	font-size: 12px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	margin-bottom: 0px;
}

.market-info-banner-content .second-box {
	margin-left: 15px;
	text-align: right;
}

.market-info-banner-content .second-box h4.green {
	font-size: 18px;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #03d87f;
	line-height: 30px;
	position: relative;
	padding-right: 30px;
}

.market-info-banner-content .second-box h4.red {
	font-size: 18px;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #fd5252;
	line-height: 30px;
	position: relative;
	padding-right: 30px;
}

.market-info-banner-content .second-box p {
	font-size: 12px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	margin-bottom: 0px;
}

.arrow_price-green {
	position: absolute;
	right: 5px;
	bottom: 8px;
}

.main-location-detail-map {
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-location-detail-map .white-box {
	padding: 35px 25px 45px 50px;
	background-color: #fff;
	margin-top: 25px;
	border-radius: 30px;
	-moz-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-o-box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0px 4px 7px -1px rgb(0 0 0 / 11%);
	box-shadow: 0px 4px 7px -1px rgb(0 0 0 / 11%);
}

.main-location-detail-discription {
	margin-top: 45px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada;
}

.main-location-detail-discription h2 {
	font-size: 30px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 15px;
}

.main-location-detail-discription p {
	margin-bottom: 20px;
	color: #696d6e;
}

#selectregioncountryvalidation p {
	text-align: left;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.main-supplier-popup-form {
	width: 50%;
	float: left;
}

.main-supplier-form h4 {
	font-size: 30px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 100;
	margin-bottom: 15px;
}

.main-supplier-form .form-control {
	width: 90%;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	font-family: "poppinsregular";
	font-size: 14px;
	color: #000;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.main-supplier-form .form-group {
	margin-bottom: 15px;
}

.main-supplier-form textarea.form-control {
	min-height: 100px;
	line-height: 20px;
	padding: 10px;
	font-family: "poppinsregular";
	font-size: 14px;
	color: #000;
	resize: none;
}

.main-supplier-form .btn {
	padding: 0px 40px 0px 40px;
	height: 40px;
	text-align: center;
	font-family: "poppins_medium";
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	float: left;
	border: none;
	box-shadow: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #00b2cf;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.main-supplier-form .btn:hover {
	background-color: #1c54a1;
}

.supplier-popup-image {
	max-width: 160px;
	margin-bottom: 15px;
}

.main-supplier-popup-content {
	width: 50%;
	float: left;
}

.main-supplier-popup-content h5 {
	font-size: 30px;
	color: #414d55;
	font-family: "poppins_light";
	font-weight: 100;
	margin-bottom: 10px;
	margin-bottom: 15px;
}

.main-tool-second-flag img {
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat;
}

.main-tools-section {
	padding: 30px 0;
}

.index-dropdown {
	display: flex;
	align-items: center;
}

.index-dropdown-flag {
	max-width: 30px;
	margin-right: 10px;
}

.index-dropdown h5 {
	font-family: "poppinsregular";
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.main-banner-flag-select {
	width: 30%;
	float: left;
	display: flex;
	justify-content: flex-end;
}

/* .footer-logo img {
    max-width: 160px;
} */

.mfp-bg {
	z-index: 99999 !important;
}

.mfp-wrap {
	z-index: 999999 !important;
}

.mfp-container {
	padding-top: 30px !important;
}

.tools-podersfirst-section .col-sm-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.tools-podersfirst-section
	.col-sm-4
	.select2-container
	.select2-selection--single {
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: none;
}

.tools-podersfirst-section
	.col-sm-4
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 100%;
	top: -1px;
}

.tools-price-main-ckeckbox .price-country-selection {
	width: 80px;
	margin-top: -10px;
}

.tools-price-main-ckeckbox .price-country-selection .select2-container {
	width: 100% !important;
}

.tools-price-main-ckeckbox
	.price-country-selection
	.select2-container--default
	.select2-selection--single {
	border: none;
	color: #8f8f8f;
	font-size: 13px;
}

.tools-price-main-ckeckbox .price-country-selection .index-dropdown h5 {
	color: #8f8f8f;
	font-size: 13px;
	line-height: 33px;
}

.hme-price-main .price-country-selection {
	width: auto;
}

.hme-price-main .select2-container .select2-selection--single {
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: none;
}

.hme-price-main
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 100%;
	top: -1px;
}

#gm-style-iw-d a {
	color: #1c54a1;
}

#gm-style-iw-d {
	max-width: 250px !important;
	overflow: hidden !important;
}

label.error {
	width: 100%;
	display: block;
	color: #ff6767 !important;
	font-size: 12px !important;
	padding-top: 5px;
	font-family: "poppinsregular";
}

.map-page-wrapper p {
	color: #000;
	margin-bottom: 5px;
	font-family: "poppinsbold";
	font-weight: bold;
	color: #1c54a1;
	padding-right: 20px;
}

.map-page-wrapper .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
	max-height: 190px !important;
	overflow: auto;
}

.map-page-wrapper .gm-style.gm-style-iw-c {
	padding: 16px;
}

.map-page-wrapper .gm-ui-hover-effect {
	top: 2px !important;
	right: 7px !important;
}

.map-page-wrapper .gm-ui-hover-effect img {
	width: 24px !important;
	height: 20px !important;
	margin: 0px !important;
}

.main-tool-second-name .price-country-selection {
	float: left;
}

.market-info-banner-dropdown .select2-container .select2-selection--single {
	height: 40px;
}

.market-info-banner-dropdown
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	line-height: 40px;
}

.footer-contact-phone {
	color: #a8b7d3;
}

.footer-contact-phone:hover {
	color: #ffffff;
}

.supplierlist-notfound {
	text-align: center;
	padding: 5px;
}

/*graph section*/

.graph-section-main {
	width: 100%;
	height: auto;
	padding: 60px 0px;
}

.graph-section-main .graph-main-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.graph-section-main .graph-main-inner .boxcontainer {
	width: 49%;
	min-height: 300px;
	margin-right: 0%;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 3px solid #1276b1;
	background-color: #fafafa;
	box-sizing: border-box;
}

.graph-section-main .graph-main-inner .boxcontainer:nth-child(3n) {
	width: 100%;
	margin-right: 0%;
}

.graph-section-main .main-graph-box {
	position: relative;
	overflow: hidden;
}

.graph-section-main .main-overlay {
	background: rgba(0, 0, 0, 0.6);
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -110%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	z-index: 999px;
}

.graph-section-main .main-overlay a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.graph-section-main .plus-icon {
	width: 30px;
	height: auto;
}

.graph-section-main .plus-icon svg {
	color: #fff;
	fill: #fff;
}

.graph-section-main .main-graph-box:hover .main-overlay {
	bottom: 0px;
}

.body-map-view .footer {
	margin-top: 0px !important;
	background-image: none;
	padding-top: 0px;
}

.body-map-view .footer .footer-inner {
	padding-top: 60px;
}

/* .form-check-block{
margin-bottom: 10px;
} */

.white-box .by-products-popup ul li {
	width: 100%;
}

.white-box .getmarketinformationprdstyl {
	display: block;
	position: absolute;
	z-index: 1000;
	width: 100%;
	background: #fff;
	left: 0px;
	padding-bottom: 10px;
	/* top: 81%; */
	top: calc(100% - 20px);
	border-radius: 0 0 16px 16px;
	-moz-box-shadow: 0px 8px 7px -1px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 8px 7px -1px rgba(0, 0, 0, 0.11);
	-o-box-shadow: 0px 8px 7px -1px rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 0px 8px 7px -1px rgb(0 0 0 / 11%);
	box-shadow: 0px 8px 7px -1px rgb(0 0 0 / 11%);
}

.white-box .getmarketinformationprdstyl .transaction-sec {
	max-height: 255px;
	overflow-y: auto;
	padding-inline: 20px;
}

.white-box .getmarketinformationprdstyl .by-products-popup ul li {
	padding-left: 35px;
	position: relative;
	margin-bottom: 5px;
}

.white-box .getmarketinformationprdstyl .by-products-popup ul li a {
	font-size: 12px;
}

.white-box .getmarketinformationprdstyl .by-products-popup li::after {
	content: "";
	width: 10px;
	height: 2px;
	background-color: #03b4d5;
	position: absolute;
	left: 15px;
	top: 8px;
}

.white-box .getmarketinformationprdstyl .by-products-popup {
	margin-top: 10px;
}

/*latest 04-11-2021*/

.hme-about-new-section {
	width: 100%;
	height: auto;
}

.hme-about-new-image {
	width: 100%;
	max-width: 414px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.hme-abt-image {
	position: relative;
	z-index: 99;
}

.hme-about-new-image::after {
	content: "";
	width: 254px;
	height: 320px;
	top: 10px;
	z-index: 1;
	left: -200px;
	position: absolute;
	background-image: url(/static/frontend/images/bg-screen.png);
	background-repeat: no-repeat;
	animation: pulse 5s infinite;
}

.hme-abut-text {
	position: absolute;
	width: 100%;
	max-width: 300px;
	display: block;
	right: -50px;
	top: 90px;
	text-align: left;
	z-index: 999;
	padding: 20px;
	background-color: #fff;
	box-shadow: -1px -1px 11px -7px rgb(0 0 0 / 67%);
	-webkit-box-shadow: -1px -1px 11px -7px rgb(0 0 0 / 67%);
	-moz-box-shadow: -1px -1px 11px -7px rgba(0, 0, 0, 0.67);
	border-radius: 15px;
}

.hme-abut-text.main-left-first {
	left: -270px;
	top: 41px;
}

.hme-abut-text.main-left-second {
	left: inherit;
	top: 41px;
	right: -270px;
}

.hme-about-new-image .image-number {
	margin: auto 0px;
}

.hme-abut-text.main-left-second .image-number {
	right: inherit;
	left: -50px;
}

.hme-abut-text.main-left-third {
	left: -270px;
	top: inherit;
	bottom: 50px;
}

.hme-abut-text.main-left-fourth {
	left: inherit;
	top: inherit;
	bottom: 50px;
	right: -270px;
}

.hme-abut-text.main-left-fourth .image-number {
	right: inherit;
	left: -50px;
}

.hme-product-slider-container {
	width: 100%;
	height: auto;
}

.hme-product-slider-container h2 {
	font-size: 35px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 400;
	line-height: 35px;
	float: left;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
}

.hme-product-slider-container .owl-nav .owl-prev {
	width: 55px;
	height: 45px;
	background-color: #fff !important;
	position: absolute;
	top: 48%;
	left: -70px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(/static/frontend/images/prev-arrow-black.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.hme-product-slider-container .owl-nav .owl-prev:hover {
	background-color: #000 !important;
	background-image: url(/static/frontend/images/prev-arrow-black-hover.png) !important;
}

.hme-product-slider-container .owl-nav .owl-prev span {
	display: none;
}

.hme-product-slider-container .owl-nav .owl-next {
	width: 55px;
	height: 45px;
	background-color: #fff !important;
	position: absolute;
	top: 48%;
	right: -70px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background-image: url(/static/frontend/images/next-arrow-black.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.hme-product-slider-container .owl-nav .owl-next:hover {
	background-color: #000 !important;
	background-image: url(/static/frontend/images/next-arrow-black-hover.png) !important;
}

.hme-product-slider-container .owl-nav .owl-next span {
	display: none;
}

.main-first {
	background-color: #fff;
	float: left;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
}

.hme-product-inner-slide {
	width: 100%;
	padding: 30px 0px 20px;
}

.hme-product-inner .item {
	border-right: 1px solid #e8e8e8;
	padding: 0px 10px;
}

.hme-product-inner .price-box-bottom-main {
	position: static;
	padding: 0px;
	padding-top: 25px;
}

.hme-product-top {
	width: 100%;
	display: flex;
	position: relative;
	min-height: 65px;
	flex-wrap: wrap;
	align-items: center;
	height: auto;
	margin-bottom: 15p;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}

.hme-product-top h3 {
	font-size: 20px;
	color: #2e2e2e;
	padding-left: 50px;
	font-family: "poppins_semibold";
}

.hme-product-flag {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
	/* background-color: #000; */
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

.hme-product-flag img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.hme-product-inner .qty-price-box h3 {
	font-size: 19px;
	color: #47484b;
}

.hme-product-inner .price-box-bottom-main span {
	font-size: 14px;
}

.price-box-bottom-main .qty-date-box h3 {
	position: relative;
	top: -5px;
	font-family: "poppins_medium";
	font-weight: 500;
	line-height: 25px;
	font-size: 18px;
}

.price-box-bottom-main .qty-date-box h3::after {
	content: "";
	width: 28px;
	height: 20px;
	background-image: url(/static/frontend/images/arrow-up.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 18px;
	top: 4px;
}

.price-box-bottom-main .qty-date-box.red h3 {
	color: #f91313;
}

.price-box-bottom-main .qty-date-box.red h3::after {
	background-image: url(/static/frontend/images/arrow-down.png);
	width: 28px;
    height: 20px;
}


.price-box-bottom-main .qty-date-box.plane h3::after {
    background-image: url(/static/frontend/images/minus.svg);
	width: 20px;
    height: 4px;
	top: 6px;
	right: 10px;
}

.hme-price-main.product {
	background-position: bottom -40px center;
}

/* .form-inner-box.keyword-01 {
	width: 73.5%;
} */

#btnNewGroup {
	font-size: 13px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	cursor: pointer;
}
#btnNewGroups {
	font-size: 13px;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: 500;
	cursor: pointer;
}
.search-form {
	position: relative;
}

.detailed-search-main .form-inner-box {
	margin-right: 1%;
}

.advanced-search-btn {
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
	text-align: center;
}

/* .hme-search-main.detailed-search-main{
        padding-bottom: 25px;
    } */

.home-search-block .search-form.search-before-click {
	width: 65%;
}

.search-form.search-before-click {
	width: 35%;
}


.pannel-ad-search{display: none; position: absolute; top: 88%; width:78%; left: 0px; background: #fff; padding: 10px;}

.search-btn .search-btn{ height: 57px}
.header .container {
	width: 96%;
	max-width: inherit;
	display: flex;
	align-items: center;
}

.pannel-ad-search .form-inner-box{ width: 48%;}

.pannel-ad-search .form-inner-box{ float: left;}

.right-but-block{ float: right;}

.right-but-block ul{ margin: 0px; padding: 0px; display: flex;}
.right-but-block ul .switch-tab-new{  padding: 0px; display: flex;}

.right-but-block ul li:not(.switch-tab-new){margin: 0px 0px 0px 5px;}

.right-but-block ul .switch-tab-new a{ width: 200px;}
.right-but-block ul .SelectBox{ padding: 12px 8px; -webkit-border-radius: 10px !important; border-radius: 10px !important;}
.right-but-block ul li{ list-style: none;}

.right-but-block .main-spppliers-btn  { margin-right: 0px; width: auto;}
/* .right-but-block .main-spppliers-btn  { margin-right: 0px;  ;} */
.right-but-block .main-spppliers-btn{ box-shadow: none;}

/*project detail new section*/

#tab2 .main-spppliers-btn {margin-top: 10px; margin-bottom: 20px;margin-right: 10px;}

.project-detail-subclass {
	padding: 100px 0px;
	background-color: #ffffff;
}

.project-detail-subclass h2 {
	font-size: 30px;
	line-height: 30px;
	font-family: "poppins_light";
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
	color: #222222;
}

.project-detail-subclass ul {
	display: flex;
	flex-wrap: wrap;
}

.project-detail-subclass ul li {
	width: 32%;
	margin-right: 1.5%;
	padding: 70px 25px 40px 48px;
	position: relative;
	border: 1px solid #dddedf;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 20px;
}

.project-detail-subclass ul li:nth-child(3n) {
	margin-right: 0px;
}

.project-detail-subclass ul li h5 {
	font-size: 20px;
	color: #1b58a3;
	font-family: "poppins_semibold";
	margin-bottom: 20px;
}

.project-detail-subclass ul li h3 {
	font-size: 130px;
	color: #f7f8fb;
	font-family: "poppins_semibold";
	position: absolute;
	z-index: 9;
	top: 20px;
	left: 10px;
}

.project-detail-subclass .subclass-content {
	position: relative;
	z-index: 99;
}

.suppliers-address {
	padding: 45px 0px 40px 35px;
	width: 18%;
	box-sizing: border-box;
}

.suppliers-address p {
	font-size: 12px;
	line-height: 22px;
	color: #464255;
}

.past-data {
	margin-top: -5px;
	margin-left: 10px;
}

.tools-price-main-ckeckbox .form-check-label {
	margin-left: 3px;
	width: 40px;
	height: 20px;
	padding: 0px 5px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	font-size: 13px;
	border: 1px solid #d2d2d2;
	display: block;
	line-height: 20px;
	color: #656565;
	cursor: pointer;
	margin-left: 0px;
}

.tools-price-main-ckeckbox ul li {
	position: relative;
}

.tools-price-main-ckeckbox ul li input[type="radio"]:checked + label {
	background-color: #0d8ab9;
	border: 1px solid #0d8ab9;
	color: #fff;
}

.tools-price-main-ckeckbox ul li input.form-check-input {
	display: none;
}

.select2-container--default
	.select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #069ec3 !important;
	color: #fff !important;
}

.select2-container--default
	.select2-results__option--highlighted.select2-results__option--selectable
	h5 {
	color: #fff !important;
}

/* .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .index-dropdown-flag img{
    -webkit-filter: invert(1);
   filter: invert(1);
} */

.select2-container--open .select2-dropdown--below {
	border-top: 1px solid #aaa !important;
	border-radius: 4px;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

.home-search-block .main-search-btn {
	width: 15%;
}

.main-search-btn.search-btn-before {
	width: 20%;
	max-width: 156px;
}

.white-box .getmarketinformationprdstyl .main-product-index-box {
	width: 100%;
	border-right: none;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-right: 0px;
}

.white-box .getmarketinformationprdstyl .main-product-index-box ul {
	margin-top: 9px;
}

.white-box .getmarketinformationprdstyl .main-product-index-box ul li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 5px;
	background-image: none;
}

.white-box .getmarketinformationprdstyl .main-product-index-box ul li::after {
	content: "";
	width: 10px;
	height: 2px;
	background-color: #03b4d5;
	position: absolute;
	left: 10px;
	top: 8px;
}

.white-box .getmarketinformationprdstyl .main-product-index-box ul li a {
	font-size: 12px;
}

.main-info-first-content .white-box .main-product-index-box h5 {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 5px;
	height: auto;
	min-height: auto;
}

.white-box .main-flag-image-market-info {
	width: 30px;
	height: 30px;
	top: 16px;
	right: 20px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.white-box .main-flag-image-market-info img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.main-tool-second-flag-main .main-tool-second-flag {
	width: 25px;
	height: 25px;
}

.main-tool-second-flag-main .main-tool-second-flag img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.main-tool-second-flag-main .form-check-input {
	position: relative;
	top: 0;
	box-shadow: 0 0 2px 0 #2d2d2d;
}

.tools-podersfirst-section .selection .index-dropdown-flag {
	width: 30px;
	height: 30px;
}

.tools-podersfirst-section .selection .index-dropdown-flag img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

/* .tools-powders-second-section .form-check-block{
    margin-top: 5px;
    margin-bottom: 5px;
} */

.news-detail-page .news-image {
	border-radius: 0px;
}

.news-detail-page .news-image img {
	border-radius: 0px;
}

.news-detail-page .news-image:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
}

.news-detail-page .news-detail-box h3 {
	margin-bottom: 15px;
}

.news-detail-page .news-detail-box {
	padding: 30px 0px 40px;
}

.header nav ul li.active a {
	color: #00afce;
}

/* header{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
} */

header.sticky {
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 9999;
}

.header .logo {
	max-width: 220px;
}

header.sticky .logo {
	max-width: 140px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

/* .header.sticky nav{
   margin-top: 22px;
} */

/* .header.sticky .login-btn{
    top: 8px;
} */

.supplierlist-notfound {
	background: #1c54a1;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	padding: 13px 10px;
	margin-top: 70px;
}

.supplierlist-notfound p {
	font-size: 17px;
	color: #fff;
	margin-bottom: 0px;
	line-height: 26px;
}

.main-past-data {
	position: relative;
	z-index: 1;
}

.market-map-indication:not(.by-products-graph-wrapper .market-map-indication) {
	display: flex;
	position: absolute;
	right: 95px;
	bottom: 45px;
}

.market-map-indication.prd-01 {
	bottom: 45px;
}

.market-map-indication.prd {
	right: auto;
	left: 82px;
}

.market-map-indication li {
	padding-left: 50px;
	font-size: 12px;
	color: #636363;
	font-family: 'Poppins', sans-serif;
	line-height: 25px;
	position: relative;
}

.market-map-indication li::after {
	content: "";
	position: absolute;
	left: 15px;
	width: 29px;
	height: 4px;
	top: 10px;
	height: 1px;
	top: 10px;
}

.market-map-indication li.first-indication::after,
.by-products-graph-wrapper .market-map-indication>li.first-indication>span:first-child:before {
	border-top: 5px solid #b8b8b8;
}

.market-map-indication li.second-indication::after,
.by-products-graph-wrapper .market-map-indication>li.second-indication>span:first-child:before {
	border-top: 5px dotted #b8b8b8;
}

.usd-deflt .select2-results__options {
	display: none !important;
}

.select2-results__options .index-dropdown-flag {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.select2-results__options .index-dropdown-flag img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.tools-podersfirst-section
	.select2-container--default
	.select2-results__option--highlighted.select2-results__option--selectable
	.index-dropdown-flag
	img {
	-webkit-filter: none;
	filter: none;
}

.main-category.menu-child {
	display: block;
	position: relative;
	width: 100%;
}

.main-category.menu-child::after {
	content: "";
	position: absolute;
	right: 0px;
	width: 14px;
	height: 14px;
	background-image: url("/static/frontend/images/menu-plus.png");
	background-repeat: no-repeat;
	background-position: center;
}

.main-category.menu-child.active-menu-option::after {
	background-image: url("/static/frontend//images/menu-minus.png");
}

.main-category.menu-child.active-menu-option {
	color: #204499;
}

.main-past-data .tools-first-section {
	z-index: 999;
	position: relative;
}

.tools-first-section{
	font-family: 'poppinsregular';
}

.currency-label {
	display: flex;
	line-height: 30px;
	align-items: center;
}

.currency-label img {
	margin-right: 9px;
}

/* .graph-header-01 {
	margin-top: -80px;
} */

/*tools*/

.tools-banner h1 {
	float: left;
	line-height: 45px;
}

.innerpage-banner.tools-banner {
	min-height: 155px;
}

.tool-notification {
	float: right;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.tool-notification label {
	padding-left: 10px;
	font-size: 18px;
	font-family: "poppinsregular";
	color: #fff;
}

.tool-notification span {
	min-width: 15px;
	min-height: 15px;
	line-height: 15px;
	position: absolute;
	top: 8px;
	right: 7px;
	background-color: #05a1c9;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	color: #fff;
	font-family: "poppinsregular";
	font-size: 9px;
	text-align: center;
}

.notification-icon {
	width: 45px;
	height: 45px;
	background-image: url(/static/frontend/images/bell.svg);
	background-repeat: no-repeat;
	background-position: top 15px center;
	background-color: #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position: relative;
}

.tools-top-menu-section {
	width: 100%;
	padding-top: 60px;
}

.tools-menu-inner {
	width: 100%;
	height: auto;
	padding-bottom: 40px;
	border-bottom: 1px dashed #dfe7f4;
}

.tools-top-menu-section h2 {
	font-size: 24px;
	line-height: 25px;
	font-family: "poppins_medium";
	font-weight: 500;
	margin-bottom: 20px;
	color: #222222;
}

.tools-menu-inner ul {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

.tools-menu-inner ul li {
	min-width: auto;
	border: 1px solid #1a1a1acc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	margin-right: 15px;
	margin-bottom: 10px;
	outline: 0;
    transition: 0.05s ease;
}

.tools-menu-inner ul li a {
	padding: 5px 15px;
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	align-items: center;
	width: 100%;
}

.tool-flag {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.tool-flag img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.tools-menu-inner ul li h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "poppins_medium";
	font-weight: 500;
	padding-left: 10px;
}

.tools-menu-inner ul li.active {
	border-color: #1863A8;
	box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	outline: 2px solid #1863A8;
}

.tools-menu-inner ul li.active-two {
	border-color: #1863A8;
	box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	outline: 2px solid #1863A8;
}
.tools-menu-inner ul li.active-three {
	border-color: #1863A8;
	box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	outline: 2px solid #1863A8;
}

.tools-main-wrapper {
	width: 100%;
	height: auto;
	padding-top: 40px;
}

.tools-first-section {
	width: 100%;
	height: auto;
}

.tools-first-inner {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 60px;
	border-bottom: 1px dashed #dfe7f4;
}

.tools-first-inner h3 {
	font-family: "poppins_medium";
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 500;
}

.tools-first-box {
	/* width: 48%; */
	width: 56%;
}

.tools-first-inner-box {
	padding: 30px 0px;
	padding-bottom: 0px;
	box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	border-radius: 15px;
	margin-top: 15px;
}

.tools-first-inner-box-second {
	padding: 15px 10px;
	padding-bottom: 0px;
	box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.72);
	border-radius: 15px;
	margin-top: 15px;
}

.tools-number-of-product {
	padding: 0px 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f1f2f4;
	display: flex;
	justify-content: space-between;
}

.number-of-cows {
	width: 48%;
	height: auto;
}

.number-of-cows h4 {
	font-family: "poppinsregular";
	font-size: 13px;
	margin-bottom: 5px;
}

.number-of-cows input {
	width: 100%;
	height: 50px;
	background-color: #f3f7ff;
	line-height: 50px;
	font-size: 15px;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #000;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	padding: 0px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.ltr-main {
	position: relative;
	width: 100%;
}

.ltr-main span {
	position: absolute;
	right: 20px;
	top: 18px;
	font-family: "poppins_medium";
	font-weight: 500;
	font-size: 14px;
	color: #000;
}

.ltr-main input {
	padding-right: 55px;
}

.tools-number-second-section {
	width: 100%;
	padding: 20px 30px 15px;
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main-number-second-box {
	min-width: 160px;
	border: 1px solid #f1f2f4;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.main-number-second-box label {
	font-family: "poppinsregular";
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 8px;
	float: left;
	width: 100%;
}

.main-number-second-box h4 {
	font-size: 26px;
	font-family: "poppinsregular";
	font-weight: 600;
	color: #000;
}

.main-number-second-box h4 span {
	font-size: 16px;
}

.tools-total {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 30px;
	background: rgb(2, 165, 198);
	background: linear-gradient(
		90deg,
		rgba(2, 165, 198, 1) 0%,
		rgba(27, 83, 160, 1) 97%,
		rgba(27, 83, 160, 1) 100%
	);
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-ms-border-bottom-left-radius: 15px;
	-o-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-ms-border-bottom-right-radius: 15px;
	-o-border-bottom-right-radius: 15px;
}

.tools-first-inner-box-second ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.tools-first-inner-box-second ul li {
	width: 48%;
	margin-bottom: 17px;
	padding: 5px 5px 5px 15px;
	box-sizing: border-box;
	border: 1px solid #f1f2f4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: flex;
	align-items: center;
}

.tools-first-inner-box-second ul li label {
	width: 30%;
	line-height: 40px;
	font-size: 14px;
	font-family: "poppinsregular";
}

.second-text-box {
	width: 70%;
	position: relative;
}

.second-text-box span {
	font-family: "poppins_medium";
	font-weight: 500;
	color: #000;
	font-size: 16px;
	position: absolute;
	left: 15px;
	top: 0px;
	line-height: 35px;
}

.second-text-box input,
.tool-3-section thead td.active input, 
.tool-3-section tbody td.active input, 
.tool-3-section thead th.active input,
.tool-3-section tbody th.active input {
	background-color: #f3f7ff;
}

.tool-3-section thead td input, 
.tool-3-section tbody td input, 
.tool-3-section thead th input,
.tool-3-section tbody th input {
	border: 1px solid #d8e8ff !important;
}


.tool-3-section thead td input, 
.tool-3-section tbody td input, 
.tool-3-section thead th input,
.tool-3-section tbody th input,
.second-text-box input {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-family: "poppins_medium";
	font-weight: 500;
	color: #000;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	padding: 0px 15px;
	padding-left: 35px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.tools-total label {
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	font-family: "poppins_medium";
	font-weight: 500;
	line-height: 25px;
}

.tools-total h4 {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	font-family: "poppinsregular";
	font-weight: bold;
	line-height: 25px;
}

#chartdiv{
	font-family: "poppinsregular";
}

.tools-third-section {
	width: 100%;
	height: auto;
	padding-top: 30px;
}

.tools-third-inner {
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #dfe7f4;
}

.tools-third-inner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tools-third-inner ul li {
	width: 48%;
	margin-bottom: 60px;
}

.tools-third-inner ul li h4 {
	font-family: "poppins_medium";
	font-size: 17px;
	color: #1a1a1a;
	font-weight: 500;
	margin-bottom: 16px;
}

.tools-third-box {
	border: 1px solid #e9d96a;
	padding: 20px 30px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tool-tird-inner-box {
	border: 1px solid #f2f2f4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	width: 31%;
	margin-bottom: 15px;
}

.tool-tird-inner-box-first {
	padding: 20px 20px 40px;
}

.tool-tird-inner-box-first h3 {
	font-family: "poppins_medium";
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 10px;
}

.tool-tird-inner-box-first h2 {
	font-family: "poppins_medium";
	font-size: 22px;
	color: #1a1a1a;
	margin-bottom: 0px;
}

.tool-tird-inner-box-first h2 span {
	font-size: 14px;
	font-family: "poppinsregular";
}

.tool-tird-inner-box-second {
	width: 100%;
	padding: 10px 20px;
	background: rgb(2, 165, 198);
	background: linear-gradient(
		90deg,
		rgba(2, 165, 198, 1) 0%,
		rgba(27, 83, 160, 1) 97%,
		rgba(27, 83, 160, 1) 100%
	);
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-ms-border-bottom-left-radius: 15px;
	-o-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-ms-border-bottom-right-radius: 15px;
	-o-border-bottom-right-radius: 15px;
}

.tool-tird-inner-box-second h3 {
	font-family: "poppins_medium";
	font-size: 16px;
	color: #fff;
	margin-bottom: 0px;
}

.tool-tird-inner-box-second span {
	font-size: 13px;
	font-family: "poppinsregular";
	color: #fff;
}

.tools-third-inner ul li:nth-child(4n) .tool-tird-inner-box {
	width: 24%;
}

.tools-third-box.green {
	border-color: #4cbb9a;
}

.tools-third-box.red {
	border-color: #c56c8a;
}

.tools-third-box.blue {
	border-color: #72bece;
}

.tools-fourth-section {
	padding-top: 45px;
}

.tools-fourth-inner {
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px dashed #dfe7f4;
}

.tools-fourth-section h3 {
	font-family: "poppins_medium";
	font-size: 17px;
	color: #1a1a1a;
	font-weight: 500;
	margin-bottom: 16px;
}

.tools-fourth-section ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.tools-fourth-section ul li {
	padding: 20px 15px;
	width: 24%;
	margin-right: 1.3%;
	box-sizing: border-box;
	border: 1px solid #e9d96a;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.tools-fourth-section ul li:nth-child(4n) {
	margin-right: 0px;
}

.tools-fourth-section ul li label {
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	width: 100%;
	font-family: "poppinsregular";
}

.tools-fourth-section ul li h5 {
	font-size: 18px;
	width: 100%;
	text-align: right;
	color: #000;
	font-family: "poppins_medium";
	margin-top: 30px;
}

.tools-fourth-section ul li.yellow {
	border-color: #e9d96a;
}

.tools-fourth-section ul li.green {
	border-color: #4cbb9a;
}

.tools-fourth-section ul li.red {
	border-color: #c56c8a;
}

.tools-fourth-section ul li.blue {
	border-color: #72bece;
}

/* .chosen-container.chosen-container-single{
      display: none;
} */

/* .optWrapper .opt.selected{
    display: none;
} */

.options .opt.selected {
	background-color: #00b2cf;
	color: #ffff;
}

#newGroup1 .optWrapper .options .opt.selected {
	background-color: #00b2cf;
	color: #ffff;
}

.chosen-container.chosen-container-single {
	width: 100% !important;
	box-shadow: none;
	border: none;
}

/* .form-inner-box.new-prd .SumoSelect > .CaptionCont {
	display: none;
} */

.form-inner-box.new-prd .chosen-single {
	width: 100% !important;
	height: 40px;
	font-family: "poppinsregular";
	line-height: 40px;
	padding: 0px 40px 0px 15px;
	font-size: 13px;
	background-color: #fff;
	border: none;
	box-shadow: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: none;
	border: none;
}

.hilight-prd{
	background: #079fc2 !important;
color: #fff !important;
}

.chosen-container-single .chosen-search input[type="text"] {
	display: none !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: none !important;
	box-shadow: none !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	background-image: none !important;
	background-color: #fff !important;
}

.chosen-container-single .chosen-drop {
	font-family: "poppinsregular";
	font-size: 13px;
	line-height: 20px;
	position: relative;
}

.chosen-container-single .chosen-drop::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
	background-position: center center;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	opacity: 0.8;
}

.chosen-container .chosen-results li.group-option.result-selected {
	background-color: #00b2cf;
	color: #fff;
}

.chosen-container-single .chosen-single div {
	display: none;
}

.chosen-container-active.chosen-with-drop
	.chosen-single.chosen-container-active {
	background-image: none !important;
}

.chosen-container-single .chosen-single div {
	display: none !important;
}

.chosen-container.chosen-container-single {
	position: relative;
}

.chosen-container.chosen-container-single::after {
	content: "";
	width: 12px;
	height: 10px;
	background-image: url(/static/frontend/images/select-arrow.png);
	background-repeat: none;
	background-position: center;
	position: absolute;
	right: 15px;
	top: 15px;
}

.map_footer {
	display: none;
}

.tools-second-title {
	font-family: "poppins_medium";
	font-size: 16px;
	color: #1a1a1a;
	font-weight: 600;
	margin-bottom: 35px;
	position: relative;
	display: table;
	text-transform: uppercase;
}

.tools-second-title::after {
	content: "";
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: -8px;
	background: #000;
	left: 0px;
}

.tools-first-inner-box-second.tools-first-inner-box-last ul li label {
	width: 100%;
}

.tools-first-inner.last-inner {
	border-bottom: none;
}

.first-title-div {
	width: auto;
	padding: 10px 20px;
	min-width: 200px;
	position: absolute;
	bottom: 0;
	min-height: 46px;
	display: inline-block;
	background-color: #f3f3f3;
	text-align: center;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	font-size: 20px;
	color: #2e2e2e;
	font-family: "poppins_semibold";
}

.first-title-div-container {
	width: 100%;
	display: flex;
	position: relative;
	min-height: 55px;
}

.tools-menu-inner.second {
	border-bottom: 0px;
	padding-bottom: 40px;
}

.tools-menu-inner.second h2 {
	font-size: 24px;
	line-height: 25px;
	font-family: "poppins_medium";
	font-weight: 500;
	margin-bottom: 15px;
	color: #222222;
}

.login-contents {
	padding: 100px 0px 100px;
	background-color: #f2f2f2;
	min-height: calc(100vh - 511px);
}

.login {
	width: 100%;	
	margin: 0 auto;
	border: 1px solid #d9d9d9;
	padding: 40px 40px 60px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.login h2 {
	font-size: 30px;
	color: #1c54a1;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.login h5 {
	font-size: 14px;
	font-family: "poppinsregular";
	margin-top: 10px;
	font-weight: 500;
}

.user-login-text {
	width: 100%;
	height: 40px;
	line-height: 24px;
	padding: 4px 12px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #1A1A1A;
	font-size: 16px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #fff;
	margin-top: 20px;
	box-shadow: none;
	border: 1px solid #ccc;
}

.submit-sec {
	width: 100%;
	margin-top: 15px;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.submit-sec a {
	color: #444;
	font-size: 13px;
	font-family: "poppinsregular";
	font-weight: 500;
}

.submit-sec a:hover {
	color: #1c54a1;
}

.submit-sec .checkbox {
	color: #444;
	font-size: 13px;
	font-family: "poppinsregular";
	font-weight: 500;
}

.btn-login {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
	color: #fff;
	font-size: 15px;
	font-family: "poppinsregular";
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	box-shadow: none;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.btn-login:hover {
	background-color: #000;
}

.not-account {
	margin-top: 15px;
	font-size: 14px;
	color: #444;
}

.not-account a {
	color: #000;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.not-account a:hover {
	color: #1c54a1;
}

.submit-sec .filled {
	position: relative;
	top: 2px;
	left: -2px;
}

.profile-image-register {
	width: 100%;
	margin-top: 20px;
	justify-content: space-between;
}
.profile-image-register .user-login-text{
	margin-top:5px;
	}

.profile-image-register label {
	font-size: 14px;
    line-height: 22px;
    font-family: "poppinsregular";
    font-weight: 400;
}

.btn-login-second {
	color: #000;
	font-family: "poppins_semibold";
	font-weight: 500;
}

.btn-login-second:hover {
	color: #1c54a1;
}

.register-form .not-account {
	margin-top: 0px;
}

.forgot-password form {
	width: 100%;
}

.forgot-password form + ul {
	margin-top: 15px;
}

.logined-header ul {
	text-align: right;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.logined-header .login-options li {
	width: auto;
}

/* .logined-header .login-options{
    position: absolute;
    top:0;
    right:0;
} */

.header .logined-header {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: flex-end;
	align-items: center;
}

.header .logined-header nav {
	margin-right: 20px;
}

/* .logined-header .login-options {
	margin-top: 16px;
} */

.logined-header .login-options li + li {
	margin-left: 7px;
}

.logined-header ul li a {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.logined-header ul li a img {
	object-fit: contain;
	width: 50px;
	height: 50px;
	padding: 5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	object-fit: cover;
}

.login-options li a {
	color: #284886;
	font-size: 17px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	text-transform: capitalize;
}

.alert-error {
	color: #f91313;
}

.alert-danger {
	color: #f91313;
}

.alert-success {
	color: green;
}

.position-abs .CaptionCont.SelectBox{
	   display: none !important;
}

.searchSupplierMaintab #byProducts1_chosen{
	   display: none;
}

.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text){ height: 57px;font-size: 15px;}



.hme-search-main .chosen-container-single .chosen-single {
	width: 100% !important;
	height: 40px;
	font-family: "poppinsregular";
	line-height: 40px;
	padding: 0px 40px 0px 15px;
	font-size: 13px;
	background-color: #fff;
	border: none;
	box-shadow: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: none;
	border: none;
  }

  .logined-header ul li a.log-out{
	     font-size: 11px;
		color: #287bb2;
  }
  .login-contents.login-new-suc {
    padding: 50px 0px 90px;
    background-color: #f4f7fc;
}

.login-new-suc .btn-yellow {
    width: 100px;
    height: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    line-height: 42px;
    background-color: #1c53a1;
    text-align: center;
    border-radius: 10px;
	margin-top: 15px;
	display: block;
    box-shadow: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: "poppins_semibold";
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;

}
.login-new-suc .btn-yellow.reset {
	width: 167px;
}
.login-new-suc .btn-yellow:hover{
	background-color: #00b2cf;
}

.market-info-banner-title.heade-new-title{
	   width: 100%;
	   margin-bottom: 0px;
}

.login-options ul{
	   text-align: left;
}

.regionlist-main.getcountry-region {
    width: 100% !important;
    height: 40px;
    font-family: "poppinsregular";
    line-height: 40px;
    padding: 0px 40px 0px 15px;
    font-size: 13px;
    background-color: #fff;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: none;
    border:1px solid #ccc;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.region.chosen-select-product{
	width: 100% !important;
    height: 40px;
    font-family: "poppinsregular";
    line-height: 40px;
    padding: 0px 40px 0px 15px;
    font-size: 13px;
    background-color: #fff;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: none;
    border:1px solid #ccc;
	margin-bottom: 10px;
	box-sizing: border-box;
}

h2.resp-accordion{
	font-family: "poppins_medium";
    font-weight: 500;
	font-size: 14px;
}

.footer-contact-fb_sg{
    padding: 4px 10px 2px;
    line-height: 22px;
    background: #ffff;
    font-family: "poppinsregular";
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    display: inline-block;
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
-webkit-transition:all 0.3s linear; 
-moz-transition:all 0.3s linear; 
transition:all 0.3s linear; 

}

.footer-contact-fb_sg:hover{
   background: #03aac3;
   color:#fff;
}
.toots_table{
	width: 100%;
	border-collapse: collapse;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	overflow: hidden;
}
.toots_table th,.toots_table td{
	padding: 10px 20px;
	text-align: left;
	border: 1px solid #e4efff;
}

.toots_table th{
	color: #818181;
    font-weight: 300;
    font-size: 16px;
	padding: 15px 20px;
}
.toots_table td{
	color: #000;
}
.toots_table tr:last-child{
	background: linear-gradient( 90deg, rgba(2, 165, 198, 1) 0%, rgba(27, 83, 160, 1) 97%, rgba(27, 83, 160, 1) 100% );
}
.toots_table tr:last-child td{
    color: #fff;
    padding: 15px 30px;
    border: none;
    font-size: 17px;
	font-weight: 500;
}
.toots_table tr:last-child td:first-child{
	border-bottom-left-radius: 15px;
}
.toots_table tr:last-child td:last-child{
	border-bottom-right-radius: 15px;
	font-weight: 600;
}
.toots_table td input{
	width: 140px;
    height: 35px;
    background-color: #f3f7ff;
	border: 1px solid #dceaff;
    line-height: 35px;
    font-size: 14px;
    font-family: "poppins_medium";
    font-weight: 500;
    color: #000;
    box-shadow: none;
    box-sizing: border-box;
    padding: 0px 15px;
    padding-left: 15px;
    border-radius: 5px;
}
.toots_table td input::placeholder{
	color: #000;
}
.tootls_table_sec{
    border-top: 1px solid #e4efff;
	padding-top: 30px;
}
.toots_table td input.white_bg{
	background-color: #fff;
}
.error-page-container{
	width: 100%;
	height: auto;
	padding: 200px 0px 200px;
	text-align: center;
}

.error-page-container h2{
	 font-size: 100px;
	 color: #445997;
	 font-family: 'poppinsbold';
}

.error-page-container h3{
font-size: 20px;
color: #000;
font-family: 'poppinsregular';
font-weight: 400;
}

.back-btn{
width: 185px;
height: 46px;
line-height: 48px;
text-align: center;
font-family: "poppins_medium";
font-size: 13px;
color: #fff;
text-transform: uppercase;
display: inline-block;
position: relative;
justify-content: center;
align-items: center;
margin: 0 auto;
z-index: 99;
margin-top: 40px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: rgb(42, 103, 192);
background: linear-gradient( 120deg, rgba(42, 103, 192, 1) 29%, rgba(6, 168, 205, 1) 55% );
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
}

.back-btn:hover{
background: #00b2cf;
}
.home-video-plr{

background-image: url(/static/frontend/images/play-btn-video.png) !important;
background-repeat: no-repeat !important;
background-position: 15px center !important;
padding-left: 40px !important; 
}
.tool-3-section {
	border-collapse: collapse;
	width: 100%;
	border-radius: 0 0 15px 15px;
}

.tool-3-section td,
.tool-3-section th {
	border: 1px solid #d8e8ff;
	text-align: left;
	padding: 16px 8px;
	font-weight:300;
}

.tool-3-section thead td,
.tool-3-section thead th {
	/* border: none; */
	padding: 20px 8px 20px 8px;
}

.tool-3-section thead th{
	position: relative;
}

.tool-3-section thead th label {
    content: "";
    right: 19px;
    top: 30px;
    font-size: 14px;
    position: absolute;
    font-style: italic;
}

.tool-3-section thead th:first-child{
	border-right: none !important;
}

.tool-3-section thead th.active {
    border-right: none !important;
    border-left: none !important;
}

.tool-3-section thead th.active + th{
    border-left: none !important;

}


.tool-3-section th {
	color: #818181;
}

.tool-3-section td {
	padding: 10px 20px;
	color: #000000;
	/* font-weight: bold; */
	text-align: center;
}

.tool-3-section td span,
.tool-3-section thead th span {
	display: block;
	border-radius: 4px;
	padding: 3px 3px 3px 10px;
	border: 1px solid #f1f2f4;
	text-align: left;
}

.tool-3-section td:first-child {
	text-align: left;
}

.tool-3-section td.active span,
.tool-3-section thead th.active span {
	background: #f3f7ff;
}

.tool-3-section tbody tr:last-child {
	font-size: 17px;
    text-transform: uppercase;
    font-family: "poppins_medium";
    font-weight: 500;
    line-height: 25px;
	color: #ffffff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: linear-gradient(90deg, rgba(2, 165, 198, 1) 0%, rgba(27, 83, 160, 1) 97%, rgba(27, 83, 160, 1) 100%);
}

.tool-3-section tr:last-child td {
	border: none;
	color: #ffffff;
	padding: 10px 30px;
}

.tool-3-section tr:last-child td:first-child {
	border-bottom-left-radius: 15px;
}

.tool-3-section tr:last-child td:last-child {
	border-bottom-right-radius: 15px;
}
.latest-news-section .text-center {
    text-align: center;
}
@media only screen and (max-width: 1400px) {

	.search-form.search-before-click:not(.home-search-block .search-form.search-before-click) {width: 50%;}
}


	@media only screen and (max-width: 1200px) {
		.search-form.search-before-click:not(.home-search-block .search-form.search-before-click) {width: 50%;}
		.search-block-a .form-inner-box {width:75%;}
		.search-block-a .main-search-btn.search-btn-before{width: 24%;}
		input.main-text:not(.home-search-block .search-block-a input.main-text){font-size: 14px;}
		.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text){height: 40px;}
		.search-btn:not(.home-search-block .search-btn){ font-size: 14px;}
		/* .pannel-ad-search .form-inner-box.new-prd .SumoSelect > .CaptionCont{display: block;} */

}

 

@media only screen and (max-width:1000px) {
	.search-form.search-before-click:not(.home-search-block .search-form.search-before-click) {width: 60%;}
 	.main-search-btn.search-btn-before{width: 24%;}
	.search-block-a .form-inner-box {width: 75%; margin-bottom: 0px;}
	.search-block-a .search-box-n {width: 65%;}
	.search-block-a .advance-box{width:35%;}

	.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text){font-size: 14px;}
}

@media only screen and (max-width:768px) {

	.right-but-block{margin-top: 10px;}
	.pannel-ad-search{width: 100%; position: static;}
	.search-block-a .form-inner-box{width: 100%;}

}
@media only screen and (max-width:767px) {

  
  .res_table tr {
    display: block;
    margin-bottom: 15px;
  }
  .toots_table th, .toots_table td{
	  border-bottom: none;
  }
  
  .res_table td {
    display: flex;
	align-items: center;
    justify-content: space-between;
    font-size: .8em;
    text-align: right;
  }
  
  .res_table td::before {

    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .res_table td:last-child {
    border-bottom: 1px solid #e4efff;
  }
  .toots_table th, .toots_table td{
	  padding: 10px;
	  min-height: 40px;
  }
  .toots_table tr:last-child td{
	  padding: 0 20px;
  }
  .toots_table th{
	  display: none;
  }
}
@media only screen and (max-width:480px) {
	.right-but-block ul li{width: 100%;}
	.right-but-block ul{flex-wrap: wrap;}
	.right-but-block ul li .SumoSelect{width: 100%;}
	.right-but-block .main-spppliers-btn a{width: 100% !important;}
	.right-but-block ul li:not(.switch-tab-new){    margin: 5px 0px 0px 0px;}
	.right-but-block{width: 100%;}
	.right-but-block ul{width: 100%; padding-left: 0px; padding-right: 0px;}
	#tab2 .main-spppliers-btn{width: 100%;}
	.search-block-a .main-search-btn.search-btn-before{width: 100%; margin-left: 0px;}
	.form-inner-box.keyword-01{width: 100% !important;}
	.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text) {font-size: 12px;}
	#btnNewGroup {font-size:10px !important;}
	.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text) {height: 40px;}
	.right-but-block .main-spppliers-btn{width: 100%;}
	.right-but-block .main-spppliers-btn a{ height: 35px; line-height: inherit; font-size: 12px;}

	.right-but-block ul .SelectBox{padding: 6px 8px;}
	.pannel-ad-search{position: static;}
	.search-block-a .form-inner-box{width: 100%;}
	.search-block-a .form-inner-box{width: 100%;     margin-right: 0%;}
	.pannel-ad-search{width: 100%; padding-left: 0%; padding-right: 0%;}
	.search-block-a input.main-text:not(.home-search-block .search-block-a input.main-text){padding: 0px 2px;}

	.chosen-container .chosen-results li{font-size: 12px !important;}
	.toots_table td input{width: 125px;}
}

.innerpage-banner.dashboard-banner {
	align-items: flex-start;
	padding-top: 35px;
	min-height: 165px;
}

.innerpage-banner.dashboard-banner h1,
.innerpage-banner.supplier-banner h1 {
	font-size: 32px;
	line-height: 48px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.dashboard-wrapper .resp-tabs-list {
	display: flex;
	margin: 0 !important;
}

.dashboard-wrapper .resp-tabs-list li {
	width: 220px;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 23px;
	color: #005F7E;
	padding: 9px 12px 4px;
	font-family: 'Poppins', sans-serif;
}

.dashboard-wrapper .resp-tabs-list li:first-child {
	margin-right: 8px;
}

.dashboard-wrapper .resp-tabs-list li.resp-tab-active {
	color: #1A1A1A;
}

.dashboard-tab-wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: -36px;
}

.euro-to-usd-convertion-p {
	font-weight: 500 !important;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	color: #ffffff;
}

.dashboard-wrapper p {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.enter-details-txt {
	color: #8C8C8C;
	font-style: italic;
	margin-bottom: 20px;
}

.product-target-header {
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.costing-input-product-price-selection-div {
	display: flex;
	flex-wrap: wrap;
}

.costing-input-product-price-selection-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.costing-input-label-div {
	width: 100px;
	margin-right: 28px;
	flex-shrink: 0;
}

.costing-input-label-div p {
	font-size: 16px;
	line-height: 24px;
	color: #818181;
	margin-bottom: 12px;
}

.costing-input-product-box:not(:last-child) {
	margin-right: 15px;
}

.dashboard-wrapper select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(../../dashboard_portal/images/drop-down.svg) no-repeat center;
	background-position-x: calc(100% - 16px);
	padding-right: 30px !important;
}

.dashboard-wrapper select,
.dashboard-wrapper input {
	color: #1A1A1A;
	padding: 8px 16px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

.costing-input-product-box {
	width: 90px;
	height: 45px;
	border: 1px solid #D8E8FF;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #1A1A1A;
	margin-bottom: 12px;
}

.costing-input-product-box p {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 0;
}

.costing-input-product-box.active {
	background-color: #0694C2;
	color: white;
	border-color: #0694C2;
}

.costing-input-select {
	background-color: white;
	border: 1px solid #D8E8FF;
	border-radius: 4px;
	height: 45px;
}

.costing-input-select-pricing-type {
	min-width: 102px;
	margin-right: 15px;
	margin-bottom: 12px;
}

.currency-select {
	display: flex;
	margin-bottom: 12px;
}

.currency-select select {
	border-radius: 4px 0 0 4px;
	min-width: 90px;
}

.costing-input-per-kg {
	position: relative;
}

.costing-input-aed-per-kg-span,
.variance-text {
	color: #8C8C8C;
	font-family: 'Poppins', sans-serif;
	font-style: italic;
}

.costing-input-aed-per-kg-span {
	right: 12px;
}

.costing-input-target-price {
	border: 1px solid #D8E8FF;
	max-width: 175px;
	width: 100%;
	border-left: none;
	height: 100%;
	border-radius: 0 4px 4px 0;
	font-weight: 400 !important;
}

#costing-input-enter-costing-input-warning-message {
	font-size: 16px;
	color: #8C8C8C;
	font-style: italic;
	margin: 4px 0 12px;
	padding-left: 128px;
}

#costing-input-enter-costing-input-warning-message a {
	color: #41BDD5;
	font-style: normal;
}

.hr-divider {
	border-top: 1px dashed #D8E8FF;
	margin-bottom: 48px;
}

.flex-btw {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-center {
	display: flex;
	align-items: center;
}

.price-variance-wrapper h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #1A1A1A;
}

.costing-input-product-index-quantity-wrapper,
.costing-input-price-variance-table-listing-table-wrapper,
.chart-wrapper {
	box-shadow: -1px 0px 7px 3px #8181811a;
	border-radius: 15px;
	background: #ffffff;
}
.index-products-wrapper {
	margin-top: 22px;
}

.costing-input-product-index-quantity-header {
	padding: 18px 14px 6px;
	flex-wrap: wrap;
}

.label-text,
.report-details-wrapper .publish-info {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #818181;
}

.label-text {
	margin-bottom: 12px;
}

.costing-input-product-index-quantity-header select,
.alert-period-selector {
	margin-bottom: 12px;
}



/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 18px;
	margin-bottom: 12px;
	flex-shrink: 0;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #8C8C8C;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 18px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
	top: 1px;
	-webkit-transform: translateX(1px);
	-ms-transform: translateX(1px);
	transform: translateX(1px);
}

input:checked + .slider {
	background: #169BD5;
}

input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.costing-input-product-index-quantity-wrapper-span.label-text {
	font-size: 15px;
	line-height: 22px;
}

.costing-input-position-relative {
	position: relative;
	margin-bottom: 12px;
}

.alert-dollar-symbol.label-text {
	left: 14px;
	color: #1A1A1A;
	font-weight: 500;
	margin-bottom: 0 !important;
}

.alert-period-selector button {
	background-color: #ffffff !important;
	border:  none !important;
	height: 100%;
}

.alert-period-selector button:hover {
	background-color: white;
}

.alert-period-selector .btn-light.dropdown-toggle {
	background-color: white !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
	outline: none !important;
}

.alert-period-selector {
	width: 162px !important;
}

.alert-period-selector button .filter-option-inner {
	display: flex;
	align-items: center;
	height: 31px;
	font-family: 'Poppins', sans-serif;
	color: #1A1A1A;
	font-weight: 500;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alert-period-selector button.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    border-top: 7px solid #444444;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
	vertical-align: middle;
	border-bottom: 0 !important;
}

.costing-input-product-index-quantity-alert-price {
	width: 100px;
	padding: 8px 8px 8px 35px !important;
}

.costing-input-update-to-maket-place-button {
	border: 1px solid #D8E8FF;
	border-radius: 4px;
	padding: 10px 16px;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #1A1A1A;
	font-family: 'Poppins', sans-serif;
	margin-left: 24px;
	margin-bottom: 12px;
}

.costing-input-update-to-maket-place-button img {
	margin-right: 6px;
}

.index-delete-button-image {
	margin-left: 8px;
	margin-bottom: 12px;
}

.costing-input-price-variance-table {
	width: 100%;
}

.costing-input-price-variance-table tr:not(:last-child) td,
.price-variance-table tbody tr:not(:last-child) td,
.costing-inputs-wrapper table tbody tr:not(:last-child) td,
.costing-inputs-wrapper table th {
	border-bottom: 1px solid #D8E8FF;
}

.costing-input-price-variance-table tr:first-child td {
	border-top: 1px solid #D8E8FF;
	text-align: center;
	padding: 10px;
	white-space: nowrap;
}

.costing-input-price-variance-table tr td:not(:last-child),
.price-variance-table tr td:not(:last-child),
.costing-inputs-wrapper table tr td:not(:last-child),
.costing-inputs-wrapper table tr th:not(:last-child),
.index-products-wrapper .costing-input-price-variance-table tr th:not(:last-child) {
	border-right: 1px solid #D8E8FF;
}

.costing-input-price-variance-table td,
.price-variance-table td,
.costing-inputs-wrapper table,
.breadcrumb-link,
.add-network-highlights :where(th, td) {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

/* .price-loss {
	color: #DE5D00 !important;
}

.price-gain {
	color: #00A389 !important;
}

.price-extreme-loss{
	color: red !important;
} */

.costing-input-price-variance-table tr:not(:first-child) td:not(:first-child) {
	padding: 10px;
	min-width: 170px;
}

.costing-input-price-variance-table tr:not(:first-child) td:first-child {
	padding: 7px 14px;
	white-space: nowrap;
	color: #1A1A1A;
}

.costing-input-price-variance-table tr:last-child td input,
.costing-inputs-wrapper table td input {
	background: #F3F7FF;
	min-width: 140px;
	border-radius: 4px;
}

.costing-input-price-variance-table tr:not(:first-child) td input,
.costing-inputs-wrapper table td input {
	border: none;
	width: 100%;
}

.target-price {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	padding: 6px 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	flex-shrink: 0;
	min-height: 40px;
}

.price-input-wrapper:not(.lightblue-bg) .target-price:not(.null):after {
	content: '';
    border-style: solid;
	margin-left: 3px;
}

.target-price.arrow-down::after {
    border-width: 6px 3px 0;
	border-color: #F91313 transparent transparent;
}

.target-price.arrow-up::after {
    border-width: 0 3px 6px;
	border-color: transparent transparent #00A389;
}
.target-price.arrow-down {
	color: #F91313;
}
.target-price.arrow-up {
	color: #00A389;
}

.target-price.null {
	color: #BABABA !important;
}

.price-input-wrapper .input-wrapper {
	border-right: 1px solid #D7D2D2;
}

.price-input-wrapper .input-wrapper input {
	background: transparent;
}

.price-input-wrapper {
	border-radius: 4px;
}

.triangle-icon {
    border-style: solid;
    border-width: 14px 0 0 14px;
	border-color: #1C53A1 transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
}

.price-input-wrapper.orange-bg {
	background: #de5d0026 !important;
}

.price-input-wrapper.red-bg {
	background: #f9131326 !important;
}

.price-input-wrapper.green-bg {
	background: #00a38926 !important;
}

.price-input-wrapper.lightblue-bg {
	background: #F3F7FF
}

.costing-input-price-variance-table .input-wrapper,
.costing-input-volumes-in-ton-td .volume_in_tonnes_input_div,
.costing-inputs-wrapper td .input-wrapper,
.costing-input-price-variance-table tr:nth-child(2) td {
	position: relative;
}

.costing-input-price-per-ton-td .input-wrapper span,
.costing-input-volumes-in-ton-td .volume_in_tonnes_input_div span,
.costing-inputs-wrapper td .input-wrapper span,
.alert-dollar-symbol.label-text,
.costing-input-aed-per-kg-span,
.customer-name::after,
.volume-input-wrapper span,
.weight-average-input .input-wrapper span,
.information-wrapper p::before,
.information-wrapper .input-wrapper span,
.horizontal-line::after,
.horizontal-line::before,
.variance-text,
.total-volume-input span:not(.entire-volume-input span) {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.costing-input-price-per-ton-td .input-wrapper span {
	left: 10px;
	color: #1A1A1A;
	font-weight: 500;
}

.costing-input-price-per-ton-td .input-wrapper input {
	padding: 8px 4px 8px 30px;
}

.costing-input-volumes-in-ton-td .volume_in_tonnes_input_div span:first-child {
	background: url(../../dashboard_portal/images/minus-icon.svg) no-repeat center;
	width: 12px;
	height: 12px;
	left: 15px;
}

.costing-input-volumes-in-ton-td .volume_in_tonnes_input_div span:last-child {
	background: url(../../dashboard_portal/images/plus-icon.svg) no-repeat center;
	width: 12px;
	height: 12px;
	right: 15px;
}

.costing-input-volumes-in-ton-td .volume_in_tonnes_input_div input {
	text-align: center;
	padding: 8px 28px;
}

.add-index-button-wrapper-div {
	background: #FFFFFF;
	box-shadow: -1px 0px 7px 3px #8181811a;
	border-radius: 15px;
	margin-top: 25px;
	margin-bottom: 45px;
	padding: 24px 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #41BDD5;
}

.black-color-txt {
	color: #1A1A1A !important;
}

.price-variance-table tr:not(:first-child) td {
	height: 58px;
	color: #1A1A1A;
	padding: 6px 14px;
	white-space: nowrap;
}

.price-variance-table tbody tr:first-child td {
	color: #818181;
	text-align: center;
	padding: 8px;
	white-space: nowrap;
	height: 54px;
}

.price-variance-table tbody tr:not(:first-child) td:not(:first-child) {
	font-weight: 500;
}

.month-year-filter span {
	border: 1px solid #D8E8FF;
	padding: 8px;
	width: 56px;
	height: 45px;
	justify-content: center;
}

.month-year-filter span:first-child {
	border-radius: 4px 0px 0px 4px;
}

.month-year-filter span:last-child {
	border-radius: 0 4px 4px 0;
	margin-left: -1px;
}

.month-year-filter span.active {
	border-color: #0694C2;
	z-index: 2;
}

.costing-input-price-variance-table-listing-table-wrapper .table-last-row-div {
	background: linear-gradient(90deg, #02A7C6 0%, #1C53A1 100%);
	border-radius: 0 0 15px 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	color: #FFFFFF;
	display: flex;
}

.total-price-div,
.weighted-average-div {
	width: 50%;
	padding: 16px;
}

.total-price-div {
	border-right: 1px solid #D8E8FF;
}

#variance-graph-p-tag,
#market-price-graph-p-tag {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #1A1A1A;
	margin-top: 45px;
}

.dashboard-wrapper {
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.costing-inputs-wrapper {
	box-shadow: -2px 3px 16px -3px #81818140;
	border-radius: 15px;
	background: #ffffff;
	color: #1A1A1A;
}

.costing-inputs-wrapper table th {
	color: #818181;
	font-weight: normal;
	padding: 16px 8px;
	text-align: center;
	white-space: nowrap;
}

.costing-inputs-wrapper table tr th:first-child {
	text-align: left;
	padding-left: 14px;
}

.costing-inputs-wrapper table td {
	padding: 8px;
	white-space: nowrap;
}

.costing-inputs-wrapper table tbody tr td:first-child {
	padding-left: 14px !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

.costing-inputs-wrapper table tbody tr:nth-child(2) td {
	border-bottom-color: #8FBDFF;
}

.costing-inputs-wrapper tbody tr:nth-child(-n+2) td .input-wrapper span {
	right: 14px;
	color: #818181;
}

.costing-inputs-wrapper table tbody tr:first-child td .input-wrapper span {
	font-style: italic;
}

.costing-inputs-wrapper table tbody tr:first-child td input {
	padding: 8px 54px 8px 12px;
}

.costing-inputs-wrapper table tbody tr:nth-child(2) td input {
	padding: 8px 26px 8px 12px;
}

.costing-inputs-wrapper table tbody tr:nth-child(n+3) td input {
	padding: 8px 8px 8px 36px;
}

.costing-inputs-wrapper tbody tr:nth-child(n+3) td .input-wrapper span {
	left: 14px;
	font-weight: 500;
}

.costing-inputs-wrapper table tr.total-cost {
	background: linear-gradient(90deg, #02A7C6 0%, #1C53A1 100%);
}

.costing-inputs-wrapper table tr.total-cost td {
	color: #ffffff;
	font-size: 18px;
	line-height: 26px;
	padding: 16px 8px 16px 18px;
}

#download-price-variance-report {
	background-color: #1C54A1;
	color: white;
	padding: 8px 30px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	margin-left: auto;
}

#costing-input-price-per-ton-calculation-text,
.no-data-text {
	font-style: italic;
	font-size: 16px;
	line-height: 24px;
	color: #8C8C8C;
}

.medium-bold-text {
	font-weight: 500 !important;
}

.mb-25px {
	margin-bottom: 25px;
}

.mr-10px {
	margin-right: 10px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-16 {
	margin-bottom: 16px !important;
}

.enter-details-txt span {
	font-style: normal;
}

.price-variance-wrapper .bootstrap-select .dropdown-menu li a {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #1A1A1A;
}

.dashboard-wrapper .container,
.dashboard-banner .container {
	max-width: 1200px !important;
}

.dropdown-list {
	position: absolute;
	right: 0;
	background: #FFFFFF;
	box-shadow: -2px 3px 16px 3px #81818140;
	border-radius: 4px;
	padding: 12px 12px 10px;
	width: 255px;
	font-family: 'Poppins', sans-serif;
	z-index: 99;
	margin-top: 8px;
}

.dropdown-list img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-right: 6px;
}

.user-name {
	font-weight: 600;
	color: #1A1A1A;
	font-size: 16px;
	line-height: 24px;	
}

.login-options .dropdown-list a {
	width: unset;
	height: unset;
	overflow: visible;
	border-radius: unset;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
}

.login-options .dropdown-list a,
.login-options .dropdown-list a:hover,
.index-product-header a,
.index-product-header a:hover,
.login-form-wrapper .custom-checkbox label a,
.terms-conditions-wrapper a {
	color: #41BDD5;
}

.login-options .dropdown-list p {
	color: #1A1A1A;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	margin: 0;
	font-family: 'Poppins', sans-serif;	
}

.login-options .dropdown-list .user-info p {
	margin-top: 8px;
}

.customer-email {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 2px;
}

.login-options .dropdown-list .user-info p::before {
	content: '';
	display: inline-block;
	width: 15px;
	margin-right: 5px;
}

.customer-email::before {
	background: url(../../dashboard_portal/images/mail_icon.svg) center/contain no-repeat;
	height: 10px;
	vertical-align: -1px;
}

.cutomer-number::before {
	background: url(../../dashboard_portal/images/phone_icon.svg) center/contain no-repeat;
	width: 13px !important;
	height: 12px;
	margin-right: 7px !important;	
}

.currency-icon::before {
	background: url(../../dashboard_portal/images/currency_icon.svg) center/contain no-repeat;
	height: 9px;
}

.logout-button {
	font-weight: 500 !important;
}

.dropdown-list hr {
	margin: 10px 0;
	border: 0;
	border-top: 1px solid #D8E8FF !important;
}

.customer-name::after {
	content: '';
	background: url(../../../static/dashboard_portal/images/drop_down_blue_arrow.svg) center no-repeat;
	width: 12px;
    height: 7px;
	right: 0;
}

.login-options li,
.customer-name {
	position: relative;
}

.customer-name {
	padding-right: 17px;
}
.second-text-box-second input{
	padding-left: 35px !important;
}
.li-tag{
	width: 60% !important;
}
.li-tag .tool-tird-inner-box {
	width: 23% !important;
}

.span-class-text p{
	font-family: "poppins_medium";
	font-weight: 500;
	color: #000;
	font-size: 16px;
	position: absolute;
	left: 15px;
	top: 0px;
	line-height: 35px;
}
.span-class-text,
.volume-input-wrapper {
	position: relative;
}
.price-index-wrapper .qty-price-box {
	float: unset;
}

.hme-product-inner .price-box-bottom-main.price-index-wrapper {
   position: relative;
   padding-top: 0;
   display: flex;
   width: 100%;
   margin-top: 25px;
   bottom: unset;
}

.price-box-bottom-main.price-index-wrapper .qty-date-box h3 {
   position: static;
   line-height: 26px;
   font-size: 19px;
}

.price-box-bottom-main.price-index-wrapper .qty-date-box h3::after {
   right: 0;
}

.price-box-bottom-main.price-index-wrapper .qty-date-box.plane h3::after {
   top: 8px;
}
.weight-average-input {
	background: #F9F9F9;
	border: 1px solid #DADADA;
	border-radius: 3px;
	margin-bottom: 12px;
}
.weight-average-input input {
	background: transparent;
	border: unset;
	height: 43px;
	width: 180px;
	border-right: 1px solid #DADADA;
	padding: 8px 70px 8px 16px;
}

.weight-average-input .percentage {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 6px;
	min-width: 82px;
	text-align: center;
}
.weight-average-input .input-wrapper span {
	right: 10px;
	font-weight: 400;
	color: #8C8C8C;
}

.weight-average-wrapper .costing-input-label-div {
	width: unset;
}

.autosave-badge {
	background: #01a6010f;
	border: 1px solid #01a60126;
	border-radius: 12px;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
	padding: 2px 10px 2px 24px;
	position: relative;
	color: #1A1A1A;
}

.autosave-badge::before {
	content: '';
	background: url(../../../static/dashboard_portal/images/check_mark_icon.svg) center no-repeat;
	width: 10px;
    height: 10px;
    position: absolute;
	left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.index-product-header a {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.index-product-header h6 {
	margin-right: 20px;
}

.index-products-wrapper {
	background: #FFFFFF;
	box-shadow: -2px 3px 16px -3px #81818140;
	border-radius: 15px;
}

.index-products-wrapper .costing-input-price-variance-table th {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #818181;
	text-align: center;
	padding: 15px 8px;
}

.index-products-wrapper .costing-input-price-variance-table tr:first-child td {
	text-align: left;
}

.index-products-wrapper .costing-input-price-variance-table tbody tr:first-child td:first-child {
	padding: 16px 14px;
	color: #1A1A1A;
}

.total-volume-input span:not(.entire-volume-input span) {
	color: #999999;
	font-weight: 500;
	right: 6px;	
}

.row-divider {
	background: #F7F6F6;
	height: 30px;
}

.alert-btn {
	background: url(../../../static/dashboard_portal/images/notification_bell_icon.svg) center no-repeat;
}

.alert-btn:hover,
.alert-btn.active {
	background: url(../../../static/dashboard_portal/images/notification_bell_hover.svg) center no-repeat;
}

.alert-btn.selected {
	background: url(../../../static/dashboard_portal/images/notification_bell_active.svg) center no-repeat;
}

.delete-btn {
	background: url(../../../static/dashboard_portal/images/hide_icon.svg) center no-repeat;
	width: 14px;
	height: 12px;
}

.delete-btn:hover {
	background: url(../../../static/dashboard_portal/images/hide_icon_hover.svg) center no-repeat;
}

.update-market-price-btn {
	width: 13px !important;
	height: 13px !important;
	background: url(../../../static/dashboard_portal/images/refresh_icon_normal.svg) center no-repeat;
}

.update-market-price-btn:hover,
.dropright.show .update-market-price-btn {
	background: url(../../../static/dashboard_portal/images/refresh_icon_hover.svg) center no-repeat;
}

.alert-btn,
.update-market-price-btn {
	width: 14px;
	height: 15px;
}

.alert-btn,
.delete-btn,
.update-market-price-btn {
	border: unset;
	cursor: pointer;
	display: block;
	transition: all 0.4s;
}

.btn-wrapper .hr-divider {
	border-right: 1px solid #F2F2F2;
	margin: 0 14px;
	border-top: unset;
	height: 17px;
}

.btn-wrapper {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.index-products-wrapper .costing-input-price-variance-table tr:last-child td input {
	min-width: unset;
}

.index-products-wrapper .costing-input-price-variance-table tr:last-child td .price-input-wrapper input {
	background: transparent;
	border-radius: unset;
}

.index-products-wrapper .costing-input-price-variance-table .price-input-wrapper {
	background: #F3F7FF;
}

.volume-input-wrapper {
	margin-top: 10px;
}

.index-products-wrapper .costing-input-price-variance-table .price-input-wrapper .input-wrapper,
.information-wrapper .price-input-wrapper .input-wrapper {
	border-right: 2px solid #ffffff;
}

.volume-input-wrapper span {
	color: #AFAFAF;
	right: 6px;
	font-size: 13px;
    line-height: 20px;
}

.index-products-wrapper .costing-input-price-per-ton-td .input-wrapper span {
	left: 12px;
	font-weight: 500;
}

.index-products-wrapper .costing-input-price-per-ton-td .input-wrapper input {
    padding: 8px 2px 8px 28px;
}

.index-products-wrapper .costing-input-price-per-ton-td .volume-input-wrapper  input {
    padding: 8px 32px 8px 12px;
	background: #F3F7FF;
	border-radius: 4px;
	text-align: right;
	font-size: 13px;
    line-height: 20px;
	min-height: 40px;
	font-weight: 400;
}

.add-index-btn {
	color: #00B2CF !important;
	font-weight: 500;
	cursor: pointer;
}

.index-products-wrapper .costing-input-price-variance-table tbody tr:last-child td {
	padding: 20px 14px;
}

.btn.download-report-btn {
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%) !important;
	border-radius: 3px;
	padding: 8px 18px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.btn.download-report-btn:focus,
.input-multiselect .btn.multiselect:focus,
.btn.dropdown-select:focus,
.collapse-wrapper .collapse-plus-btn:focus,
.collapse-wrapper .product-dropdown .dropdown-toggle,
.btn.collapse-btn:focus {
	box-shadow: unset;
}

.btn-wrapper button:focus,
.close-btn:focus {
	outline: unset;
}

.download-report-btn.dropdown-toggle::after,
.input-multiselect .btn.multiselect.dropdown-toggle::after,
.btn.dropdown-select.dropdown-toggle::after {
	content: '';
    border-style: solid;
	border-width: 7px 6px 0;
	margin-left: 8px;
	vertical-align: unset;
}

.download-report-btn.dropdown-toggle::after {
    border-color: #ffffff transparent transparent;
}

.input-multiselect .btn.multiselect.dropdown-toggle::after,
.btn.dropdown-select.dropdown-toggle::after {
    border-color: #444444 transparent transparent;
}

.product-target-header .dropdown .dropdown-menu {
	padding: 0;
    margin: 2px 0 0;
    border: unset;
	width: 100%;
}

.product-target-header .dropdown-menu .dropdown-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background: #1C54A1;
	padding: 8px 12px;
	transition: all 0.4s;
}

.product-target-header .dropdown-menu .dropdown-item:last-child {
	border-radius: 0px 0px 4px 4px;
	border-top: 0.5px solid #ffffff;
}

.product-target-header .dropdown-menu .dropdown-item:hover {
	color: #1C54A1;
	background: #F3F7FF;
}

.alert-input-wrapper {
	position: absolute;
	background: #FFFFFF;
	box-shadow: -2px 3px 16px 3px #81818140;
	border-radius: 4px;
	z-index: 6;
	padding: 12px;
	left: -14px;
	width: calc(100% + 28px);
	top: calc(100% + 8px);
}

.alert-input-wrapper .label-text:not(.alert-dollar-symbol) {
	color: #8C8C8C;
	white-space: normal;
}

.input-multiselect .btn.multiselect {
	background: #ffffff;
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	width: 100%;
	text-align: left;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	height: 46px;
}

.input-multiselect .btn-group {
	width: 100%;
}

.input-multiselect:not(.register-multiselect) {
	margin-bottom: 12px;
}

.input-multiselect .btn.multiselect .multiselect-selected-text {
	color: #1A1A1A;
	font-weight: 500;
	width: calc(100% - 20px);
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-multiselect .multiselect-container {
	border: unset;
	box-shadow: -2px 4px 15px 1px #81818140;
	border-radius: 0px 0px 4px 4px;
	width: 100%;
	padding: 16px 10px 12px;
}

.costing-input-price-variance-table .input-multiselect .multiselect-container li input,
.input-multiselect .multiselect-container li:not(.multiselect-filter) input {
	width: unset;
	margin-bottom: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.input-multiselect .multiselect-container li a label.checkbox {
	padding: 0 0 0 20px;
	position: relative;
	color: #1a1a1a80;
    line-height: 17px;
	width: 100%;
}

.input-multiselect .multiselect-container .multiselect-filter input.multiselect-search {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 4px 12px;
    height: 36px;
    font-size: 16px;
    line-height: 24px;
	font-weight: 400;
    color: #1A1A1A;
    box-sizing: border-box;
}

.input-multiselect .multiselect-container .multiselect-filter .input-group-btn {
    display: none;
}

.input-multiselect .multiselect-container .multiselect-filter {
    padding: 8px 12px;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}

.input-multiselect .multiselect-container .multiselect-filter .input-group {
	margin: 0;
}

.input-multiselect .multiselect-container li a label.checkbox::before,
.custom-checkbox label::before {
	content: '';
	background: url(../../../static/dashboard_portal/images/checkbox_normal.svg) center no-repeat;
	width: 17px;
    height: 17px;
    position: absolute;
	left: 0;
}

.custom-checkbox input:checked + label::before {
	background: url(../../../static/dashboard_portal/images/checkbox_active.svg) center no-repeat;
}

.input-multiselect .multiselect-container li:not(:last-child),
.market-info-details-wrapper ul li:not(:last-child) {
	margin-bottom: 4px;
}

.costing-input-price-variance-table .alert-input-wrapper .costing-input-product-index-quantity-alert-price {
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	height: 46px;
}

.dashboard-wrapper .select-country {
	background-color: #F9F9F9 !important;
	border: 1px solid #DADADA;
	border-radius: 3px;
	font-weight: 400;
	background: url(../../dashboard_portal/images/dropdown_grey.svg) no-repeat center;
	background-position-x: calc(100% - 8px);
	padding: 8px 21px 8px 10px !important;
}

.index-products-wrapper .costing-input-price-variance-table tr:not(:first-child) td:not(:first-child) {
    min-width: 162px;
}

.target-price-weight-wrapper {
	border-radius: 5px;
	padding: 10px 90px;
	position: fixed;
    top: 88px;
    z-index: 9;
    width: 100%;
    max-width: 1200px;
	background: linear-gradient(90deg,rgba(2, 165, 198, 1) 0%,rgba(27, 83, 160, 1) 97%,rgba(27, 83, 160, 1) 100%);
}

.target-price-weight-wrapper .label-text {
	color: #ffffff;
	margin-right: 28px;
}

.target-price-weight-wrapper .target-price-wrapper {
	background: #FFFFFF;
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	margin-right: 24px;
}

.target-price-weight-wrapper .target-price-wrapper input {

	border: unset;
	height: 45px;
}

.target-price-weight-wrapper .target-price-wrapper select {
	min-width: 90px;
}

.target-price-weight-wrapper .target-price-wrapper input {
	border-radius: 0 3px 3px 0;
}

.target-price-weight-wrapper.red-bg .weight-average-input .percentage,
.weight-average-input.red-bg .percentage {
	color: #F91313;
}

.target-price-weight-wrapper.green-bg .weight-average-input .percentage,
.weight-average-input.green-bg .percentage {
	color: #00A389;
}

.target-price-weight-wrapper.orange-bg .weight-average-input .percentage,
.weight-average-input.orange-bg .percentage {
	color: #DE5D00;
}
.information-wrapper {
	background: #FFFFFF;
	box-shadow: -7px 5px 6px rgba(129, 129, 129, 0.25);
	border-radius: 4px;
	padding: 30px 20px 30px 41px;
	position: absolute;
	right: 0;
    top: 48px;
	z-index: 9;
}
.information-wrapper::after {
	content: '';
    border-style: solid;
    border-width: 0 10px 18px;
    border-color: transparent transparent #ffffff;
    position: absolute;
    top: -18px;
    right: 50px;
	filter: drop-shadow(-2px -4px 4px #00000040);
}
.information-wrapper p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1A1A;
	position: relative;
}
.information-wrapper p::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #1A1A1A;
	left: -21px;
}
.information-wrapper .price-input-wrapper {
	background: #F3F7FF;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	margin-bottom: 64px;
}
.information-wrapper .input-wrapper input {
	border: unset;
	padding: 8px 4px 8px 36px;
	width: 110px;
}
.information-wrapper .input-wrapper span {
	color: #1A1A1A;
    font-weight: 500;
	left: 14px;
}
.horizontal-line {
	width: 100%;
	height: 1px;
	background: #C6C6C6;
	position: absolute;
	bottom: -14px;
	left: 0;
}
.price-input-wrapper .input-wrapper .horizontal-line {
	width: calc(100% - 2px);
}
.horizontal-line::after,
.horizontal-line::before {
	content: '';
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.horizontal-line::after {
    border-left: 8px solid #C6C6C6;
	right: -1px;
}
.horizontal-line::before {
    border-right: 8px solid #C6C6C6;
	left: -1px;
}
.information-wrapper .price-input-wrapper .horizontal-line div {
	font-size: 14px;
	line-height: 21px;
	color: #8C8C8C;
	white-space: nowrap;
	margin-top: 10px;
}
.refresh-icon,
.bell-icon {
	width: 17px;
	height: 17px;
	display: inline-block;
}

.refresh-icon {
	background: url(../../dashboard_portal/images/refresh_icon_hover.svg) no-repeat center;
	background-size: 17px;
}

.bell-icon {
	background: url(../../dashboard_portal/images/notification_bell_hover.svg) no-repeat center;
	background-size: 16px;
	position: relative;
    top: 3px;
}

.price-cell.redbg input {
	background: #f9131326;
}
.popup-backdrop.active {
    background: #C7C7C7;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}
.weight-average-input {
	background: #F9F9F9;
	border: 1px solid #DADADA;
	border-radius: 3px;
	margin-bottom: 12px;
}

.price-cell.greenbg input {
	background: #00a38926;
}

.price-cell.orangebg input {
	background: #de5d0026;
}

.information-wrapper .price-cell input {
	border-radius: 4px;
	min-width: 140px;
}

.price-cell-txt {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #8C8C8C;
	display: block;
}

.price-cell-txt span {
	font-weight: 500;
}

.popup-backdrop.active {
	background: #C7C7C7;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
	height: 100%;
    left: 0;
   	top: 0;
	z-index: 9;
}

.update-market-price-btn.dropdown-toggle::after {
	content: none !important;
}

.dropdown-menu.update-market-price-menu {
	background: #FFFFFF;
	box-shadow: 1px 2px 7px 1px #81818140;
	border-radius: 4px;
	border: unset;
	padding: 15px;
	left: 15px !important;
}

.dropdown-menu.update-market-price-menu .dropdown-item {
	border: 1px solid #41BDD5;
	border-radius: 4px;
	padding: 15px;
	color: #41BDD5;
}

.dropdown-menu.update-market-price-menu .dropdown-item:hover {
	background: #ffffff;
}


.btn.dropdown-select {
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	background: #FFFFFF;
	padding: 8px 12px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #1A1A1A;
	height: 45px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-select-wrapper .dropdown-menu {
	width: 100%;;
    min-width: unset;
	border: unset;
	background: #FFFFFF;
    box-shadow: -2px 4px 15px 1px #81818140;
	padding: 0;
	margin: 0;
}

.dropdown-select-wrapper.cfr-exw-select {
	margin-right: 15px;
    margin-bottom: 12px;
	min-width: 102px;
}

.dropdown-select-wrapper .dropdown-menu li.dropdown-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #2D6C78;
	padding: 8px 15px;
	transition: 0.4s all;
}

.dropdown-select-wrapper .dropdown-menu li.dropdown-item:not(:last-child) {
	border-bottom: 1px solid #41BDD5;
}

.dropdown-select-wrapper .dropdown-menu li.dropdown-item:last-child,
.dropdown-select-wrapper .dropdown-menu {
	border-radius: 0px 0px 4px 4px;
}

.dropdown-select-wrapper .dropdown-menu li.dropdown-item:hover,.dropdown-select-wrapper .dropdown-menu li.dropdown-item.selected {
	background: #41BDD5;
	color: #ffffff;
}

.currency-select .btn.dropdown-select {
	border-radius: 3px 0 0 3px;
}


.target-price-wrapper .btn.dropdown-select {
	min-width: 80px;
}	

.target-price-weight-wrapper .target-price-wrapper select {
	min-width: 90px;
}
.target-price-weight-wrapper .target-price-wrapper input {
	border-radius: 0 3px 3px 0;
}

.index-products-wrapper .costing-input-price-variance-table td:first-child {
	min-width: 210px;
}

.costing-input-product-price-selection-wrapper .weight-average-wrapper {
	margin-right: 48px;
}

.variance-text {
	right: 6px;
}

.weight-average-input .percentage {
    padding-right: 110px;
}

#edit_profile_form>ul>li>label,
#change-password-form label,
.name-field-wrapper>div>label {
	font-size: 18px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
	display: block;
	margin-bottom: 6px;
	color: #5A5A5A;
}

.costing-input-product-price-selection-wrapper .weight-average-input input {
	width: 160px;
}

.toast-wrapper {
	background: #dcfbf7;
	border: 1px solid #24B500;
	border-radius: 5px;
	position: fixed;
	right: 32px;
	bottom: 32px;
	z-index: 9;
	padding: 10px 16px;
	font-family: 'Poppins', sans-serif;
	min-width: 350px;
}

.tick-icon {
	background: url(../../dashboard_portal/images/tick_icon.svg) no-repeat center;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}

.toast-wrapper p {
	font-size: 14px;
	line-height: 23px;
	color: #676767;
}

.close-btn {
	background: url(../../dashboard_portal/images/close_icon.svg) no-repeat center;
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-left: 32px;
}

.market-map-indication.additional-css-for-graph{
	bottom: 75px;
}

.main-tool-second-flag-main-title.additional-css-for-graph{
	display: unset;
}

.main-tool-second-flag-main-title.additional-css-for-graph h3{
	margin-bottom: 10px;
}

.form-check-inline.additional-css-for-graph{
	justify-content: flex-start;
}

.map-wrapper {
	min-height: 580px;
}

.milk-price-index .market-map-indication {
	bottom: unset;
	top: -57px;
}

.milk-price-index .legend-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.legend-wrapper .form-check-label {
	flex-wrap: nowrap;
}

.milk-price-index .form-check.form-check-inline {
	justify-content: flex-start;
}

.milk-price-index .main-tool-second-flag-main {
	width: 100%;
}

.milk-map-multiple-wrapper {
	margin-bottom: 0;
	padding: 0;
}

.milk-map-multiple-wrapper + .milk-price-index .market-map-indication {
    top: -15px;
}

.milk-price-index {
    position: relative;
	padding-inline: 18px;
} 

.custom-check input.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	position: absolute;
}

.custom-check .form-check-label h4 {
	margin: 0 5px;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #1A1A1A;
	font-family: 'Poppins', sans-serif;
}

.custom-check .form-check-label span {
	width: 40px;
	height: 4px;
	flex-shrink: 0;
	position: relative;
}

.custom-check .form-check-label span::before,
.custom-check .form-check-input:checked + .form-check-label span::after {
	content: '';
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.custom-check .form-check-label span::before {
	width: 18px;
	height: 18px;
	border-radius: 9px;
}

.custom-check .form-check-input:checked + .form-check-label span::after {
	background: url(../../dashboard_portal/images/tick_black_icon.svg) no-repeat center;
	width: 10px;
	height: 11px;
}

.custom-check  .form-check-input:not(:checked) + .form-check-label {
	opacity: 0.5;
}

.custom-check .form-check-label,
.milk-price-index .form-check {
	margin-left: 0;
}

.legend-wrapper .custom-check {
	padding: 13px 22px;
}

.legend-wrapper.by-products-legend .custom-check,
.contact-number-input .input-multiselect.register-multiselect .multiselect-container li:not(.multiselect-filter) {
	padding: 0;
}

.legend-wrapper.by-products-legend .custom-check .form-check-label {
	padding: 12px 16px;
	border: 1px solid;
	border-radius: 3px;
	transition: 0.3s all;
	cursor: pointer;
	background: #ffffff;
}

.legend-wrapper.by-products-legend .custom-check.AR-bg .form-check-label {
	border-color: #8DD6E6;
}

.legend-wrapper.by-products-legend .custom-check.GDT-bg .form-check-label {
	border-color: #F2A600;
}

.legend-wrapper.by-products-legend .custom-check.NZ-bg .form-check-label {
	border-color: #A19DCC;
}

.legend-wrapper.by-products-legend .custom-check.US-bg .form-check-label {
	border-color: #FF0000;
}

.legend-wrapper.by-products-legend .custom-check.EU-bg .form-check-label {
	border-color: #85C885;
}

.legend-wrapper.by-products-legend .custom-check.IND-bg .form-check-label {
	border-color: #FF721B;
}

.custom-check.AR-bg .form-check-label span {
	background: #8DD6E6;
}

.custom-check.AR-bg .form-check-label span::before {
	background: #D1EFF5;
}

.custom-check.IND-bg .form-check-label span {
	background: #FF721B;
}

.custom-check.IND-bg .form-check-label span::before {
	background: #FFBA8F;
}

.custom-check.GDT-bg .form-check-label span {
	background: #F2A600;
}

.custom-check.GDT-bg .form-check-label span::before {
	background: #F1F153;
}

.custom-check.NZ-bg .form-check-label span {
	background: #A19DCC;
}

.custom-check.NZ-bg .form-check-label span::before {
	background: #D9D8EB;
}

.custom-check.US-bg .form-check-label span {
	background: #FF0000;
}

.custom-check.US-bg .form-check-label span::before {
	background: #FF9999;
}

.custom-check.EU-bg .form-check-label span {
	background: #85C885;
}

.custom-check.EU-bg .form-check-label span::before {
	background: #CEE9CE;
}

.gdt-bg {
	background: #ededc6;
}

.innerpage-banner.supplier-banner {
	min-height: 145px;
}

.supplier-list-wrapper,
.join-network-wrapper {
	padding: 40px 5px;
	background: #ffffff;
}

.supplier-list-wrapper *,
.company-details-wrapper *,
.reports-wrapper {
	color: #1A1A1A;
	font-family: 'Poppins', sans-serif;
}

.search-input {
	gap: 13px;
}

.search-input input {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	padding: 9px 15px;
	flex: 1;
}

.btn.bluebg-btn,
.btn.skybluebg-btn,
.btn.greenbg-btn,
.btn.secondary-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF !important;
	border-radius: 3px;
	padding: 7px 18px;
	font-family: 'Poppins', sans-serif;
	box-shadow: none !important;
	transition: 0.4s all;
}

.btn.bluebg-btn {
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%) !important;
}

.btn.skybluebg-btn {
	background: #41BDD5;
}

.btn.greenbg-btn {
	background: #58B947;
}

.btn.secondary-btn {
	border: 2px solid #ffffff;
	padding-block: 6px;
}

.btn.secondary-btn:hover {
	background: #ffffff;
	color: #1C54A1 !important;
}

.search-input input::placeholder {
	color: #8C8C8C;
	font-style: italic;
}

.search-icon::after {
	content: '';
	background: url(../../dashboard_portal/images/search_icon.svg) no-repeat center;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 15px;
	top: 10px;
}

.btn.bluebg-btn.search-icon {
	padding-left: 45px;
}

.mbt-20 {
	margin: 20px 0 !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.each-category h6,
.each-category p {
	font-size: 16px;
	line-height: 24px;
	color: #818181;
	margin-bottom: 16px;
}

.each-category h6 {
	margin-right: 8px;
}

.each-category p {
	font-weight: 400;
}

.each-category .selected-item {
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #D8E8FF;
	border-radius: 3px;
	padding: 8px 15px;
	margin-bottom: 16px;
    background: #EFF6FF;
}

.each-category .selected-item>span {
	color: #1C54A1;
}
.each-category .selected-item .close-btn {
	width: 10px;
	height: 10px;
	margin-left: 8px;
}

.items-wrapper,
.sub-category {
	column-gap: 12px;
}

.selected-wrapper {
	column-gap: 15px;
}

.supplier-details-wrapper,
.company-list-wrapper {
	display: flex;
	gap: 20px;
}

.flter-category-wrapper {
	width: 300px;
	box-shadow: -2px 0px 16px -3px #81818140;
	border-radius: 5px;
	flex-shrink: 0;
	position: relative;
}

.flter-category-wrapper .collapse-wrapper:not(:last-child) {
	border-bottom: 1px solid #D8E8FF;
}

.collapse-wrapper .collapse-plus-btn {
	font-weight: 500;
	font-size: 17px;
	line-height: 26px;
	color: #ffffff;
	width: 100%;
	text-align: left;
	padding: 10px 32px 10px 14px;
	border: unset;
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%) !important;
	border-radius: 0;
	position: relative;
	transition: 0.3s all;
	white-space: normal;
}

.collapse-wrapper .collapse-plus-btn::after {
	content: '';
	background: url(../../dashboard_portal/images/arrow_down.svg) no-repeat center/contain;
	width: 14px;
	height: 10px;
	position: absolute;
	top: 18px;
	right: 14px;
	transition: 0.3s all;
}

.collapse-wrapper .collapse-plus-btn[aria-expanded="true"]::after,
.btn.inner-accordion-btn[aria-expanded="true"]::after {
	transform: rotate(180deg)
}

.collapse-wrapper .details-wrapper {
	padding: 12px 14px;
}

.collapse-wrapper .product-dropdown .dropdown-toggle {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	width: calc(100% + 28px);
	display: flex;
    align-items: center;
    justify-content: space-between;
	background: #ffffff;
	border-radius: 0;
	padding: 4px 14px;
	margin: 0 -14px;
	white-space: normal;
}

.collapse-wrapper .product-dropdown.show .dropdown-toggle {
	background: #41BDD5;
	color: #FFFFFF
}

.collapse-wrapper .product-dropdown .dropdown-toggle::after {
	border-style: solid;
    border-width: 5px 4px 0;
	border-color: #444444 transparent transparent;
	vertical-align: middle;
}

.collapse-wrapper .product-dropdown.show .dropdown-toggle::after {
	border-color: #ffffff transparent transparent;
}

.collapse-wrapper .product-dropdown .dropdown-menu {
	background: #FFFFFF;
	box-shadow: -2px 3px 16px 3px #81818140;
	border-radius: 4px;
	padding: 15px 15px 20px;
	width: 610px;
	z-index: 9999;
}

.custom-checkbox input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	position: absolute;
}

.custom-checkbox label {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
}

.custom-checkbox label::before {
	top: 3px;
}

.custom-checkbox {
	position: relative;
}

.packaging-list {
	max-height: 380px;
    overflow-y: auto;
}

.packaging-list,
.checkbox-wrapper {
	/* scrollbar-color: #1C54A1 #E4EFFF; */
	scrollbar-width: 6px;
}

.packaging-list::-webkit-scrollbar,
.checkbox-wrapper::-webkit-scrollbar,
.ui-widget.ui-widget-content::-webkit-scrollbar,
.input-multiselect.register-multiselect .multiselect-container::-webkit-scrollbar,
.white-box .getmarketinformationprdstyl .transaction-sec::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
   
.packaging-list::-webkit-scrollbar-track,
.checkbox-wrapper::-webkit-scrollbar-track,
.ui-widget.ui-widget-content::-webkit-scrollbar-track,
.input-multiselect.register-multiselect .multiselect-container::-webkit-scrollbar-track,
.white-box .getmarketinformationprdstyl .transaction-sec::-webkit-scrollbar-track {
	background: #E4EFFF;
}
   
.packaging-list::-webkit-scrollbar-thumb,
.checkbox-wrapper::-webkit-scrollbar-thumb,
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb,
.input-multiselect.register-multiselect .multiselect-container::-webkit-scrollbar-thumb,
.white-box .getmarketinformationprdstyl .transaction-sec::-webkit-scrollbar-thumb {
	background: #1C54A1;
}

.checkbox-wrapper .checkbox-row {
	row-gap: 15px;
}

.checkbox-wrapper .checkbox-row .custom-checkbox label {
	margin-bottom: 0;
}

.red-color-txt {
	color: #E43E2B !important;
}

.yellow-color-txt {
	color: #F0B501 !important;
}

.green-color-txt {
	color: #2BA24C !important;
}

.blue-color-txt {
	color: #3B7DED !important;
}

.pink-color-txt {
	color: #FC61FF !important;
}

.company-list-wrapper {
	flex-wrap: wrap;
	width: calc(100% + 20px);
}

.company-list-wrapper .company-details {
	width: calc((100%/3) - 20px);
	padding: 10px 10px 16px;
	border-width: 4px 1px 1px;
	border-style: solid;
	box-shadow: -2px 3px 9px -3px #81818140;
	border-radius: 10px 10px 5px 5px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	min-height: 250px;
	transition: 0.3s all;
	background: #ffffff;
}

.company-list-wrapper .company-details:hover,
.category-info:hover,
.features-wrapper:hover,
.legend-wrapper.by-products-legend .custom-check .form-check-label:hover {
	transform: scale(1.04);
}

.company-list-wrapper .company-details.green-border {
	border-color: #2BA24C;
}

.company-list-wrapper .company-details.blue-border {
	border-color: #3B7DED;
}

.company-list-wrapper .company-details.red-border {
	border-color: #E43E2B;
}

.company-list-wrapper .company-details.yellow-border {
	border-color: #F0B501;
}

.company-list-wrapper .company-details.pink-border {
	border-color: #FC61FF;
}

.company-info h6 {
	color: #41BDD5;
	margin-bottom: 2px;
}

.company-info h6,
.register-input>label,
.forgot-password-link a {
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
}

.company-info p {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 15px;
}

.company-info .company-address p {
	font-size: 13px;
	line-height: 20px;
	color: #8C8C8C;
	word-break: break-word;
}

.company-info .company-address {
	border-top: 1px solid #D8E8FF;
	padding-top: 15px;
	column-gap: 8px;
}

.company-info .company-address img {
	border: 1px solid #F0B501;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	flex-shrink: 0;
}

.logo-sec {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	height: 120px;
}

.company-details .logo-sec img {
	max-height: 120px;
	max-width: 250px;
	margin: 0 auto;
	min-width: 0;
}

.company-details-wrapper,
.reports-wrapper {
	padding: 30px 0;
	min-height: calc(100vh - 520px);
}

.company-header-wrapper {
	box-shadow: -2px 3px 16px -3px #2275B140;
	padding: 20px;
	border-radius: 15px;
	margin-top: 30px;
}

.company-logo {
	width: 245px;
	flex-shrink: 0;
}

.company-header-details {
	flex: 1;
}

.company-header-details h3,
.contact-us-wrapper h3,
.aboutus-wrapper h3 {
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
}

.supplier-list-wrapper,
.company-details-wrapper,
.reports-wrapper {
	-webkit-font-smoothing: antialiased;
}

.company-header-details p,
.product-content h6,
.input-multiselect.register-multiselect .btn.multiselect,
.supplier-success-msg p,
.signin-alert h6 {
	font-size: 16px;
	line-height: 24px;
}

.company-header-details p {
	font-weight: 400;
	position: relative;
	padding-left: 32px;
}


.company-header-details p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
}

.company-header-details .processor-icon::before {
	background: url(../../dashboard_portal/images/processor_icon.svg) center left/contain no-repeat;
	width: 24px;
	height: 20px;	
}

.company-header-details .coop-icon::before {
	background: url(../../dashboard_portal/images/coop_icon.svg) center left/contain no-repeat;
	width: 21px;
	height: 25px;	
}

.company-header-details .allied-icon::before {
	background: url(../../dashboard_portal/images/allied_icon.svg) center left/contain no-repeat;
	width: 23px;
	height: 21px;	
}

.company-header-details .trader-icon::before {
	background: url(../../dashboard_portal/images/trader_icon.svg) center left/contain no-repeat;
	width: 25px;
	height: 22px;	
}

.company-header-details .location-icon::before {
	background: url(../../dashboard_portal/images/location_icon.svg) center/contain no-repeat;
	width: 15px;
	height: 20px;	
}

.company-header-details .document-icon::before {
	background: url(../../dashboard_portal/images/document_icon.svg) center/contain no-repeat;
	width: 15px;
	height: 19px;	
}

.company-header-details .local-distributor-icon::before {
	background: url(../../dashboard_portal/images/local_distributor_icon.svg) center/contain no-repeat;
	width: 24px;
	height: 24px;
	top: 0;	
}

.company-details-wrapper h4,
.aboutus-wrapper h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
}

.highlights-section {
	box-shadow: -2px 3px 16px -3px #2275B140;
	border-radius: 15px;
	background: #ffffff;
	padding: 30px;
}

.highlight-icon {
	width: 52px;
	margin-right: 16px;
	flex-shrink: 0;
}

.turnover-icon {
	background: url(../../dashboard_portal/images/turnover_icon.svg) center no-repeat;	
}

.can-icon {
	background: url(../../dashboard_portal/images/can_icon.svg) center no-repeat;	
}

.factory-icon {
	background: url(../../dashboard_portal/images/factory_icon.svg) center no-repeat;	
}

.ship-icon {
	background: url(../../dashboard_portal/images/ship_icon.svg) center no-repeat;		
}

.employee-icon {
	background: url(../../dashboard_portal/images/employee_icon.svg) center no-repeat;		
}

.globe-icon {
	background: url(../../dashboard_portal/images/globe_icon.svg) center no-repeat;		
}

.farmer-icon {
	background: url(../../dashboard_portal/images/farmer_icon.svg) center no-repeat;		
}

.cow-icon {
	background: url(../../dashboard_portal/images/cow_icon.svg) center no-repeat;		
}

.dairy-ingredients-icon {
	background: url(../../dashboard_portal/images/dairy_ingredients_icon.svg) center no-repeat;		
}

.establishment-icon {
	background: url(../../dashboard_portal/images/establishment_icon.svg) center no-repeat;		
}

.global-office-icon {
	background: url(../../dashboard_portal/images/global_office_icon.svg) center no-repeat;		
}

.warehouse-icon {
	background: url(../../dashboard_portal/images/warehouse_icon.svg) center no-repeat;		
}

.highlight-item h4 {
	font-weight: 600;
	font-size: 28px;
	line-height: 42px;
	color: var(--secondary-color);
}

.highlight-item p {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
}

.highlights-section .row {
	row-gap: 40px;
}

.certification-details {
	box-shadow: -2px 3px 16px -3px #2275B140;
	border-radius: 15px;
	padding: 16px 25px;
}

.item-details {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 10px;
}

.each-item {
	background: #EFF6FF;
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	padding: 2px 10px;
	min-width: 65px;
	text-align: center;
	font-weight: 500;
}

.product-info.highlight .each-item {
	background: #C0F0B3 !important;	
}

.product-details-wrapper {
	background: #FFFFFF;
	box-shadow: -2px 3px 16px -3px #2275B140;
	border-radius: 15px;
}

.each-product-details h5 {
	background: #EFF6FF;
	padding: 15px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}

.each-product-details h5 .head-icon {
	width: 29px;
	height: 29px;
	flex-shrink: 0;
	margin-right: 9px;
	background-position: center !important;
    background-repeat: no-repeat !important;
}

.each-product-details h5 .milk-head-icon {
	background: url(../../dashboard_portal/images/milk_can_icon.svg) center no-repeat;
}

.each-product-details h5 .dairy-powder-icon {
	background: url(../../dashboard_portal/images/dairy_powder_icon.svg) center no-repeat;
}

.each-product-details h5 .whey-derivatives-icon {
	background: url(../../dashboard_portal/images/whey_derivatives_icon.svg) center no-repeat;
}

.each-product-details h5 .cheese-icon {
	background: url(../../dashboard_portal/images/cheese_icon.svg) center no-repeat;
}

.each-product-details h5 .dairy-fat-icon {
	background: url(../../dashboard_portal/images/dairy_fat_icon.svg) center no-repeat;
}

.product-details-wrapper .each-product-details:first-child h5 {
	border-radius: 15px 15px 0 0;
}

.product-content {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.product-details-wrapper .each-product-details:last-child .product-content::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}

.product-info {
	border: 1px solid transparent;
	border-bottom-color: #E2EFFF;
	padding: 15px;
	width: calc(100%/3);
}

.product-info.highlight {
	border-color: #00B2CF !important;
	z-index: 1;
}

.product-details-wrapper .each-product-details:not(:first-child) h5 {
    margin-top: -1px;
	position: relative;
}

.product-content p {
	font-weight: 400;
	font-size: 13px;
	line-height: 23px;
	color: #8C8C8C;
}

.checkbox-wrapper {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.custom-check .main-tool-second-flag {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.custom-check .main-tool-second-flag img {
	height: 32px;
	border-radius: 50%;
	transition: 0.3s all;
}

.costing-input-price-variance-table td input,
.costing-inputs-wrapper table td input,
.entire-volume-input {
	font-weight: 500;
}

.hr-divider.target-price-divider {
	margin: 8px 0 20px;
}

.hr-divider.price-variance-divider {
	margin: 20px 0;
}

.btn.collapse-btn {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	filter: drop-shadow(2px 5px 8px #00000040);
	position: absolute;
	right: -65px;
	top: 0;
	background: url(../../dashboard_portal/images/collapse_icon.svg) center no-repeat, linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%) !important;
	transition: 0.1s all;
}

.btn.collapse-btn.active {
	background: url(../../dashboard_portal/images/expand_icon.svg) center no-repeat, linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%)!important;
}

.collapse-btn-wrapper {
	position: sticky;
	top: 88px;
}

.dashboard-wrapper input::selection,
.volume-input-wrapper span::selection,
.input-wrapper span::selection,
.total-volume-input span::selection {
	background: transparent;
}

.supplier-map-wrapper .supplier-map-view {
    height: calc(100vh - 102px);
}

.innerpage-banner.supplier-banner h1 {
	padding: 0 5px;
}

.price-variance-wrapper {
	min-height: calc(100vh - 280px);
}

.entire-volume-input {
	padding: 8px 34px 8px 12px !important;
    background: #F3F7FF;
    border-radius: 4px;
    width: 100%;
    border: none;
    text-align: right;
	min-height: 40px;
}

.loader-wrapper {
	position: fixed;
    background: #ffffff66;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loader-wrapper .spinner {
	position: absolute;
    width: 80px;
    height: 80px;
}

.loader-wrapper .spinner,
.product-graph-section .signin-alert {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.entire-volume-input span {
	font-weight: 300;
}

.highlight {
	background: #E5FFDE !important;
}

.highlight:not(.each-item, .product-info) {
	padding: 4px 6px;
}

.validation-txt {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #E43E2B;
    position: absolute;
    left: 0;
    top: 100%;
}

.ui-widget.ui-widget-content:not(.timeline-progress) {
	border: none !important;
	box-shadow: -2px 4px 15px 1px #81818140;
	border-radius: 4px;
	max-height: 300px;
	overflow-y: auto;
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper {
	padding: 8px 15px;
	font-size: 14px;
	line-height: 22px;
	color: #1A1A1A;
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	background: #41BDD5;
	color: #ffffff;
	border: none;
}

.ui-widget.ui-widget-content .ui-menu-item:first-child .ui-menu-item-wrapper.ui-state-active {
	border-radius: 4px 4px 0 0;
}

.ui-widget.ui-widget-content .ui-menu-item:last-child .ui-menu-item-wrapper.ui-state-active {
	border-radius: 0 0 4px 4px;
}

.ui-menu .ui-state-focus, 
.ui-menu .ui-state-active {
    margin: 0 !important;
}

.company-header-details p.highlight {
	padding: 4px 6px 4px 38px;
	margin-left: -6px;
}

.company-header-details p.highlight::before {
    left: 6px;
    top: 6px;
}

.product-content h6.highlight {
	display: inline-block;
}

.total-volume-input input {
	padding: 8px 34px 8px 12px !important;
    background: #F3F7FF;
    border-radius: 4px;
    width: 100%;
    border: none;
    text-align: right;
}

.main-supplier-modal-content.white-popup-block .mfp-close {
	top: 10px;
}


.toggle-btn-wrapper {
	display: flex;
	border: 1px solid #0A96BE;
	border-radius: 3px;
}

.toggle-btn-wrapper:not(.currency-toggle) {
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	margin-left: auto;
}

.toggle-btn-wrapper .toggle-btn {
	border: 0;
	font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1C54A1;
    padding: 7px 14px;
    font-family: 'Poppins', sans-serif;
	background: #ffffff;
	cursor: pointer;
	outline: unset !important;
	transition: 0.4s ease-in-out;
	display: flex;
	align-items: center;
	gap: 6px;
	width: 130px;
}

.toggle-btn-wrapper .toggle-btn:first-child {
	border-radius: 2px 0 0 2px;
}

.toggle-btn-wrapper .toggle-btn:last-child {
	border-radius: 0 2px 2px 0;
}
	
.toggle-btn-wrapper .toggle-btn.selected {
	color: #ffffff;
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
}

.list-icon::before,
.map-icon::before {
	content: '';
	display: inline-block;
	transition: 0.4s ease-in-out;
}


.list-icon::before {
	background: url(../../dashboard_portal/images/list_normal_icon.svg) center/contain no-repeat;
	width: 14px;
	height: 13px;
}

.list-icon.selected::before {
	background: url(../../dashboard_portal/images/list_active_icon.svg) center/contain no-repeat;
}

.map-icon::before {
	background: url(../../dashboard_portal/images/map_normal_icon.svg) center/contain no-repeat;
	width: 17px;
	height: 15px;
}

.map-icon.selected::before {
	background: url(../../dashboard_portal/images/map_active_icon.svg) center/contain no-repeat;
}

.certificate-info {
	width: calc((100%/7) - 16px);
	display: flex;
	flex-direction: column;
}

.certificate-info img {
	max-height: 80px;
}

.certification-details .item-details {
	gap: 32px 16px;
	width: calc(100% + 16px);
}

.certificate-info p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding-top: 8px;
}

.certificate-logo-wrapper {
	flex-grow: 1;
	display: grid;
	place-items: center;
}

.password-input-wrapper {
	margin-top: 20px;
}

.login-input-wrapper li,
.password-input {
	position: relative;
}

.login-input-wrapper li label.error {
	position: absolute;
	left: 0;
	top: 100%;
}

.password-input-wrapper .user-login-text {
	margin-top: 0;
}

.show-password-btn {
	background: url(../../dashboard_portal/images/eye_icon.svg) center/contain no-repeat;
	position: absolute;
	right: 12px;
	top: 14.5px;
	width: 20px;
	height: 16px;
	cursor: pointer;	
}

.show-password-btn.active {
	background: url(../../dashboard_portal/images/eye_cross_icon.svg) center/contain no-repeat;
}

.beta-label {
	border-radius: 2px;
	background: #3888C0;
	font-size: 13px;
	line-height: 14px;
	color: #ffffff;
	padding: 2px 10px;
	font-family: 'Poppins', sans-serif;
	transition: all 0.3s linear;
	display: flex;
	align-items: center;
	height: 22px;
	border-radius: 22px;
}

header.sticky .logo .beta-label {
	font-size: 10px;
	line-height: 11px;
	height: 17px;
	padding-inline: 8px;
}

.logo-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.suppliers-count {
	font-size: 16px;
	line-height: 24px;
	color: #818181;
}

.edit-profile-paswrd-link-wrapper {
	text-align: center;
}

.change-password-link,
.profile_edit_butto,
.reset-filter h6,
.register-input .form-control,
.active-filter-text,
.market-info-details-wrapper h6 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}

.product-content p span {
	color: #1A1A1A;
	line-height: 20px;
	display: inline-flex;
	align-items: center;
	font-weight: 500;
}

.package-type::before {
	content: '';
	display: inline-block;
	margin-right: 4px;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.type-UHT-Cartons-package::before {
	background: url(../../dashboard_portal/images/uht_carton_icon.svg) center/contain no-repeat;
}

.type-Tanker-package::before {
	background: url(../../dashboard_portal/images/tanker_icon.svg) center/contain no-repeat;
}

.type-5-kg-Bags-package::before,
.type-10-kg-bags-package::before,
.type-20-kg-bags-package::before,
.type-25-kg-bags-package::before {
	background: url(../../dashboard_portal/images/bag_icon.svg) center/contain no-repeat;
}

.type-Drums-package::before {
	background: url(../../dashboard_portal/images/drum_icon.svg) center/contain no-repeat;
}

.type-Retail-package::before {
	background: url(../../dashboard_portal/images/trolly_icon.svg) center/contain no-repeat;
}

.type-Bulk-bags-package::before {
	background: url(../../dashboard_portal/images/bulk_bag_icon.svg) center/contain no-repeat;
}

.type-Bag-in-Box-package::before {
	background: url(../../dashboard_portal/images/bag_box_icon.svg) center/contain no-repeat;
}

.type-Tote-package::before {
	background: url(../../dashboard_portal/images/tote_box_icon.svg) center/contain no-repeat;
}

.type-5-kg-Carton-package::before,
.type-Bulk-Carton-package::before {
	background: url(../../dashboard_portal/images/carton_icon.svg) center/contain no-repeat;
}

.type-Butter-sheets-package::before {
	background: url(../../dashboard_portal/images/butter_sheet_icon.svg) center/contain no-repeat;
}

.type-Foodservice-package::before {
	background: url(../../dashboard_portal/images/food_bag_icon.svg) center/contain no-repeat;
}

.package-type.type-5-kg-Bags-package::before {
	width: 14px;
	height: 14px;
}

.package-type.type-10-kg-bags-package::before {
	width: 18px;
	height: 18px;
}

.package-type.type-20-kg-bags-package::before {
	width: 21px;
	height: 21px;
}

.flter-category-wrapper .custom-checkbox label,
.clear-all-btn {
    font-size: 14px;
    line-height: 23px;
	color: #209CB5;
}

.flter-category-wrapper .custom-checkbox label::before {
    top: 2.5px;
}

.flter-category-wrapper .custom-checkbox input:checked + label::before,
.login-form-wrapper .custom-checkbox input:checked + label::before,
.input-multiselect .multiselect-container li.active a label.checkbox::before,
.add-network-wrapper .custom-checkbox input:checked + label::before,
.tools-powders-menu .sub-category-tabs li .form-check-input:checked {
    background: url(../../../static/dashboard_portal/images/checkbox_green_active.svg) center no-repeat;
}

.category-sub-list {
	padding: 12px 12px 12px 24px;
}

.supplier-details-wrapper {
	align-items: flex-start;
}

.reset-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 8px;
	padding: 15px 14px;
}

.clear-all-btn {
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 500;
	cursor: pointer;
	outline: none !important;
}

.clear-all-btn:hover {
	text-decoration: underline;
}

.btn.inner-accordion-btn {
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	color: #1C54A1;
	background: #EFF6FF;
	padding: 3px 26px 3px 14px;
	width: 100%;
	text-align: left;
	position: relative;
	box-shadow: none !important;
	border-radius: 0;
	white-space: normal;
	text-transform: uppercase;
}

.inner-accordion .category-sub-list-wrapper:not(:last-child) {
	margin-bottom: 2px;
}

.btn.inner-accordion-btn::after {
	content: '';
	border-style: solid;
    border-width: 7px 6px 0;
    border-color: #444444 transparent transparent;
	position: absolute;
	right: 12px;
	top: 12px;
	transition: 0.3s all;
}

.login-wrapper,
.login-contents.edit-account-wrapper {
	padding: 60px 20px;
	background: url(../../../static/dashboard_portal/images/login_bg.png) center/cover no-repeat fixed;
	min-height: calc(100vh - 95px);
}

.login-wrapper *,
.contact-us-wrapper *,
.aboutus-wrapper *,
.terms-conditions-wrapper *,
.add-network-wrapper * {
	font-family: 'Poppins', sans-serif;
}

.login-form-wrapper {
	box-shadow: 1px 1px 10px 2px #28488626;
	background: #ffffff;
	border-radius: 8px;
	max-width: 580px;
	width: 100%;
	margin-inline: auto;
	padding-top: 30px;
}

.dairy-logo {
	max-width: 110px;
	height: auto;
	margin-inline: auto;
}

.login-register-tab {
	padding: 36px 48px 0;
}

.login-register-tab .nav-pills .nav-link {
	border-radius: 0;
	color: #1A1A1A;
	text-align: center;
	padding: 0 12px 15px;
	position: relative;
}

.login-register-tab .nav-pills .nav-link,
.product-graph-section .signin-alert h6 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}

.login-register-tab .nav-pills .nav-link.active {
	background: #ffffff;
	color: #284886;
}

.login-register-tab .nav-pills .nav-item,
.register-btns-wrapper>*,
.name-field-wrapper>* {
	flex: 1;
}

.login-register-tab .nav-pills .nav-link::after {
	content: '';
	width: 0;
	height: 4px;
	background: #284886;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.3s all;
}

.login-register-tab .nav-pills .nav-link.active:after {
	width: 100%;
}

.register-input>label {
	color: #5A5A5A;
}

.register-input .form-control,
.input-multiselect.register-multiselect .btn.multiselect {
	color: #1A1A1A !important;	
	border: 1px solid #CCCCCC !important;
	border-radius: 5px;
	padding: 4px 12px;
	box-shadow: none !important;
}

.register-input .form-control:not(textarea),
.input-multiselect.register-multiselect .btn.multiselect {
	height: 40px;
}

.forgot-password-link {
	text-align: center;
	background: #F6F6F6;
	padding: 22px 16px;
	margin: 35px -48px 0;
	border-radius: 0 0 8px 8px;
}

.forgot-password-link a {
	color: #284886;
}

.login-register-tab>.nav-pills {
	margin-bottom: 32px;
	border-bottom: 1px solid #D8D8D8;
}

.register-input select.form-control,
.edit-account-wrapper select.user-edit-profile-text {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	height: 40px !important;
}

.register-input select.form-control:not(.allied-product),
.input-multiselect.register-multiselect .btn.multiselect,
.edit-account-wrapper select.user-edit-profile-text {
	background: url(../../dashboard_portal/images/arrow_down_black.svg) no-repeat center !important;
	background-position-x: calc(100% - 12px) !important;
	padding-right: 26px !important;
}

.form-control.allied-product{
	background-color: #fff !important;
}

.register-input .show-password-btn {
	top: 12px;
}

.login-form-wrapper .custom-checkbox label {
	font-size: 14px;
	line-height: 21px;
	color: #8C8C8C;
}

.register-input-form hr {
	border-top: 1px solid #D8D8D8;
	margin: 30px 0;
}

.register-btns-wrapper {
	display: flex;
	gap: 15px;
}

.register-input-form {
	padding-bottom: 30px;
}

.register-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding-top: 30px;
}

.register-pagination>span {
	width: 6px;
	height: 6px;
	background: #E8E5E5;
	border-radius: 50%;
	transition: 0.3s all;
}

.register-pagination>span.active {
	background: #AAAAAA;
}

.register-input.input-error .form-control:not(.multiselect-search),
.register-input.input-error .btn.multiselect,
.register-input.input-error .contact-number-input {
	border-color: #E43E2B !important;
}

.register-input.input-error>label {
    color: #E43E2B;
}

.register-input.input-error .error-txt,
.trems-conditions-wrapper .error-txt {
	position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    font-style: italic;
	color: #E43E2B;
}

.register-input.input-error .error-txt {
	top: 100%;	
}

.trems-conditions-wrapper .error-txt {
	top: calc(100% - 10px);
}

.signin-tab-wrapper .alert-container {
	position: absolute;
	left: 0;
	bottom: calc(100% - 6px);
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
}

.login-page.forgot-password .login,
.login.change-password-wrapper {
	max-width: 550px;
	box-shadow: 1px 1px 10px 2px #28488626;
	border: none;
}

.flter-category-wrapper .custom-checkbox input:disabled + label {
	color: #8C8C8C !important;
}

.filter-count-wrapper,
.supplier-network-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.supplier-network-header .greenbg-btn {
	font-weight: 600;
}

.collapse-wrapper:not(.product-details) .details-wrapper {
	padding-bottom: 0;
	margin-bottom: -3px;
}

.name-field-wrapper {
	display: flex;
	gap: 16px;
}

.breadcrumb-link,
.link-btn {
	color: #209CB5 !important;
}

.breadcrumb-link::before {
	content: '';
	background: url(../../dashboard_portal/images/arrow_left.svg) no-repeat center;
	width: 7px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
}

.breadcrumb-link.white-breadcrumb::before {
	background: url(../../dashboard_portal/images/arrow_left_white.svg) center/contain no-repeat;
	width: 9px;
	height: 12px;
}

.breadcrumb-link.white-breadcrumb {
	color: #ffffff !important;
}

.breadcrumb-link:hover {
	text-decoration: underline;
}

#change-password-form label.error {
	font-size: 12px;
	line-height: 16px;
}

.change-password-input {
	margin-bottom: 32px;
}

.innerpage-banner.supplier-banner.about-banner h1 {
    padding: 0;
	margin: 0;
}

.contact-us-wrapper {
	padding: 90px 5px 60px;
	min-height: calc(100vh - 647px);
}

.contact-us-wrapper h3 {
	border-top: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	display: inline-block;
	padding-top: 8px;
	margin-bottom: 6px;
}

.contact-us-wrapper h6 {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	color: #1A1A1A;
	margin-bottom: 6px;
	margin-top: 12px
}

.contact-us-wrapper p,
.product-graph-section .signin-alert p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #1A1A1A;
}

.contact-us-wrapper p {
	margin-bottom: 0 !important;
}

.contact-us-wrapper p a {
	color: var(--secondary-color);
}

.post-address {
	margin-top: 30px;
}

.office-address-wrapper {
	padding-bottom: 60px;
}

.contact-form-wrapper .form-control {
	background: #F2F2F2 !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	border-radius: 5px;
	border: 0;
	color: #1A1A1A !important;
	padding: 16px 14px;
}

.contact-form-wrapper .form-control:focus {
	box-shadow: none;
}

.contact-form-wrapper .form-control::placeholder {
	color: #757575;
}

.right-arrow {
	background: url(../../dashboard_portal/images/right_arrow.svg) no-repeat center #0A96BE;
	width: 40px;
	height: 40px;
	display: inline-block;
	flex-shrink: 0;
	border-radius: 0 3px 3px 0;
}

.bluebg-btn.send-btn {
	padding: 0 0 0 16px;
	display: flex;
	align-items: center;
	border: 0;
	column-gap: 12px;
    transition: 0.5s ease-out;
	position: relative;
	margin-top: 30px;
}

.send-btn::after {
	content: '';
	background: #0A96BE;
	position: absolute;
	right: 0;
	width: 0;
	height: 100%;
	transition: 0.5s ease-out;
	border-radius: 3px;
}

.send-btn:hover:after,
.input-multiselect.register-multiselect .btn.multiselect .multiselect-selected-text,
.supplier-img {
	width: 100%;
} 

.send-btn>span {
	position: relative;
	z-index: 4;
}

.contact-form {
	row-gap: 17px;
}

.product-content h6,
.aboutus-wrapper :where(h3, h4),
.terms-conditions-wrapper .main-title {
	color: var(--secondary-color);
}

.aboutus-wrapper {
	padding: 110px 5px 60px;
}

.market-info-main-wrapper,
.aboutus-wrapper {
	background: linear-gradient(163.56deg, #ECFBFF 22.2%, #F9FEFF 31.57%, #FFFFFF 63.31%, #ECFBFF 87.19%);
}

.aboutus-wrapper p,
.terms-conditions-wrapper :where(p, li),
.market-info-details-wrapper :where(p, li) {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #1A1A1A;
}

.about-intro-wrapper {
	background: #FFFFFF;
	box-shadow: -2px 3px 16px -3px #2275B140;
	border-radius: 10px;
	padding: 40px 60px;
	margin-bottom: 40px;
	width: calc(100% + 90px);
	position: relative;
	z-index: 2;
	text-align: justify;
}

.about-section-space {
	padding-bottom: 110px;
}

.our-vision-wrapper {
	padding-bottom: 80px;
}

.category-info {
	box-shadow: -1px -1px 14.3px -2px #2275B140;
	background: #ffffff;
	border-radius: 10px;
	padding: 20px;
	height: 100%;
	transition: 0.3s all;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.category-info p,
.market-info-details-wrapper :where(p, li) {
	text-align: justify;
}

.category-info h4 {
	margin-block: 25px 15px;
}

.navigation-btn {
	background: url(../../dashboard_portal/images/arrow_right_blue.svg) no-repeat center #ffffff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #E8E8E8;
	display: block;
	transition: 0.4s all;
}

.navigation-btn:hover {
	background: url(../../dashboard_portal/images/arrow_right_white.svg) no-repeat center, linear-gradient(95.53deg, #0A96BE 1.09%, #1863A8 98.36%);
	border-color: transparent;
}

.our-vision-section {
	position: relative;
	padding: 0 0 48px 40px;
}

.mission-section {
	position: relative;
	padding: 0 40px 48px 0;
}

.vision-icon,
.mission-icon {
	width: 230px;
	height: 190px;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
}

.vision-icon {
	background: url(../../dashboard_portal/images/vision_icon.svg) no-repeat center #1AA2CD;	
	left: 0;
}

.mission-icon {
	background: url(../../dashboard_portal/images/mission_icon.svg) no-repeat center var(--secondary-color);	
	right: 0;
}

.features-wrapper {
	border: 1px solid #D7D7D7;
	border-radius: 10px;
	background: #ffffff;
	height: 100%;
	transition: 0.3s all;
}

.features-info-body {
	padding: 20px;
}

.features-wrapper img {
	border-radius: 10px 10px 0 0;
}

.aboutus-wrapper h3,
.product-content h6,
.market-info-details-wrapper strong {
	font-weight: 600;
}

.who-we-are-section img,
.what-offer-img {
	border-radius: 10px;
}

.mission-section[data-aos=fade-down] {
    transform: translate3d(0, -100%, 0);
}

.our-vision-section[data-aos=fade-up] {
    transform: translate3d(0, 100%, 0);
}

.contact-us-wrapper label.error,
.add-network-wrapper label.error {
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.supplier-map-legend {
	background: #ffffff;
	padding: 12px;
    border-radius: 3px;
    margin: 0 0 -2px 12px;
	box-shadow: #0000004d 0px 1px 4px -1px;
}

.supplier-map-legend .legend-wrapper-div {
	align-items: center;
	gap: 6px;
}

.supplier-map-legend .legend-wrapper-div>span {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.supplier-map-legend .legend-wrapper-div>img {
	max-width: 16px;
	height: auto;
	flex-shrink: 0;
}

.supplier-map-legend .legend-wrapper-div:not(:last-child) {
	margin-bottom: 8px;
}

.supplier-network-header {
	padding-inline: 5px;
	gap: 16px;
}

.join-network-header {
	padding: 18px 5px;
}

.add-network-wrapper {
	box-shadow: 1px 1px 10px 2px #28488626;
	border-radius: 8px;
	background: #ffffff;
	padding: 30px 60px 40px;
}

.contact-number-input {
	display: flex;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	position: relative;
}

.contact-number-input>select.form-control {
	width: auto;
	border-right: 1px solid #CCCCCC !important;
	border-radius: 0;
}

.contact-number-input>.form-control {
	border: 0 !important;
}

.add-network-wrapper .certificate-item .custom-checkbox label::before {
	display: inline-block;
	position: static;
}

.certificate-item {
	display: flex;
	gap: 8px;
	width: calc((100% / 8) - 14px);
}

.certificate-item p,
.hint-label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #8C8C8C;
	margin: 0;
}

.cerficates-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 16px;
}

.certificate-image-wrapper {
	width: 80px;
	height: 80px;
	border: 0.5px solid #C2C2C2;
	border-radius: 2px;
	display: flex;
	justify-content: center;	
	align-items: center;
	margin-bottom: 5px;
  }
  
.certificate-image {
	max-width: 100%;
	max-height: 100%;
  }

.company-input-wrapper {
	display: flex;
	gap: 24px;
	margin-bottom: 40px;
}

.upload-logo label {
	background: url(../../dashboard_portal/images/placeholder_img.svg) center/contain no-repeat;
	margin-bottom: 0;
	display: grid;
	place-items: center;
	cursor: pointer;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	color: #284886;
}

.upload-logo>label {
	width: 180px;
	height: 180px;
}

.upload-logo {
	width: 180px;
}

.upload-logo>img {
	height: auto;
	border-radius: 2px;
	margin-inline: auto;
}

.add-network-highlights {
	width: 100%;
	border: 1px solid #D8E8FF;
	border-radius: 5px;
	border-collapse: separate;
	border-spacing: 0;
}

.add-network-highlights td {
	padding: 10px 15px;
}

.add-network-highlights:not(.add-product) td {
	color: #1A1A1A;
	white-space: nowrap;
}

.add-network-highlights th {
	color: #818181;
	border-bottom: 1px solid #D8E8FF;
	padding: 6px 15px;
	height: 40px;
}

.add-network-highlights tbody tr:not(:last-child) td,
.report-list tbody tr:last-child td {
	border-bottom: 1px solid #D8E8FF;
}

.add-network-highlights tr :where(td:not(:last-child), th:not(:last-child)) {
	border-right: 1px solid #D8E8FF;
}

.add-network-highlights:not(.add-product, .report-list) tr td:first-child {
	width: 300px;
}

.add-network-wrapper .register-input .form-control,
.add-network-wrapper .input-multiselect .btn.multiselect .multiselect-selected-text {
	font-weight: 400;
}

.register-input .form-control::placeholder {
	font-style: italic;
	color: #8C8C8C;
}

.add-network-highlights:not(.add-product) tr td .register-input .form-control::placeholder,
.input-multiselect.register-multiselect:not(.contact-number-input .input-multiselect.register-multiselect) .btn.multiselect.no-selection .multiselect-selected-text {
	font-size: 13px;
	line-height: 20px;
}

.add-network-highlights:not(.add-product) tr td .register-input {
	width: 265px;
}

.add-product td {
	color: #1A1A1A;
	vertical-align: top;
}

.sub-products-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.sub-products-wrapper.packages .custom-checkbox>label>.package-type {
	display: inline-flex;
	align-items: center;
}

.register-interest-btn-wrapper {
	margin-top: 40px;
}

.dollor-icon::before,
.euro-icon::before {
	content: '';
	height: 11px;
	display: inline-block;
	flex-shrink: 0;
}

.dollor-icon::before {
	background: url(../../dashboard_portal/images/dollor_icon.svg) center/contain no-repeat;
	width: 7px;
}

.dollor-icon.selected::before {
	background: url(../../dashboard_portal/images/dollor_icon_active.svg) center/contain no-repeat;
}

.euro-icon::before {
	background: url(../../dashboard_portal/images/euro_icon.svg) center/contain no-repeat;
	width: 9px;
}

.euro-icon.selected::before {
	background: url(../../dashboard_portal/images/euro_icon_active.svg) center/contain no-repeat;
}

.currency-toggle .toggle-btn {
	width: 58px;
	justify-content: center;
	padding: 2px 8px;
	font-size: 13px;
	line-height: 20px;
	gap: 4px;
}

.tools-header-wrapper .price-country-selection,
.tools-header-wrapper .past-data,
.tools-header-wrapper .tools-price-main {
	margin-top: 0;
}

.tools-header-wrapper .tools-price-main h3,
.tools-header-wrapper .tools-price-main-ckeckbox {
	width: auto;
}

.tools-header-wrapper .tools-price-main {
	justify-content: space-between;
	row-gap: 4px;
	align-items: center;
}

.tools-header-wrapper.tools-first-section h2 {
	margin-bottom: 8px;
}

.tools-header-wrapper .tools-price-main-ckeckbox ul li input[type="radio"]:checked + label {
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
	border: 0;
}

.tools-header-wrapper .tools-price-main-ckeckbox .form-check-label {
	color: #1C54A1;
	border-color: #0A96BE;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	height: 24px;
    display: table-cell;
    vertical-align: middle;
}

.tools-header-wrapper .tools-price-main-ckeckbox .past-data li:not(:last-child) .form-check-label {
	border-right: 0;
}

.tools-header-wrapper .tools-price-main-ckeckbox .past-data li:first-child .form-check-label {
	border-radius: 3px 0 0 3px;
}

.tools-header-wrapper .tools-price-main-ckeckbox .past-data li:last-child .form-check-label {
	border-radius: 0 3px 3px 0;
}

.main-tool-wrapper.main-tool-second-name {
	width: 100%;
	padding-right: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

}

.terms-conditions-wrapper {
	min-height: calc(100vh - 452px);
	padding: 50px 0;
}

.terms-conditions-wrapper .main-title::after {
	content: none;
}

.terms-conditions-wrapper h6 {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #1A1A1A;
	margin-bottom: 4px !important;
}

.terms-conditions-wrapper>*:not(.main-title):not(:last-child) {
	margin-bottom: 16px;
}

.terms-conditions-wrapper ul li {
    list-style: disc;
}

.terms-conditions-wrapper ul {
	padding-inline-start: 32px;
}

.terms-of-use>div>*:not(:last-child) {
	margin-bottom: 6px;
}

.add-product :where(tr th:last-child, tr td:last-child) {
	width: 45px;
	vertical-align: baseline;
}

.btn-delete {
	background: url(../../dashboard_portal/images/delete_blue_icon.svg) center/contain no-repeat;
	width: 13px;
	height: 15px;
	border: 0;
	cursor: pointer;
	outline: none !important;
}

.sub-products-wrapper .custom-checkbox .form-check-label {
	margin: 0;
}

.add-network-wrapper label.error {
	line-height: 20px;
}

.add-network-wrapper .add-network-highlights label.error {
	position: static;
}

.timeline-progress.ui-widget.ui-widget-content {
	border: unset;
}

.timeline-progress.ui-slider .ui-slider-range,
.timeline-progress.ui-slider .ui-slider-handle {
	visibility: hidden;
}

.timeline-progress {
	display: flex;
	height: 14px !important;
	border-radius: 10px !important;
	background: #EAEAEA !important;
	margin-block: 35px 12px;
}

.timeline-progress .timeline-item {
	width: calc(100%/6);
	transition: 0.3s all;
	position: relative;
}

.timeline-progress .timeline-item.active::after,
.timeline-progress .timeline-item.active::before {
	content: '';
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
}

.timeline-progress .timeline-item.active::after {
	background: linear-gradient(90deg, #063967 21.47%, #3ECEFC 100%);
	width: 28px;
	height: 28px;
	box-shadow: 2px 2px 3px 0px #00000080;
}

.timeline-progress .timeline-item.active::before {
	background: #ffff;
	width: 20px;
	height: 20px;
	z-index: 2;
}

.timeline-progress .timeline-item:not(:nth-last-child(-n+3)) {
	border-right: 2px solid #ffffff;
}

.timeline-progress .timeline-item:first-child {
	border-radius: 10px 0 0 10px;
}

.timeline-progress .timeline-item:nth-child(6) {
	border-radius: 0 10px 10px 0;
}

.timeline-progress .timeline-item.active {
	background: linear-gradient(-95.53deg, #0A96BE 1.09%, #1863A8 98.36%);
	cursor: grab;
}

.timeline-item-label {
	display: flex;
}

.timeline-item-label>span {
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	color: #1A1A1A;
	width: calc(100%/6);
	font-family: 'Poppins', sans-serif;
}

.timeline-item-label.week-labels {
	margin-bottom: 6px;
}

.timeline-item-label.week-labels>span>span {
	background: #ffffff;
    border-radius: 15px;
    padding: 1.5px 8px;
	min-width: 68px;
	display: inline-block;
	transition: 0.2s ease;
}

.timeline-item-label.week-labels.median-week-labels>span>span {
	background: #EEEEEE;	
}

.timeline-item-label.week-labels>span>span.spot-badge.AR {
	background: #D1EFF5;
	color: #56A8BA;
}

.timeline-item-label.week-labels>span>span.spot-badge.GDT {
	background: #F8F897;
	color: #A0761A;
}

.timeline-item-label.week-labels>span>span.spot-badge.NZ {
	background: #D9D8EB;
	color: #726DAC;
}

.timeline-item-label.week-labels>span>span.spot-badge.US {
	background: #FFC1C1;
	color: #E15656;
}

.timeline-item-label.week-labels>span>span.spot-badge.EU {
	background: #CEE9CE;
	color: #2F6B52;
}
.timeline-item-label.week-labels>span>span.spot-badge.IND {
	background: #FFBA8F;
	color: #FF721B;
}

.market-info-wrapper a.popup-with-form-prd {
	z-index: 5;
}

.innerpage-banner.header-banner h1 {
	margin-bottom: 0;
}

.table-map-wrapper .tools-table-content.compare li.first span.title,
.table-map-wrapper .tools-table-content.compare li.fifth span.title {
	padding: 0;
	text-align: left;
}

.table-map-wrapper {
	overflow-x: auto;
}

.table-map-wrapper .table-map-container {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.table-map-wrapper .table-map-container >ul {
	display: table-row;
}

.table-map-wrapper .table-map-container>ul>li {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
}

.table-map-wrapper .table-map-container>ul.tools-table-content>li {
	border-bottom: 1px solid #e4e8ec;
	white-space: nowrap;
}

.table-map-wrapper .table-map-container>ul.tools-table-content>li:first-child {
	border-left: 1px solid #e4e8ec;
}

.table-map-wrapper .table-map-container>ul.tools-table-content>li:last-child {
	border-right: 1px solid #e4e8ec;
}

.table-map-wrapper .table-map-container .tools-table-content li.third,
.table-map-wrapper .table-map-container .tools-table-title li.third,
.table-map-container.normal_table_container .tools-table-content li.fifth,
.table-map-container.normal_table_container .tools-table-title li.fifth,
.table-map-wrapper .normal_table_container .tools-table-content.compare li.fifth span.title {
	text-align: center;
}

.table-map-wrapper .table-map-container .tools-table-title li.third span {
    max-width: unset;
}

.news-image img {
	background-size: contain;
	background-position: center;
}

.fixed-placeholder {
	font-size: 13px;
	line-height: 20px;
	color: #8C8C8C;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
}

.register-input .form-control.placeholder-input {
	padding-right: 48px;
}

.single-index-title-wrapper .price-country-selection {
	float: unset;
	width: 150px;
}

.single-index-title-wrapper .price-country-selection .SumoSelect > .CaptionCont {
	border: 1px solid #D8E8FF !important;
    border-radius: 3px;
	height: 40px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	box-shadow: unset !important;
	padding-left: 12px;
	display: flex;
	align-items: center;
	font-family: 'Poppins', sans-serif;
	color: #1A1A1A;
}

.single-index-title-wrapper .price-country-selection .SumoSelect > .optWrapper > .options li label {
	font-family: 'Poppins', sans-serif;	
}

.single-index-title-wrapper .price-country-selection select.main-text {
    height: 38px;
}

.single-index-title-wrapper .price-country-selection .SumoSelect > .CaptionCont > span {
	padding-right: 0;
}

.single-index-title-wrapper .price-country-selection .SumoSelect.open > .optWrapper {
    top: 40px;
    border-radius: 10px;
    -webkit-border-radius: 3px;
	box-shadow: -2px 4px 15px 1px #81818140;
	border: none;
}

.single-index-title-wrapper .price-country-selection .SumoSelect > .optWrapper > .options li.opt {
	padding-inline: 12px;
	border-color: #D8E8FF;
}

.single-index-map-wrapper .tools-first-section {
	border-radius: 20px 20px 0 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.single-index-map-wrapper .tools-map-main {
	border-radius: 0 0 20px 20px;
}

.five-year-median {
	display: flex;
	align-items: center;
	gap: 12px 20px;
	min-height: 40px;
}

.graph-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
}

.graph-toggle :where(.label-text, .switch) {
	margin-bottom: 0;
}

.graph-toggle .label-text {
	background: linear-gradient(96deg, #0A96BE 1.09%, #1863A8 98.36%);
	color: #ffffff;
	padding: 4px 15px;
    border-radius: 15px;
}

.market-info-wrapper .popup-product-index-section {
	margin-top: 22px;
}

.graph-title-wrapper {
	display: flex;
	align-items: baseline;
	gap: 6px;
	flex-wrap: wrap;
}

.graph-title-wrapper>* {
	margin-bottom: 0 !important;
}

.graph-title-wrapper>h3 {
	font-size: 14px;
	font-weight: 500;
	color: #6a6d85;
}

.table-map-container.normal_table_container {
	margin-top: 4px;
}

.by-products-graph-wrapper:not(.graph-by-origin) .tools-first-section {
	border-radius: 20px 20px 0 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.by-products-graph-wrapper:not(.graph-by-origin) .tools-map-main.graph-header-01 {
	border-radius: 0 0 20px 20px;
	padding-top: 0;
}

#supplier-search-result-wrapper {
	min-width: 0;
}

.edit-btn {
	background: url(../../dashboard_portal/images/edit_icon.svg) center/contain no-repeat;
	width: 14px !important;
	height: 14px !important;
}

.by-products-graph-wrapper .market-map-indication {
	width: fit-content;
	margin-left: auto;
}

.by-products-graph-wrapper .market-map-indication>li>span:last-child {
	padding-left: 8px;
	font-size: 11px;
}

.by-products-graph-wrapper .market-map-indication>li>span:first-child {
	min-width: 128px;
	display: inline-block;
	text-align: right;
}

.by-products-graph-wrapper .market-map-indication li {
	padding-left: 0;
}

.by-products-graph-wrapper .market-map-indication li::after,
.input-multiselect.register-multiselect .btn.multiselect.dropdown-toggle::after {
	content: none;
}

.by-products-graph-wrapper .market-map-indication>li>span:first-child:before {
	content: '';
	display: inline-block;
	width: 29px;
	margin-right: 6px;
	vertical-align: middle;
}

.conversion-text {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;	
	text-align: right;
	color: #636363;
}

.supplier-success-msg.login {
	max-width: 575px;
	padding: 40px;
	color: #55585C;
	box-shadow: 1px 1px 10px 2px #28488626;
	border: 0;
}

.supplier-success-msg h2 {
	margin-bottom: 24px;
}

.supplier-success-msg h2+p,
.reset-password .login-form h2 {
	margin-bottom: 20px;
}

.login.supplier-success-msg * {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.select-input {
	border: 1px solid #D8E8FF;
    border-radius: 3px;
	height: 40px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding: 4px 26px 4px 12px;
	font-family: 'Poppins', sans-serif;
	color: #1A1A1A;
	background: url(../../dashboard_portal/images/arrow_down_fill.svg) center no-repeat;
	background-position-x: calc(100% - 12px);
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	width: 100%;
}

.graph-indiaction-wrapper {
	display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
	padding-top: 14px;
}

.currency-toggle-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.graph-by-origin .market-map-indication {
    padding-top: 10px;
}

.edit-account-wrapper .login {
	box-shadow: 1px 1px 10px 2px #28488626;
	border-radius: 8px;
	border: none;
	max-width: 580px;
}

.graph-watermark {
	background: url(../../frontend/images/dd-graph-logo.png) center/270px no-repeat
}

.coming-soon-txt {
	color: #00b2ce;
	line-height: 18px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.by-products-graph-wrapper text[text-anchor="middle"],
.by-products-graph-wrapper text[text-anchor="end"] {
    font-weight: 500;
}

.input-multiselect.register-multiselect .multiselect-container {
	padding: 0;
	max-height: 240px;
    overflow-y: auto;
}

.input-multiselect.register-multiselect .multiselect-container li {
    padding: 8px 12px;
	margin-bottom: 0;
}

.input-multiselect.register-multiselect .multiselect-container li a label.checkbox {
	font-size: 16px;
}

.input-multiselect.register-multiselect .btn.multiselect .multiselect-selected-text,
.input-multiselect.register-multiselect .multiselect-container li a label.checkbox,
.input-multiselect.register-multiselect .multiselect-container li a label.radio,
.no-data-text,
.market-info-details-wrapper * {
	font-family: 'Poppins', sans-serif;
}

.input-multiselect .multiselect-container>li>a {
	text-decoration: none;
}

.edit-account-wrapper .submit-sec {
	margin-top: 30px;
}

.change-password-wrapper .show-password-btn,
.reset-password .show-password-btn {
	top: 12px;
}

.input-multiselect.register-multiselect .multiselect-container li a label.checkbox,
.input-multiselect.register-multiselect .multiselect-container li a label.radio {
	color: #1A1A1A;
	white-space: normal;
}

.multiple-input {
	display: flex;
	gap: 20px;
}

.input-multiselect.register-multiselect:not(.contact-number-input .input-multiselect.register-multiselect) .btn.multiselect.no-selection .multiselect-selected-text {
	color: #8C8C8C; 
}

.animated-hr {
	position: relative;
}

.animated-hr.active::before {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background: #1C54A1;
	position: absolute;
	top: -2px;
	animation: animated_line 0.8s linear infinite;
}

@keyframes animated_line {
	0% {
		left: 0;
	}
	100% {
		left: calc(100% - 80px)
	}
}

.contact-us-wrapper h6.address-head {
	margin-top: 20px;
}

.market-info-banner-title .breadcrumb-link,
.by-orign-header-wrapper .breadcrumb-link {
	display: inline-block;
	margin-bottom: 20px;
}

.by-orign-header-wrapper .main-banner-flag-container {
	width: 100%;
	float: unset;
}

.toast-wrapper.supplier_network{
	display: flex;
	align-items: center;
	justify-content: space-between;
	right: unset;
	bottom: unset;
	left: 50%;
	transform: translateX(-50%);
	top: 120px;
	z-index: 9999;
}

.toast-wrapper.error-toast {
    background: #FFF5F5;
    border: 1px solid #F91313
}

.input-multiselect .multiselect-container li a label.radio {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 12px;
}

.contact-number-input .input-multiselect .multiselect-container li a label.radio,
.contact-number-input .input-multiselect .btn.multiselect .multiselect-selected-text {
	display: flex;
	align-items: center;
	gap: 6px;
}

.contact-number-input .multiselect-container li a label.radio>img,
.contact-number-input .input-multiselect .btn.multiselect .multiselect-selected-text>img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	flex-shrink: 0;
}

.contact-number-input .input-multiselect .multiselect-container li a label.radio>input[type="radio"],
.contact-number-input .input-multiselect .multiselect-container li.disabled {
	display: none !important;
}

.contact-number-input .input-multiselect.register-multiselect .btn.multiselect {
	border-width: 0 1px 0 0 !important;
	border-radius: 0;
}

.contact-number-input .input-multiselect {
	width: 115px;
    flex-shrink: 0;
}

.contact-number-input .input-multiselect .btn-group,
.contact-number-input .input-multiselect span.multiselect-native-select {
	position: static;
}

.contact-number-input .input-multiselect .multiselect-container>li:not(.multiselect-filter):focus, 
.contact-number-input .input-multiselect .multiselect-container>li:not(.multiselect-filter):hover {
    background-color: #E4EFFF !important;
}

.contact-number-input .input-multiselect .multiselect-container {
	max-height: 252px;
}

.hint-label {
	display: flex;
	gap: 4px;
}

.hint-label>span:last-child {
	word-break: break-word;
}

.map-url-input label.error:not([style="display: none;"]) + .hint-label {
	color: #ff6767 
}

.by-products-graph-wrapper .google-visualization-tooltip path {
	stroke-width: 1;
}

.menu-content {
    flex: 1;
}

.main-supplier-popup-form .form-control::placeholder {
	font-style: italic;
}

.supplier-contact-submit {
	display: flex;
	align-items: center;
}

.thankyou-without-login .login-contents,
.forgot-password .login-contents,
.change_password .login-contents {
	background: url(../../../static/dashboard_portal/images/login_bg.png) center / cover no-repeat fixed;
}

.text-bluecolor {
	color:#02A7F0
}

.reset-password .user-login-text {
	margin-top: 0;
}

.text_center {
	text-align: center;
}

.signin-alert {
	text-align: center;
	font-family: 'Poppins', sans-serif;
	position: absolute;
	z-index: 9;
}

.flter-category-wrapper .signin-alert {
	left: 0;
	top: 0;
	background: #ffffff;
	border-radius: 5px 5px 0 0;
}

.signin-alert h6 {
	color: #284886;
	margin-bottom: 0;
}

.flter-category-wrapper .signin-alert h6 {
	background: #EFF6FF;
	font-weight: 600;
	padding: 8px 14px;
	border-radius: 5px 5px 0 0;
}

.flter-category-wrapper .signin-alert p {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 21px;
	margin: 0;
	padding: 20px 14px;
	color: #1A1A1A;
}

.signin-alert .login-btn {
	width: 100%;
	margin: 0;
	border-radius: 0;
	text-decoration: none !important;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}

.product-graph-section {
	position: relative;
}

.filter-wrapper-overlay::before,
.product-graph-section::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #ffffffb3;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 7;
}

.product-graph-section.main-past-data .tools-first-section {
	z-index: 5;
}

.product-graph-section .signin-alert p {
	margin-block: 15px 30px;
	font-family: 'Poppins', sans-serif;
}

.product-graph-section .signin-alert .login-btn {
	border-radius: 3px;
	width: 85%;
}

.product-graph-section::before {
	border-radius: 20px;
}

.reports-list-wrapper {
	margin-top: 15px;
	min-height: 15rem;
}

.report-list tr td:first-child {
	width: 65%;
}

.reports-wrapper {
	padding-inline: 5px;
}

.report-description img {
	display: inline;
}

.reports-wrapper h5 {
	font: 500 1.5rem/2.125rem 'Poppins', sans-serif;
	color: #1A1A1A;
}

.report-description p {
	all: revert;
}

.market-info-main-wrapper .by-products-graph-wrapper,
.market-info-details-wrapper,
.market-info-main-wrapper .tools-first-section.table {
	background: #FFFFFF;
    box-shadow: -2px 3px 16px -3px #2275B140;
	border-radius: 20px;
}

.market-info-details-wrapper {
	padding: 20px;
}

.market-info-main-wrapper .market-info-details-wrapper:not(:last-child),
.market-info-main-wrapper .tools-map-main.graph-header-01 {
	margin-bottom: 20px;
}

.market-info-details-wrapper {
	color: #1A1A1A;
}

.market-info-details-wrapper h4 {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 500;
	color: #284886;
	margin-bottom: 1rem;
}

.market-info-details-wrapper h6 {
	margin-bottom: 6px;
}

.market-info-details-wrapper li {
	list-style: disc !important;
}

.market-info-details-wrapper ul {
	padding-left: 62px;
	margin-bottom: 16px;
}

.market-info-details-wrapper li+ul {
	padding-left: 40px;
}

.market-info-details-wrapper li+ul>li {
	list-style: circle !important;
}

.market-info-details-wrapper a {
	color: #00afce;
	text-decoration: underline;
}

.market-info-main-wrapper .main-tools-section {
	padding-top: 20px;
}

.market-info-main-wrapper .main-tool-wrapper.main-tool-second-name {
	align-items: center;
	padding-right: 0;
}

.before-icon::before {
	content: '';
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 4px;
}

h4.before-icon::before {
	top: 1px;
}

.price-analysis::before {
	background: url(../../../static/dashboard_portal/images/price_trend.png) center/contain no-repeat;
}

.region::before {
	background: url(../../../static/dashboard_portal/images/regions.png) center/contain no-repeat;	
}

.price-updates::before {
	background: url(../../../static/dashboard_portal/images/price_updates.png) center/contain no-repeat;	
}

.variants::before {
	background: url(../../../static/dashboard_portal/images/variants.png) center/contain no-repeat;	
}

.by-products-selection-wrapper.tools-powders-second-section {
	border-bottom: 0;
	padding-right: 30px;
	padding-top: 0;
}

.market-info-details-wrapper + .by-products-selection-wrapper {
	border-top: 1px solid #d6d9e2;
	padding-top: 20px;
}

.by-products-selection-wrapper .currency-toggle-wrapper {
	flex-direction: row-reverse;
	align-items: center;
}

.product-graph-section .tools-table-content li>span {
    filter: blur(3px);
}
