/* @import url(); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.search-form .input-group {
	padding: .5rem;
	/* display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
	box-sizing: border-box; */
}

.search-form .buttons {
	position: sticky;
	bottom: 0px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%);
}

.search-form .input-group.inline-ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

.search-form .input-group.inline-ul ul li {
	list-style: none;
	width: 50%;
}

.search-form .input-group.inline-ul ul ul {
	flex-direction: column;
	padding: 0;
	margin-top: 1rem;
}

.search-form .input-group.inline-ul ul ul li {
	display: flex;
}

.search-form .input-group.inline-ul ul ul li+li {
	margin-top: .9rem;
}

.search-form .input-group.inline-ul ul ul li label {
	margin: 0;
	font-weight: normal;
	padding: 0px 8px;
	white-space: nowrap;
}

.search-form .ulAreaProducts {
	border: 1px solid #ddd;
	border-radius: var(--menu-radius);
	padding: 1rem !important;
	box-shadow: 0px 3px 8px -6px rgb(0 0 0 / 25%);
}

.search-form .fromto_search {
	margin: 0;
	padding: 0;
	display: flex;
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.search-form .fromto_search li {
	width: 100%;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.search-form .fromto_search li label {
	font-weight: normal;
}

.search-form .search-tips {
	width: 24px;
	position: relative;
}

.search-form #search_freetext_info #free_text_info {
	position: absolute;
	width: 70vw;
	right: 0;
	background: #fff;
	padding: 1rem;
	border: 1px solid var(--primary-color);
	border-radius: 6px;
	color: var(--text-color);
	z-index: 1;
}

.search-form .free_text_table th {
	text-decoration: underline;
	color: var(--primary-color);
	padding-bottom: 1rem;
	font-size: 1.2rem;
}

.search-form .free_text_table {
	vertical-align: top;
	font-weight: normal;
}

.search-form .free_text_table tr td:first-child {
	white-space: nowrap;
	font-weight: bold;
	vertical-align: top;
}

.search-form .free_text_table tr td {
	padding: .5rem;
}

.search-form .free_text_table .close_free_text {
	display: flex;
	justify-content: flex-end;
}

.search-form .free_text_table .close_free_text .nav {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: var(--menu-radius);
	padding: .5rem 1rem;
	text-decoration: none;
}

.search-form fieldset:not(.multiselect) {
	padding: 0;
	border: none;
	margin: 0;
}

.search-form #freetextsearch {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.checkbox-toggle .toggle {
	appearance: none;
	background-color: #dfe1e4;
	border-radius: 72px;
	border-style: none;
	flex-shrink: 0;
	height: 20px;
	margin: 0;
	position: relative;
	width: 30px;
}

.checkbox-toggle .toggle::before {
	bottom: -6px;
	content: "";
	left: -6px;
	position: absolute;
	right: -6px;
	top: -6px;
}

.checkbox-toggle .toggle,
.checkbox-toggle .toggle::after {
	transition: all 100ms ease-out;
}

.checkbox-toggle .toggle::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
	cursor: default;
}

.checkbox-toggle .toggle:hover {
	background-color: #c9cbcd;
	transition-duration: 0s;
}

.checkbox-toggle .toggle:checked {
	background-color: var(--primary-color);
}

.checkbox-toggle .toggle:checked::after {
	background-color: #fff;
	left: 13px;
}

.checkbox-toggle:focus:not(.focus-visible) {
	outline: 0;
}

.checkbox-toggle .toggle:checked:hover {
	background-color: var(--primary-color);
}

.multiselect {
	border-radius: var(--menu-radius);
	border: 1px solid #ddd;
	margin: 0;
	padding: 0;
	box-shadow: 0px 3px 8px -6px rgb(0 0 0 / 25%);
}

.multiselect ul {
	height: 90px;
	margin: 0;
	overflow: auto;
	padding-left: 0;
	padding-right: 0;
	max-height: 400px;
	/* based on js script output */
	width: 100%;
}

.multiselect li {
	display: flex;
	margin: 0 1rem;
	align-items: center;
}

.multiselect li+li {
	border-top: 1px solid var(--border-color);
}

.multiselect label {
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	padding: 10px 8px;
	width: 100%;
}

.multiselect div {
	transition: all linear 0.15s;
	-moz-transition: all linear 0.15s;
	-o-transition: all linear 0.15s;
	-webkit-transition: all linear 0.15s;
	width: 100%;
}

.multiselect div a {
	text-decoration: none;
	box-shadow: 0px 3px 8px -6px rgb(0 0 0 / 25%);
	border-bottom: 1px solid #ddd;
	display: flex;
	padding: .6rem;
	font-weight: 700;
	background: url(../../../../gate/v3/templates/img/arrow_down_black.png) no-repeat;
	background-size: 24px;
	background-position: 100% 31%;
}

.multiselect div a.up {
	background-image: url(../../../../gate/v3/templates/img/arrow_up_black.png);
}

#simple_search {
	display: flex;
	flex-wrap: wrap;
	margin-left: -.5rem;
	margin-right: -.5rem;
}

#simple_search .input-group,
#advanced_search .input-group {
	width: 50%;
}

#simple_search .input-group .input-group,
#advanced_search .input-group .input-group {
	width: 100%;
}

#simple_search .input-group.from-to,
#advanced_search .input-group.from-to {
	width: 100%;
	flex-direction: row;
	margin-bottom: 0;
	padding: 0;
}

#simple_search .input-group.from-to .input-group,
#advanced_search .input-group.from-to .input-group {
	width: 50%;
}

#advancedsearch #areaAdvancedSearchFields {
	visibility: hidden;
	margin-top: 20px;
}

#advancedsearch.active #areaAdvancedSearchFields {
	visibility: visible;
	display: block;
}

#advancedsearch.disabled {
	background-color: #f3f3f3;
}


#advanced_search,
#valuechainsearch {
	border: 2px solid var(--primary-color);
	box-shadow: inset 0 0 0 2px var(--primary-color);
	border-radius: var(--menu-radius);
	overflow: hidden;
}

#advanced_search>div {
	display: none;
}

#advanced_search>div fieldset {
	display: flex;
	flex-wrap: wrap;
	padding: .5rem;
}

#advanced_search h3,
#valuechainsearch h3 {
	margin: 0;
	background-color: var(--primary-color);
}

#advanced_search h3 a,
#valuechainsearch h3 a {
	color: #fff;
	text-decoration: none;
	padding: .5rem;
	font-size: 1rem;
	display: flex;
	background: url(../../../../gate/v3/templates/img/arrow_down_white.png) no-repeat;
	background-size: 24px;
	background-position: 99% 50%;
}

#advanced_search h3.country_portal {
	border-top: 1px solid #fff;
}

#advanced_search h3 a.active,
#valuechainsearch h3 a.active {
	background-image: url(../../../../gate/v3/templates/img/arrow_up_white.png);
}

.search-keywords {
	padding: 1rem;
	border-radius: var(--card-radius);
	box-shadow: inset 0px 0px 0px 2px var(--primary-color);
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.search-keywords ul {
	margin: 0;
	padding-left: 24px;
	margin-top: .5rem;
}

.search-keywords .sponsors b {
	display: flex;
	margin-bottom: .5rem;
}

.search-keywords .sponsors .d-flex {
	gap: 10px;
}

#results .teaser-btg {
	margin-bottom: 2rem;
}

.result-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
	margin-bottom: 3rem;
	border-top: 4px solid var(--primary-color);
	border-bottom: 4px solid var(--primary-color);
	padding: 1.5rem;
	background: linear-gradient(to right,
			color-mix(in srgb, var(--primary-color) 10%, transparent),
			transparent);
}

.result-summary .text-primary {
	font-size: 1.5rem;
	font-weight: bold;
}

.result-summary .text-primary span {
	margin-top: .5rem;
	margin-bottom: .5rem;
	font-size: 2.5rem;
}

.result-summary .text-sub-1 {
	font-size: 1.75rem;
	font-weight: bold;
	margin: .5rem 0 .1rem 0;
}

.result-summary .text-sub-2 {
	opacity: .6;
}

.result-summary .right {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.result-summary .btn-btg {
	margin-top: .5rem;
}

.result-actions {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 2rem;
}

.result-actions .right {
	gap: 6px;
}

.result-actions .result-display {
	font-weight: bold;
}

.result-actions .result-order select {
	box-shadow: inset 0 0 0 1px var(--primary-color);
	color: var(--primary-color);
	height: 33px;
	padding: 0 .5rem;
	border: none;
	cursor: pointer;
	transition: all .3s;
	appearance: none;        /* remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
	background: url(../../../../gate/v3/templates/img/arrow_down_black.png) no-repeat;  background-repeat: no-repeat;
  background-position: right 12px center; /* 👈 control spacing here */
  background-size: 16px;
}

.result-actions .result-sort table {
	box-shadow: inset 0 0 0 1px var(--primary-color);
	border-radius: var(--menu-radius);
	height: 33px;
	padding: 0 .5rem;
	color: var(--primary-color);
}

.result-actions .result-sort:hover input {
	background-color: color-mix(in srgb, var(--primary-color) 80%, black);
	color: #fff;
}

.result-actions .result-sort input {
	color: var(--primary-color);
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: all .3s;
	border-radius: 4px;
}

.result-actions .result-search b {
	display: none;
}

.result-actions .result-search a:last-child {
	background-color: var(--primary-color);
	color: #fff;
	transition: all .3s;
	padding: .5rem 1rem;
	border: none;
	border-radius: .4rem;
	cursor: pointer;
	font-size: 1rem;
	text-decoration: none;
}

.result-actions .result-search a:last-child:hover {
	background-color: color-mix(in srgb, var(--primary-color) 80%, black);
}

.result-actions .result-search a:first-child {
	background-color: #FFF;
	color: var(--primary-color);
	box-shadow: inset 0 0 0 1px var(--primary-color);
	text-decoration: none;
	transition: all .3s;
	padding: .5rem 1rem;
	border: none;
	border-radius: .4rem;
	cursor: pointer;
	font-size: 1rem;
}

.result-actions .result-search a:first-child:hover {
	background-color: color-mix(in srgb, var(--primary-color) 80%, black);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 80%, black);
	color: #fff;
}

.result-not-found {
	min-height: 50vh;
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.result-paginations {
	display: flex;
	align-items: center;
	margin-top: .5rem;
}

.result-paginations a {
	text-decoration: none;
	display: flex;
}

.company-profile {
	border: 1px solid #ddd;
	border-radius: var(--card-radius);
	box-shadow: var(--card-shadow);
	margin-bottom: 2rem;
	cursor: pointer;
	transition: all .3s;
}

.company-profile .company-profile-header .text-bold {
	transition: all .3s;
}

.company-profile.blurred .company-info .info, .company-profile.blurred .company-name {
	filter: blur(3px);
}

.company-profile.blurred .member {
	display: none;
}

.company-profile.has-logo {
	margin-top: 3rem;
}

.company-profile-header {
	background-color: #F4F4F4;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: var(--card-radius);
	border-top-right-radius: var(--card-radius);
	box-shadow: 0 4px 8px -6px rgb(0 0 0 / 25%);
	padding: .5rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all .3s;
	position: relative;
}

.company-profile-header::after {
	content: 'View Details';
	position: absolute;
	bottom: -42px;
	right: -30px;
	background:  #fff;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-right: 0;
	padding: .5rem;
	border-radius: var(--menu-radius) 0 0 var(--menu-radius);
	opacity: 0;
	transition: all .3s;
	visibility: hidden;
	font-weight: bold;
}

.company-profile-header .left {
	display: flex;
	align-items: center;
}

.company-profile-header .company-logo {
	margin-right: 1rem;
	border: 1px solid #ddd;
	box-shadow: 0 2px 10px -5px rgb(0 0 0 / 25%);
	border-radius: .5rem;
	overflow: hidden;
	padding: .5rem;
	display: flex;
	margin-top: -28px;
	height: 70px;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	width: 200px;
}

.company-profile-header .company-logo img {
	object-fit: contain;
	padding: 8px;
}

.company-profile-header .company-name {
	color: var(--primary-color);
	font-weight: bold;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all .3s;
}

.company-profile-header .company-name .relevence {
	color: var(--text-color);
	opacity: .6;
	font-size: 1rem;
	font-weight: normal;
	transition: all .3s;
}

.company-profile-header .company-location {
	display: flex;
	align-items: center;
	opacity: .6;
	transition: all .3s;
}

.company-profile-header .member {
	border: 2px solid var(--primary-color);
	background-color: #ffff;
	border-radius: var(--menu-radius);
	transition: all .3s;
}

.company-profile-header .member .member-header {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-color: var(--primary-color);
	color: #fff;
	font-size: .7rem;
	font-family: "Inter", sans-serif;
}

.company-profile-header .member .member-logo {
	padding: .2rem 1rem
}

.company-profile .company-info {
	display: flex;
	flex-wrap: wrap;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.company-profile .label {
	font-weight: bold;
	display: flex;
	align-items: center;
}

.company-profile .label svg {
	margin-right: .5rem;
}

.company-profile .company-info .info-group {
	width: 25%;
	padding: .5rem 1rem;
	box-sizing: border-box;
}

.company-profile .company-info .info-group.description {
	width: 100%;
}

.company-profile .company-info .info-group.description .info {
	padding-left: 34px;
}

.company-profile .mainsector {
	list-style: none;
	font-weight: bold;
	color: var(--primary-color);
	margin: .5rem 0;
}

.company-profile ul {
	margin: 0;
	padding-left: 32px;
}

.company-profile ul li::marker {
	font-size: .8rem;
}

.company-profile ul li:nth-child(n+4) {
	display: none;
	/* hide 5th and beyond */
}

.company-profile ul li:nth-child(3)::after {
	content: "...";
	display: block;
	font-weight: bold;
}

.company-profile ul:not(.subsector) li+li {
	margin-top: .5rem;
}

.company-profile:hover {
	border-color: var(--primary-color);
}

.company-profile:hover .company-profile-header {
	background-color: var(--primary-color);
}

.company-profile:hover .company-profile-header .company-name,
.company-profile:hover .company-profile-header .company-name .relevence, 
.company-profile:hover .company-profile-header .company-location,
.company-profile:hover .company-profile-header .right  {
 color: #fff;
}

.company-profile:hover .company-profile-header .member {
	box-shadow: 2px 0px white, 2px 2px white, -2px 2px white, -2px -2px white, -2px -1px white, 2px -2px white;
}

.company-profile:hover .company-profile-header .btn-primary {
	background-color: #fff;
	color: var(--primary-color);
}

.company-profile:not(.blurred):hover .company-profile-header::after {
	right: 0px;
	opacity: 1;
	visibility: visible;
}


/* override popupModal Styling */
.ui-dialog {
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	position: relative;
}

.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	top: -31px;
	right: 16px;
	padding: 0;
	border: transparent;
	margin-top: 0;
	border: 1px solid #b1b1b1;
	border-bottom: 0;
	border-radius: var(--menu-radius) var(--menu-radius) 0 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	display: flex;
	flex-direction: row-reverse;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin: 0rem;
	background: transparent;
	border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button span {
	padding: 0;
	width: 40px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .closeButton {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='22'%20viewBox='0%200%2020%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%2016.5L15%205.5M5%205.5L15%2016.5'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	outline: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .undockButton {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M3.75%206C3.94891%206%204.13968%205.92098%204.28033%205.78033C4.42098%205.63968%204.5%205.44891%204.5%205.25C4.5%205.05109%204.42098%204.86032%204.28033%204.71967C4.13968%204.57902%203.94891%204.5%203.75%204.5C3.55109%204.5%203.36032%204.57902%203.21967%204.71967C3.07902%204.86032%203%205.05109%203%205.25C3%205.44891%203.07902%205.63968%203.21967%205.78033C3.36032%205.92098%203.55109%206%203.75%206ZM6.75%205.25C6.75%205.44891%206.67098%205.63968%206.53033%205.78033C6.38968%205.92098%206.19891%206%206%206C5.80109%206%205.61032%205.92098%205.46967%205.78033C5.32902%205.63968%205.25%205.44891%205.25%205.25C5.25%205.05109%205.32902%204.86032%205.46967%204.71967C5.61032%204.57902%205.80109%204.5%206%204.5C6.19891%204.5%206.38968%204.57902%206.53033%204.71967C6.67098%204.86032%206.75%205.05109%206.75%205.25ZM8.25%206C8.44891%206%208.63968%205.92098%208.78033%205.78033C8.92098%205.63968%209%205.44891%209%205.25C9%205.05109%208.92098%204.86032%208.78033%204.71967C8.63968%204.57902%208.44891%204.5%208.25%204.5C8.05109%204.5%207.86032%204.57902%207.71967%204.71967C7.57902%204.86032%207.5%205.05109%207.5%205.25C7.5%205.44891%207.57902%205.63968%207.71967%205.78033C7.86032%205.92098%208.05109%206%208.25%206Z%27%20fill%3D%27%230F172A%27/%3E%3Cpath%20d%3D%27M3%201.5C2.20435%201.5%201.44129%201.81607%200.87868%202.37868C0.316071%202.94129%200%203.70435%200%204.5V19.5C0%2020.2956%200.316071%2021.0587%200.87868%2021.6213C1.44129%2022.1839%202.20435%2022.5%203%2022.5H21C21.7956%2022.5%2022.5587%2022.1839%2023.1213%2021.6213C23.6839%2021.0587%2024%2020.2956%2024%2019.5V4.5C24%203.70435%2023.6839%202.94129%2023.1213%202.37868C22.5587%201.81607%2021.7956%201.5%2021%201.5H3ZM22.5%204.5V7.5H1.5V4.5C1.5%204.10218%201.65804%203.72064%201.93934%203.43934C2.22064%203.15804%202.60218%203%203%203H21C21.3978%203%2021.7794%203.15804%2022.0607%203.43934C22.342%203.72064%2022.5%204.10218%2022.5%204.5ZM3%2021C2.60218%2021%202.22064%2020.842%201.93934%2020.5607C1.65804%2020.2794%201.5%2019.8978%201.5%2019.5V9H22.5V19.5C22.5%2019.8978%2022.342%2020.2794%2022.0607%2020.5607C21.7794%2020.842%2021.3978%2021%2021%2021H3Z%27%20fill%3D%27%230F172A%27/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}

.result-dialog {
	background-color: #fff !important;
	padding: 0 !important;
	border-radius: var(--card-radius);
	box-shadow: var(--card-shadow);
	min-height: auto !important;
	border: 1px solid #b1b1b1 !important;
}

.detail-tabs {
	display: flex;
	flex-wrap: wrap;
	padding: .8rem;
	padding-bottom: 0;
	position: relative;
}

.detail-tabs::after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: var(--primary-color);
	position: absolute;
	bottom: 1px;
	left: 0;
}

.detail-tabs .tab-item {
	border-radius: var(--menu-radius) var(--menu-radius) 0 0;
	margin: 1px;
	padding: .5rem;
	display: flex;
	align-items: center;
}

.detail-tabs .tab-item svg {
	margin-right: 4px;
	width: 18px;
	height: 18px;
}

.sponsor-container {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 1rem;
	box-sizing: border-box;
}

.sponsor-container .logoSponsorGroup {
	display: flex;
	gap: 14px;
	align-items: center;
}

.tab-content {
	padding: 1rem;
}

.profile.popup {
	padding-top: 40px;
}

.profile .closeProfilePopup {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.profile .closeProfilePopup svg {
	width: 25px;
}

.profile-company .card {
	margin-bottom: 2rem;
}

.profile-company .card-content {
	padding: .5rem 0;
	margin: 0 .5rem;
}

.profile-company .card-title {
	font-weight: bold;
	background-color: #f4f4f4;
}

.profile-company .card-content .left,
.profile-company .card-content .right {
	width: 50%;
}

.profile-company .label {
	display: flex;
	font-weight: bold;
	margin-bottom: 6px;
}

.profile-company .label .icon {
	display: flex;
	margin-bottom: 0;
}

.profile-company .label.icon svg {
	width: 18px;
	margin-right: 4px;
}

.profile-company .text-primary {
	color: var(--primary-color) !important;
}

.profile-company .info-group {
	margin-bottom: 1rem;
	padding: .5rem;
	box-sizing: border-box;
}

.profile-company .info-group ul {
	margin: 0;
	padding-left: 18px;
}

.profile-company .info-group ul li::marker {
	font-size: .8rem;
}

.profile-company .btn-primary {
	color: #fff !important;
}

.profile-company .profile-update {
	padding: 4rem 0rem;
	text-align: center;
}

.profile-company .profile-update .title {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.profile-company.blurred .card-content .info, .profile-company.blurred .card-content .company-name {
	filter: blur(3px);
	pointer-events: none;
}

.profile-company .company-fax {
	display: none;
}

.detail-profile {
	box-shadow: var(--box-shadow);
}

.detail-profile .copyright {
	padding: .5rem 1rem;
	border-top: 2px solid var(--primary-color);
	text-align: center;
	background-color: var(--primary-color);
	color: #fff;
}

.detail-profile .copyright a {
	text-decoration: none;
	color: #fff;
}

.detail-profile .company-logo {
	border: 1px solid var(--border-color);
	border-radius: var(--menu-radius);
	box-shadow: var(--box-shadow);
	padding: .5rem;
	margin-bottom: -40px;
	background: white;
	margin-right: 10px;
}

.ui-widget-overlay {
	opacity: 1 !important;
	background: #00000040 !important;
}

/* TABLET */
@media (max-width: 1180px) {
	.company-profile .company-info .info-group {
		width: 50%;
	}
}

/* TABLET VERTICAL */
@media (max-width: 820px) {

	#simple_search .input-group.from-to,
	#advanced_search .input-group.from-to {
		flex-direction: column;
	}

	.company-profile-header .company-name {
		font-size: 1.2rem;
	}

	.result-actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.result-summary .text-sub-1,
	.result-summary .text-primary {
		font-size: 1.2rem;
	}

	.result-summary .text-primary span {
		font-size: 1.8rem;
	}

	.result-summary .right img {
		width: 170px;
	}

	.result-paginations {
		margin-bottom: 1rem;
	}
}


/* MOBILE */
@media (max-width: 576px) {

	#simple_search .input-group,
	#advanced_search .input-group {
		width: 100%;
	}

	.company-profile .company-info .info-group {
		width: 100%;
	}

	.search-keywords {
		flex-direction: column;
	}

	.search-keywords .sponsors {
		margin-top: 3rem;
		border-top: 1px solid var(--border-color);
		padding-top: 1rem;
	}

	.company-profile-header {
		flex-direction: column;
	}

	.company-profile-header .left {
		flex-direction: column;
	}

	.company-profile-header .company-location {
		font-size: .8rem;
		justify-content: center;
	}

	.company-profile-header .company-logo {
		margin-right: 0;
		margin-bottom: 1rem;
	}

	.company-profile-header .member {
		margin-top: 1rem;
	}

	.company-profile.blurred .company-profile-header .right .text-bold {
		display: flex;
		flex-direction: column;
	}

	.result-actions .right {
		flex-direction: column;
		align-items: flex-start;
	}

	.result-actions .result-search {
		display: flex;
		gap: 6px;
	}

	.result-summary {
		flex-direction: column;
		text-align: center;
	}

	.result-summary .right img {
		width: 145px;
	}

	.result-summary .left {
		margin-bottom: 2rem;
	}

	.result-paginations {
		flex-wrap: wrap;
	}

	.profile-company .info-group {
		width: 100%;
	}

	.detail-profile .company-logo img {
		width: 100px;
		height: auto;
	}

	.search-form .ulAreaProducts {
		flex-direction: column;
    gap: 2rem;
	}

	.sponsor-container {
		flex-direction: column;
	}
}