@media (max-width: 460px) {
	.suplier-contact.contact-form .form-holder {
		padding: 0;
	}
	.suplier-contact .gform_wrapper.gravity-theme .gfield {
		width: 100%;
	}
	.suplier-contact .gform_wrapper.gravity-theme .gform_fields {
		display: flex;
		flex-wrap: wrap;
	}
}
@media (min-width: 767px) {
	.banner-exp .text-holder {
			margin-bottom: 200px;
	}
	.exp-login-area.exp-text-area {
		padding: 0 0 60px;
	}
}
@media (min-width: 1545px) {
	.slider-banner .slick-list {
		padding: 0 300px 0 0;
		margin-right: calc((100vw - 1410px) / -2);
	} 
}
@media (max-width: 1024px) {
	.banner-exp .exp-text-area .holder p {
		color: #ffff;
	}
	.slider-section-2 {
		padding: 100px 15px;
	}
	.qut-content p::before {
		display: block;
	}
	.qut-content p::before,
	.qut-content p::after {
		font-size: 90px;
		line-height: 1;
	}
	.slider-img-sec {
		margin-bottom: -100px;
	}
	.supplier-bottom.design-center-txt-sec {
		padding-top: 180px;
	}
	.slider-banner .suplier-slider-sec {
		width: 100%;
	}
	.slider-banner .suplier-slider .row {
		margin: 0 20px;
	}
}


@media (min-width: 1024px) {
	.exp-login-area.exp-text-area {
		padding: 0 0 160px;
	}
	.banner-exp .tab-box h2 {
		font-size: 80px;
	}
	.banner-exp h1 {
		font-size: 150px;
		line-height: 65px;
	}
	
	.qute-sec {
		max-width: 840px;
		position: relative;
		z-index: 11;
		top: 100px;
	}
	.slider-section-2 {
		max-width: 1197px;
		padding: 200px 0;
	}
	.supplier-bottom.design-center-txt-sec {
		padding-top: 240px;
	}
	.slider-img-sec {
		margin-bottom: -160px;
	}
	.qut-content p::before {
		right: 87%;
		bottom: 0;
	}
	.qut-content p::after {
		left: 80%;
		bottom: -70%;
	}
	.qut-content p::before,
	.qut-content p::after {
		font-size: 501px;
		line-height: 80px;
	}
	.qut-content {
		font-size: 30px;
		line-height: 40px;
	}
	.quat-main .banner-area {
		min-height: 936px;
	}
	.suplier-slider-sec .container {
		padding: 0;
	}
}
@media (min-width: 991px) {
	.form-area .gform_wrapper.gravity-theme .gform_fields {
		min-width: 390px;
	}

	.exp-login-area.exp-text-area .form-area .gform_wrapper.gravity-theme .gform_fields {
		min-width: 477px;
	}
	.exp-login-area.exp-text-area {
		padding: 0 0 100px;
	}
	.experience-intro.more-info {
		padding: 71px 0 0;
	}
	.banner-exp .text-holder {
		margin-bottom: 560px;
		margin-top: 311px;
	}
	.page-template-news .banner-area h1{
		font-size: 225px;
		line-height: 45px;
	}
	.page-template-news .banner-news .text,
	.banner-exp .text{
		font-size: 50px;
		letter-spacing: 13px;
		line-height: 39px;
	}
	.page-template-news .banner-news .text {
		margin-bottom: 29px;
			margin-left: 15%;
	}
	.banner-exp .text {
		margin-bottom: 40px; 
		text-align: left;
		margin-left: 24.6%;
	}
	.banner-exp .tab-right-content{
		width: 55%;
		margin-left: auto;
	}
	.banner-suppliers {
		min-height: 1110px;
	}
	.supplier-bottom .inner-container {
		max-width: 960px;
	}
	.suplier-contact {
		margin-top: 171px;
		padding-bottom: 180px;
	}
	.suplier-contact .post-description p{
		max-width: 329px;
		margin-left: auto;
		font-size: 20px;
		line-height: 30px;
	}
	.slider-banner .col-cont {
		padding-right: 80px;
	}
	.slider-banner .suplier-slider .row {
		margin: auto;
			max-width: 1197px;
		padding: 50px;
	}
	.suplier-contact .post-description h2,
	.slider-banner .col-cont {
		text-align: right;
		padding: 0;
		margin: -38px 0 31px;
	}
	.slide-content h2 {
		font-size: 55px;
		line-height: 64px;
	}
}
@media (min-width: 1360px) {
	.banner-exp h1 {
		font-size: 230px;
		line-height: 65px;
	}

	.banner-exp .text-holder {
		margin-bottom: 560px;
		margin-top: 311px;
	}
	
}
@media (max-width: 990px) {
	.experience-intro.more-info {
		padding: 60px 0 0;
	}
	.experience-intro .description p {
		max-width: 100%;
	}
	.banner-area .text-holder {
		margin: 100px auto;
	}
	.banner-exp {
		min-height: 1900px;
	}
	.video-section {
		margin-top: 80px;
	}
	
	.suplier-contact {
		margin-top: 130px;
	}
	.suplier-contact .post-description p{
		text-align: center;
	}
	.banner-suppliers.banner-area {
		min-height: 326px;
	}
	.slider-banner .suplier-slider .row {
		padding: 0 25px;
	}
	.slide-content h2 {
		font-size: 25px;
		line-height: normal;
	}
}
.page-template-news .banner-area h1,
.banner-exp h1{
	color: #eeeeee;
	text-align: center;
	filter: drop-shadow(49.786px 53.389px 39.5px rgba(0,0,0,0.54));
	font-family: bely-display, "Aril", "Helvetica", sans-serif;
	font-weight: 400;
	text-transform: initial;
}
.banner-news .banner-news .text,
.banner-exp .text{
	text-transform: uppercase;
	color: #ffffff;
}
.banner-exp .exp-text-area h2 {
	letter-spacing: 2.3px;
	margin: 0 0 23px;
	font-weight: 800;
}

.banner-exp .exp-text-area h2,
.banner-exp.sub-banner .exp-text-area p {
	color: #ffff;
}
.banner-exp .exp-text-area p{
	color: #9999;
	margin: 0;
}
sup {
		top: -7px;
}
.banner-exp.sub-banner .exp-text-area p  {
	font-size: 18px;
	width: auto;
	margin: 30px -44px 0;
}
.banner-exp.sub-banner .exp-login-area p {
	width: 100%;
}
.image-sec img {
	width: 100%;
}
.experience-intro.more-info .description{
	margin-top: 8px;
}
.banner-exp .tolling-tab-list-bottom {
	position: relative;
	max-width: 1289px;
	margin: auto;
}
.qut-content p::before {
	content: '“';
}
.qut-content p::after {
	content: '”';
}
.banner-exp .tabs-content-pattern,
.banner-exp .tabs-content-pattern:before,
.banner-exp .tabs-content-pattern:after{
	background-color: #333333;
		border: 1px solid #ffffff;
		opacity: 0.502;
}
.banner-exp .tab-box {
		filter: drop-shadow(33.418px 35.836px 32.5px rgba(0,0,0,0.4));
		border: 2px solid #ffffff;
		top: 70px;
}
.banner-exp .tab-box h2 {
	text-align: left;
}
.banner-exp .tab-right-content h4 {
	font-size: 30px;
	letter-spacing: 8px;
	line-height: 39px;
	text-transform: uppercase;
	color: transparent;
	background: linear-gradient(135deg, #4f51a7 0%, #e729c4 100%);
	-webkit-background-clip: text;
	background-clip: text;
	display: inline-block;
}
.banner-exp .tab-right-content a {
	color: #1d449b;
		text-decoration: underline;
	margin-bottom: 30px;
}
.form-area {
	margin-top: 75px;
}
.form-area .gform_wrapper.gravity-theme .gfield_label {
		display: none;
}
.form-area form .ginput_container_email input[type=email]{
		background: none;
		border: none;
		border-bottom: 2px solid #fff !important;
		height: 50px;
		padding: 12px;
		font-size: 18px;
		line-height: 25px;
		color: #fff;
		outline: none;
}
.form-area .gform_validation_error .ginput_container_email input[type=email] {
	border: none !important;
	border-bottom: 2px solid #c02b0a !important;
}
.form-area form .gform_footer .gform_button{
		line-height: 16px !important;
		font-size: 16px;
		color: #fe2892;
		text-transform: uppercase;
		border: none;
		border-radius: 25px;
		background: #fff;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		letter-spacing: 2px;
		margin-bottom: 0;
		height: 50px;
		padding: 17px 33px;
}
.form-area form .gform_footer .gform_button:hover {
	background: #ddd;
}	
.form-area form {
	display: flex;
	justify-content: center;
	align-items: end;
}
.form-area .gform_confirmation_message {
	font-size: 25px;
	color: #ffff;
}
.form-area .gform_wrapper.gravity-theme .gform_fields {
	display: block;
}
.video-section img{
	filter: drop-shadow(33.418px 35.836px 32.5px rgba(0,0,0,0.4));
		background-color: #000000;
	width: 100%;
}

.video-section {
	text-align: center;
	margin-bottom: 65px;
	overflow: hidden;
}
.supplier .inner-container {
		max-width: 900px;
}
.supplier-bottom .inner-container p{
	font-size: 20px;
}
.suplier-contact .post-description {
		padding: 0;
	text-align: right;
		margin: 23px -52px 0 0;
}
.supplier.design-center-txt-sec {
		margin-bottom: 117px;
}
.qut-content {
		color: #080808;
		font-weight: bold;
		position: relative;
		text-align: center;
}
.qut-content p::before,
.qut-content p::after {
		position: absolute;
		opacity: 0.149;
		font-weight: 800;
}
.slider-banner .col-cont h2 {
		color: #ffff;
}
.slider-banner .col-cont p {
	color: #777777;
}
.slider-banner .col-img img {
		width: 100%;
}
.slider-banner .suplier-slider .row {
		border-radius: 30px;
		filter: drop-shadow(33.418px 35.836px 32.5px rgba(0,0,0,0.4));
		background-color: #000000;
		border: 1px solid #ffffff;
}
.slide-content h2 {
		color: #ffffff;
		font-weight: 800;
}
.center-txt-sec.design-center-txt-sec.supplier {
		padding: 0;
}
.slider-img-sec img {
	max-width: 1197px;
	margin: auto;
	width: 100%;
}
.slider-img-sec {
	text-align: center;
}
.slider-img-sec img,
.slider-section-2 .col-img img{
	border-radius: 30px;
	filter: drop-shadow(28.644px 30.717px 20px rgba(0,0,0,0.24));
	background-color: #ffffff;
}
.slide-image img {
	width: 100%;
}
.suplier-slider:not(.slick-initialized) .slide:not(:first-child):nth-child(n+2) {
	display: none;
}
.slider-banner .suplier-slider-sec {
		margin-top: -10%;
}

.quat-main .banner-area:before {
		content: "";
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(0deg, black 20%, transparent 80%);
		position: absolute;
		min-height: 400px;
}
.slider-banner {
		background-color: #000;
}
.slider-banner .slick-initialized .slick-slide {
		height: auto;
}

/* who we page new style here */
.who-we-section {
	position: relative;
	background: #000;
}

.who-we-banner {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	min-height: 892px;
}

.who-number-section {
	position: relative;
	padding: 132px 0 0;
}

.who-number-section .container {
	max-width: 1090px;
}

.who-number-section .left-shape {
	position: absolute;
	left: 0;
	top: 75px;
	width: 528px;
}

.who-number-section .left-shape img,
.who-number-section .right-shape img {
	width: 100%;
	height: auto;
	display: block;
}

.who-number-section .right-shape {
	position: absolute;
	top: -155px;
	right: -60px;
	width: 206px;
	z-index: 2;
}

.who-number-holder {
	position: relative;
}

.who-number-holder .col-12 {
	margin: 0 0 26px;
}

.number-info-block {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	text-align: center;
	background: #080e24;
	color: #fff;
	padding: 44px 20px 48px;
	height: 100%;
	z-index: 5;
}

.number-info-block .image-holder {
	position: relative;
	text-align: center;
	margin: 0 0 17px;
}

.number-info-block .image-holder img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

.number-info-block .pen-color-num-slide-title {
	font-size: 100px;
	line-height: 1;
	margin: 0;
}

.number-info-block .pen-color-num-slide-title sup {
	top: -20px !important;
}

.number-info-block .text {
	font-size: 25px;
	line-height: 27px;
	font-weight: 300;
	display: block;
	margin: 9px 0 0;
}

.number-info-block .note {
	display: block;
	color: #9a9a9a;
	font-size: 14px;
	line-height: 19px;
	font-weight: 300;
	margin: 9px 0 0;
}

.who-history-section {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	padding: 165px 0 0;
}

.history-detail-area {
	position: relative;
}

.history-detail-area .heading-area {
	position: relative;
	max-width: 820px;
	text-align: center;
	margin: 0 auto 50px;
}

.history-detail-area .heading-area h2 {
	color: #fff;
	margin: 0 0 29px;
}

.history-detail-area .heading-area p {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	color: #999;
	margin: 0;
}

.history-detail-row-holder {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.history-detail-col {
	position: relative;
	width: 262px;
	margin: 0 0 0 45px;
}

.history-detail-row .year {
	display: block;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 1;
	font-size: 50px;
	margin: 0 0 28px;
}

.history-detail-col .inner-wrap {
	position: relative;
	padding: 75px 0 0;
}

.history-detail-col .inner-wrap:before {
	background: #fff;
	content: '';
	position: absolute;
	left: 50%;
	top: 28px;
	width: 2px;
	height: 48px;
	margin: 0 0 0 -1px;
}

.history-detail-col .inner-wrap:after {
	border: 2px solid #fff;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 28px;
	height: 28px;
	margin: 0 0 0 -14px;
	border-radius: 50%;
	background: #000;
}

.page-template-who-we-are .scrollmagic-pin-spacer {
	background: none !important;
}

.team-scroll-sec {
	overflow: visible;
}

.team-scroll-sec .El__wrapper {
	height: 800px;
	width: 8480px;
	margin-left: 116px;
}

.team-scroll-sec .El__wrapper:before {
	position: absolute;
	/* top: 26px; */
	top: 82px;
	left: 0;
	content: '';
	height: 82px;
	width: 8505px;
	background: url('images/date-timebar.png') no-repeat;
}

.team-scroll-sec .El__slide {
	padding: 0;
	width: 1700px;
	align-items: flex-start;
	/* padding-top: 91px; */
	padding-top: 150px;
}

.team-scroll-sec .El__slide:nth-child(1) .history-detail-col:nth-child(2) {
	margin-left: 401px;
}



.team-scroll-sec .El__slide:nth-child(2) .history-detail-col:nth-child(1) {
	margin-left: 711px;
}

.team-scroll-sec .El__slide:nth-child(2) .history-detail-col:nth-child(2) {
	margin-left: 173px;
}


.team-scroll-sec .El__slide:nth-child(3) .history-detail-col:nth-child(1) {
	margin-left: -92px;
}
.team-scroll-sec .El__slide:nth-child(3) .history-detail-col:nth-child(2) {
	margin-left: 27px;
}
.team-scroll-sec .El__slide:nth-child(3) .history-detail-col:nth-child(3) {
	margin-left: 27px;
}
.team-scroll-sec .El__slide:nth-child(3) .history-detail-col:nth-child(4) {
	margin-left: 196px;
}
.team-scroll-sec .El__slide:nth-child(3) .history-detail-col:nth-child(5) {
	margin-left: 223px;
}


.team-scroll-sec .El__slide:nth-child(4) .history-detail-col:nth-child(1) {
	margin-left: 27px;
}
.team-scroll-sec .El__slide:nth-child(4) .history-detail-col:nth-child(2) {
	margin-left: 573px;
}
.team-scroll-sec .El__slide:nth-child(4) .history-detail-col:nth-child(3) {
	margin-left: 24px;
}
.team-scroll-sec .El__slide:nth-child(4) .history-detail-col:nth-child(4) {
	margin-left: 24px;
}


.team-scroll-sec .El__slide:nth-child(5) .history-detail-col:nth-child(1) {
	margin-left: 80px;
}
.team-scroll-sec .El__slide:nth-child(5) .history-detail-col:nth-child(1) {
	margin-left: 27px;
}
.team-scroll-sec .El__slide:nth-child(5) .history-detail-col:nth-child(1) {
	margin-left: 323px;
}


@media (max-width: 1599px) {
	.team-scroll-sec .El__wrapper {
		height: 700px;
		width: 8900px;
		margin-left: 60px;
	}
}



.team-scroll-sec .El__wrapper {
	background: none !important;
}

.history-info-block {
	position: relative;
	border-radius: 28px;
	padding: 32px 20px 28px;
	border: 2px solid #fff;
	min-height: 242px;
	margin: 0 0 30px;
}

.history-info-block .image-holder {
	position: relative;
	text-align: center;
	margin: 0 0 14px;
}

.history-info-block .image-holder img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	width: auto;
}

.history-info-block .description {
	position: relative;
	text-align: center;
}

.history-info-block .title {
	text-transform: uppercase;
	color: #a638b7;
	display: block;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 8px;
}

.history-info-block .text {
	display: block;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
}

.who-team-section {
	position: relative;
	padding: 122px 0 0;
}

.who-team-section .heading-area {
	position: relative;
	text-align: center;
	margin: 0 0 56px;
}

.who-team-section .heading-area h2 {
	color: #fff;
	margin: 0;
}

.who-team-section .team-list-img {
	margin: 0 0 22px;
}

.contact-cta.who-contact-section {
	background: none;
	overflow: hidden;
	padding: 96px 0 220px;
}

.who-contact-section h2 {
	position: relative;
	z-index: 5;
	font-weight: 800;
}

.who-contact-section .bottom-left-shape,
.who-contact-section .bottom-right-shape {
	width: 610px;
	position: absolute;
	bottom: 0;
}

.who-contact-section .bottom-left-shape {
	left: 0;
}

.who-contact-section .bottom-right-shape {
	right: 0;
}

.who-contact-section .bottom-left-shape img,
.who-contact-section .bottom-right-shape img {
	width: 100%;
	height: auto;
	display: block;
}

.who-contact-section .row {
	position: relative;
	z-index: 5;
}

.find-solution-sidebar {
	position: relative;
	padding: 0;
	background: none;
	width: 330px;
}

.find-solution-sidebar h2 {
	color: #080808;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.1;
	margin: 0 0 15px;
}

.find-solution-sidebar .search-box {
	position: relative;
	margin: 0 0 23px;
}

.find-solution-sidebar .serach-label {
	position: absolute;
	left: 16px;
	top: 15px;
	display: block;
	pointer-events: none;
	width: 18px;
	margin: 0;
}

.find-solution-sidebar .serach-label img {
	width: 100%;
	height: auto;
	display: block;
}

.find-solution-sidebar .text-field {
	height: 49px;
	width: 100%;
	border-radius: 5px;
	background: #fff;
	color: #555;
	border: 1px solid #999;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	padding: 8px 10px 5px 44px;
	outline: none;
	box-shadow: none;
}

.find-solution-sidebar .text-field ::-webkit-input-placeholder {
	color: #555;
}

.find-solution-sidebar .text-field ::-moz-placeholder {
	color: #555;
}

.find-solution-sidebar .text-field :-ms-input-placeholder {
	color: #555;
}

.find-solution-sidebar .text-field :-moz-placeholder {
	color: #555;
}

.solution-sidebar-widget-holder {
	position: relative;
	border-top: 1px solid #999;
}

.solution-sidebar-widget {
	position: relative;
	border-bottom: 1px solid #999;
}

.solution-sidebar-widget.widget-active .widget-opener-holder .widget-opener .icon:after {
	opacity: 0;
	visibility: hidden;
}

.widget-opener-holder {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	overflow: hidden;
	height: 60px;
}

.widget-opener-holder .title {
	position: relative;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	display: block;
	color: #080808;
	margin: 3px 0 0;
}

.widget-opener-holder .widget-opener {
	position: relative;
	display: block;
	transition: all 0.4s ease;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

.widget-opener-holder .widget-opener .icon:before {
	background: #1d449b;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin: -1px 0 0;
	width: 18px;
	height: 2px;
	transition: all 0.4s ease;
}

.widget-opener-holder .widget-opener .icon:after {
	background: #1d449b;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -1px;
	width: 2px;
	height: 18px;
	transition: all 0.4s ease;
}

.widget-slide {
	display: none;
}

.widget-slide .inner-wrap {
	position: relative;
	max-height: 520px;
	overflow: auto;
}

.widget-slide .category-group {
	position: relative;
	margin: 0 0 28px;
}

.widget-slide .category-group:last-child {
	margin-bottom: 0;
}

.category-group .category-title {
	display: block;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #080808;
	margin: 0 0 14px;
}

.category-group .subcategory-title {
	display: block;
    padding: 10px 0;
}
.category-group .subcategory-title::before {
    font-family: 'icomoon' !important;
    content: "\e919";
    transform: rotate(180deg);
    display: inline-block;
    margin-right: 10px;
}

.category-checkbox-list {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

.category-checkbox-list li {
	position: relative;
	margin: 0 0 12px;
}

.category-checkbox-field-label {
	position: relative;
	display: block;
	margin: 0;
}

.category-checkbox-field-label .category-checkbox-field {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.category-checkbox-field-label .label-check-text-wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	cursor: pointer;
}

.category-checkbox-field-label .label-check-icon {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	transition: all 0.4s ease;
	border: 1px solid #1d449b;
	top: 1px;
}

.category-checkbox-field-label .label-check-icon:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 1px;
	width: 5px;
	height: 9px;
	transition: all 0.4s ease;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
	visibility: hidden;
}

.category-checkbox-field-label .label-check-text {
	position: relative;
	display: block;
	padding: 0 10px 0 15px;
	color: #080808;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 0;
	transition: all 0.4s ease;
}

.category-checkbox-field-label .category-checkbox-field:checked + .label-check-text-wrap .label-check-icon {
	background: #1d449b;
}

.category-checkbox-field-label .category-checkbox-field:checked + .label-check-text-wrap .label-check-icon:before {
	opacity: 1;
	visibility: visible;
}

.tooltip-modal .modal-dialog {
	max-width: 555px;
}

.tooltip-modal .close {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 25px;
	opacity: 1;
	text-shadow: none;
	color: #1d449b;
	z-index: 5;
}

.tooltip-modal .modal-content {
	position: relative;
	padding: 35px 48px 0 46px;
	background: #fff;
	border: none;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: none;
}

.tooltip-modal .modal-content:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background: linear-gradient(135deg, rgba(249,21,144,1) 0%,rgba(198,20,116,1) 100%);
}

.tooltip-modal .modal-content.pink:before {
	background: linear-gradient(135deg, rgba(249,21,144,1) 0%,rgba(198,20,116,1) 100%);
}

.tooltip-modal .modal-content.blue:before {
	background: linear-gradient(135deg, rgba(24,180,209,1) 0%,rgba(59,136,223,1) 100%);
}

.tooltip-modal .modal-content.gold:before {
	background: linear-gradient(135deg, rgba(194,153,109,1) 0%,rgba(187,128,65,1) 100%);
}

.tooltip-modal .modal-content.pink .heading-area .heading {
	color: #c61474;
}

.tooltip-modal .modal-content.blue .heading-area .heading {
	color: #18b4d1;
}

.tooltip-modal .modal-content.gold .heading-area .heading {
	color: #c2996d;
}

.tooltip-modal .modal-body {
	position: relative;
	padding: 0;
}

.tooltip-modal .heading-area {
	position: relative;
	margin: 0 0 10px;
}

.tooltip-modal .heading-area .heading {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #c61474;
	margin: 0 0 9px;
}

.tooltip-modal .heading-area .heading img {
	display: block;
	margin: 0 10px 0 0;
}

.tooltip-modal .heading-area .heading .text {
	display: block;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 0;
}

.tooltip-modal .title {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	display: block;
	color: #333;
}

.tooltip-modal .text-wrap {
	position: relative;
}

.tooltip-modal .text-wrap p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #999;
	letter-spacing: -0.5px;
	margin: 0 0 21px;
}

.tooltip-modal .modal-footer {
	display: block;
	padding: 2px 0 38px;
	border-radius: 0;
	border: none;
	margin: 0;
}

.tooltip-modal .modal-footer > * {
	margin: 0;
}

.tooltip-modal .modal-footer .btn-primary {
	margin: 0;
}

.tooltip-modal .modal-footer .btn-primary span {
	padding: 0 32px;
}

@media (max-width: 1700px) {
	.who-we-banner {
		min-height: 750px;
	}

	.who-number-section .left-shape {
		width: 425px;
	}

	.who-contact-section .bottom-left-shape,
	.who-contact-section .bottom-right-shape {
		width: 420px;
	}
}

@media (max-width: 1449px) {
	.who-we-banner {
		min-height: 650px;
	}

	.who-number-section {
		padding: 100px 0 0;
	}

	.who-number-section .left-shape {
		width: 350px;
	}

	.who-history-section {
		padding: 100px 0 0;
	}

	.who-team-section {
		padding: 90px 0 0;
	}

	.contact-cta.who-contact-section {
		padding: 75px 0 170px;
	}

	.who-contact-section .bottom-left-shape,
	.who-contact-section .bottom-right-shape {
		width: 300px;
	}
}

@media (max-width: 1199px) {
	.who-we-banner {
		min-height: 580px;
	}

	.number-info-block .pen-color-num-slide-title {
		font-size: 72px;
	}

	.number-info-block {
		padding: 35px 15px;
	}

	.number-info-block .text {
		font-size: 22px;
		line-height: 24px;
	}

	.who-history-section {
		padding: 70px 0 0;
	}

	.history-detail-row-holder {
		margin: 0;
	}

	.history-detail-row {
		margin: 0 0 0 24px;
	}

	.who-team-section {
		padding: 70px 0 0;
	}

	.who-contact-section .bottom-left-shape,
	.who-contact-section .bottom-right-shape {
		width: 240px;
	}

	.find-solution-sidebar {
		width: 230px;
	}

	.widget-opener-holder .title {
		font-size: 18px;
	}

	.category-group .category-title {
		font-size: 16px;
	}

	.category-checkbox-field-label .label-check-text {
		font-size: 16px;
		padding: 0 10px;
	}
}

@media (max-width: 991px) {

	.who-we-banner {
		min-height: 500px;
	}

	.who-number-section .right-shape {
		width: 145px;
		top: -95px;
	}

	.who-contact-section .bottom-left-shape,
	.who-contact-section .bottom-right-shape {
		display: none;
	}

	.contact-cta.who-contact-section {
		padding: 70px 0;
	}

	.find-solution-sidebar {
		width: 100%;
	}
}

@media (max-width: 767px) {

	.who-we-banner {
		min-height: 350px;
	}

	.who-number-section .right-shape {
		top: -65px;
		width: 115px;
	}

	.who-number-section {
		padding: 45px 0 0;
	}

	.who-history-section {
		padding: 35px 0 0;
	}

	.history-detail-area .heading-area h2 {
		margin: 0 0 18px;
	}

	.history-detail-area .heading-area p {
		font-size: 15px;
		line-height: 22px;
	}

	.history-detail-area .heading-area {
		margin: 0 auto 30px;
	}

	.history-detail-row {
		margin: 0 0 0 10px;
	}

	.history-detail-row .year {
		font-size: 36px;
		margin: 0 0 14px;
	}

	.who-team-section {
		padding: 30px 0 0;
	}

	.who-team-section .heading-area {
		margin: 0 0 32px;
	}

	.contact-cta.who-contact-section {
		padding: 25px 0 44px;
	}

	.find-solution-sidebar {
		width: 100%;
	}

	.tooltip-modal .modal-content {
		padding: 25px 20px 0 25px;
	}

	.tooltip-modal .modal-content:before {
		width: 6px;
	}

	.tooltip-modal .title {
		font-size: 16px;
		line-height: 22px;
	}

	.tooltip-modal .text-wrap p {
		font-size: 15px;
		letter-spacing: 0;
		margin: 0 0 18px;
	}

	.tooltip-modal .modal-footer {
		padding: 2px 0 24px;
	}

	.team-scroll-sec .El__wrapper {
		width: 9930px;
	}
}

@media (max-width: 479px) {

	.who-we-banner {
		min-height: 250px;
	}
}