/*NEW STYLES*/
.top-bar .has-dropdown>a:after {
	display: none !important;
}

.top-bar .has-dropdown>a {
	padding-right: 10px !important;
}

/* .logo-center {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 110px;
} */

@media (min-width: 768px) {
	.logo-center {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 110px;
	}
}

.case-logo {
	max-width: 100px;
	height: auto;
	display: block;
	height: 100%;
}


.bodyText {
	text-align: justify;
	padding-right: 5px;
}

@media (min-width: 768px) {
	.align-center {
		display: flex;
		align-items: center;
	}
}

.cloudSecurityLogo {
	width: 20px;
}

/* Container */
.hero {
	position: relative;
	width: 100%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: left;
	overflow: hidden;

}

/* Blurred background */
.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url('your-background.jpg') center/cover no-repeat;
	filter: blur(12px);
	transform: scale(1.1);
	/* prevent edge cut */
	z-index: 1;
}

/* Overlay tint */
.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	/* background: rgba(15, 23, 42, 0.6); */
	z-index: 2;
}

/* Content */
.hero-content {
	position: relative;
	z-index: 3;
	text-align: left;
	width: 80%;
	max-width: 900px;
	color: #e2e8f0;

}

/* Heading */
.hero h1 {

	/* font-weight: 300; */
	color: #e2e8f0;
	margin: 0 0 0px;
	letter-spacing: -1px;
	font-weight: 100;

}

.hero h1 {
	font-size: clamp(62px, 10vw, 72px);
}

.subtitle {
	font-size: clamp(20px, 4vw, 25px);
}

.subtitle {
	display: flex;
	align-items: center;
	/* THIS is correct, keep it */
	gap: 10px;
	padding-left: 10px;

}

.icon {
	width: 25px;
	height: 25px;
	display: flex;
	/* ADD THIS */
	align-items: center;
	/* ADD THIS */
	justify-content: center;
	flex-shrink: 0;
	/* ADD THIS */

}

.icon-img {
	width: 30px;
	height: 30px;
	display: block;
	padding-top: 0px !important;
	/* padding-left: 10px; */
}


@media (max-width: 768px) {

	.hero {
		height: auto;
		padding: 40px 20px;
		justify-content: center;
		/* center horizontally */
		text-align: center;
	}

	.hero-content {
		width: 100%;
	}



	.subtitle {
		justify-content: left;
		/* center icon + text */
		gap: 0px;
		padding-left: 10px;
	}

	/* .icon {
		width: 20px;
		height: 20px;
	} */

	.icon-img {
		width: 30px;
		height: 30px;
		padding: 0px 10px 0px 0px !important;
		padding-right: 5px;
	}
}



/* -----------------------------------------
  Partner
----------------------------------------- */
.partner .container {
	background: #333 url('../partners/images/banner_cyber_security.jpg') no-repeat center center;
	background-size: cover;
	height: 355px;
	width: 100%;
	
}

.partner .text-container img {
	max-width: 100%;
	padding-top: 90px;
}

@media only screen and (max-width: 767px) {
	.partner .container {
		background: #333 url('../partners/images/banner_cyber_security.jpg') no-repeat center center;
		background-size: cover;
		height: 300px;
	}

	.partner .text-container {
		text-align: center;
	}

	.partner .text-container img {
		max-width: 100%;
		padding: 50px 0;
	}
}


/*END NEW STYLES*/