.aiss-eslogan-band { margin-bottom: 0 !important; }

.vc_row.aiss-eslogan-band { overflow: hidden; }
.aiss-eslogan-band .vc_column-inner,
.aiss-eslogan-band .wpb_wrapper,
.aiss-eslogan-band .wpb_raw_code { padding: 0 !important; margin: 0 !important; }

.aiss-slogan {
	--aiss-ease: cubic-bezier(.2, .7, .2, 1);
	--h: 200px;
	--k: 1;
	--travel: 40px;
	--run: calc(var(--h) * 2.8);
	--p: .5;
	--cyan-a: .30;
	--white-a: .08;
	--white-b: .06;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	height: var(--h);
	display: grid;
	place-items: center;
	color: #ffffff;
}

.aiss-slogan__bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(165deg, #00476b 0%, #003352 100%);
	background-size: 100% 140%;
	background-position: 50% calc(var(--p) * 100%);
}

.aiss-slogan__stripes {
	position: absolute;
	inset: 0;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(90deg, #000 0, #000 3%, rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, .55) 90%, #000 97%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0, #000 3%, rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, .55) 90%, #000 97%, #000 100%);
}
.aiss-slogan__stripe {
	--t: calc(var(--k) * 260px);
	--x: calc(var(--k) * -880px);
	--dir: 1;
	--c: rgba(255, 255, 255, var(--white-a));
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: var(--x);
	width: calc(var(--run) + var(--t));
	height: 100%;
	background: var(--c);
	clip-path: polygon(0 100%, var(--run) 0, calc(var(--run) + var(--t)) 0, var(--t) 100%);
	transform: translateX(calc((var(--p) * 2 - 1) * var(--travel) * var(--dir)));
}
.aiss-slogan__stripe--b {
	--t: calc(var(--k) * 56px);
	--x: calc(var(--k) * 150px);
	--dir: -1;
	--c: rgba(0, 188, 212, var(--cyan-a));
}
.aiss-slogan__stripe--c {
	--t: calc(var(--k) * 180px);
	--x: calc(var(--k) * -300px);
	--dir: -1;
	--c: rgba(255, 255, 255, var(--white-b));
}

.aiss-slogan__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(1100px, calc(100% - 48px));
}
.aiss-slogan__text {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: clamp(22px, 2.6vw, 40px);
	line-height: 1.2;
	letter-spacing: .005em;
	text-align: center;
	text-wrap: balance;
	color: #ffffff;
}
.aiss-slogan__w { display: inline-block; }
.aiss-slogan__rule {
	display: block;
	width: 120px;
	height: 2px;
	margin: 16px auto 0;
	background: #00bcd4;
	transform-origin: center;
}

.aiss-slogan.aiss-fx .aiss-slogan__w {
	transition: opacity 500ms var(--aiss-ease) calc(var(--i) * 60ms),
	            transform 500ms var(--aiss-ease) calc(var(--i) * 60ms);
}
.aiss-slogan.aiss-fx .aiss-slogan__rule {

	transition: transform 600ms var(--aiss-ease) calc((var(--n) - 1) * 60ms + 500ms);
}
.aiss-slogan.aiss-fx:not(.is-in) .aiss-slogan__w { opacity: 0; transform: translateY(12px); }
.aiss-slogan.aiss-fx:not(.is-in) .aiss-slogan__rule { transform: scaleX(0); }
.aiss-slogan.is-animating .aiss-slogan__w,
.aiss-slogan.is-animating .aiss-slogan__rule { will-change: opacity, transform; }
.aiss-slogan.is-active .aiss-slogan__stripe { will-change: transform; }

@media (max-width: 767px) {
	.aiss-slogan {
		--h: 150px;
		--k: .75;
		--travel: 16px;
		--cyan-a: .20;
		--white-a: .07;
		--white-b: .05;
	}
	.aiss-slogan__stripes { -webkit-mask-image: none; mask-image: none; }
	.aiss-slogan__rule { margin-top: 12px; }
}

.aiss-slogan--cta { height: auto; min-height: var(--h); padding: 48px 0; }
.aiss-slogan--cta .aiss-slogan__inner {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 24px 48px;
	width: min(1170px, calc(100% - 48px));
}
.aiss-slogan--cta .aiss-slogan__copy { display: flex; flex-direction: column; align-items: flex-start; }
.aiss-slogan--cta .aiss-slogan__text { text-align: left; font-size: clamp(22px, 2.2vw, 32px); }
.aiss-slogan--cta .aiss-slogan__rule { margin-left: 0; }
.aiss-btn--outline-light { flex: none; }
@media (max-width: 767px) {
	.aiss-slogan--cta { --h: 220px; padding: 40px 0; }
	.aiss-slogan--cta .aiss-slogan__inner { flex-direction: column; align-items: center; text-align: center; gap: 24px; }
	.aiss-slogan--cta .aiss-slogan__copy { align-items: center; }
	.aiss-slogan--cta .aiss-slogan__text { text-align: center; }
	.aiss-slogan--cta .aiss-slogan__rule { margin-left: auto; }
	.aiss-slogan--cta .aiss-btn { align-self: center; }
}

@media (prefers-reduced-motion: reduce) {
	.aiss-slogan,
	.aiss-slogan * { animation: none !important; transition: none !important; }
	.aiss-slogan__w, .aiss-slogan__rule { opacity: 1 !important; transform: none !important; }
	.aiss-slogan__stripe { transform: none !important; }
	.aiss-slogan__bg { background-position: 50% 50% !important; }
}

.vc_row.vc_row.aiss-razon .fullwidth-block {
	background: linear-gradient(165deg, #00476b 0%, #003352 100%) !important;
	overflow: hidden;
}
.vc_row.vc_row.aiss-razon .fullwidth-block::before {
	display: block;
	content: "";
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='xMidYMid slice'%3E%3Cpolygon points='-160,300 680,0 940,0 100,300' fill='white' fill-opacity='.08'/%3E%3Cpolygon points='870,300 1710,0 1766,0 926,300' fill='%2300bcd4' fill-opacity='.3'/%3E%3Cpolygon points='420,300 1260,0 1440,0 600,300' fill='white' fill-opacity='.06'/%3E%3C/svg%3E") center / cover no-repeat;
	-webkit-mask-image: linear-gradient(90deg, #000 0, #000 3%, rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, .55) 90%, #000 97%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0, #000 3%, rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, .55) 90%, #000 97%, #000 100%);
	pointer-events: none;
}
@media (max-width: 767px) {
	.vc_row.vc_row.aiss-razon .fullwidth-block::before { -webkit-mask-image: none; mask-image: none; opacity: .65; }
}
