.q-hero-slider-page {
	transform: translateX(-50%) !important;
	left: 50% !important;
	max-width: fit-content;
}
/** TC2.0 hero slide */
.tc2-banner-slide {
	background: linear-gradient(104.9deg, #1A88F0 31.04%, #0354A5 94.97%);
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}
.tc2-banner-video-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.tc2-banner-video-bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	left: 0;
}
.tc2-banner-video-bg video.tc2-video-left {
	transform: translateX(-15%);
	opacity: 0.3;
}
.tc2-banner-video-bg video.tc2-video-right {
	transform: translateX(18%);
	opacity: 0.3;
}
.tc2-cloud-video-wrapper {
	width: 240px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.tc2-cloud-video {
	width: 240px;
	height: auto;
	object-fit: cover;
	mix-blend-mode: screen;
	-webkit-mask-box-image: url(https://ik.imagekit.io/qualys/image/home/cloud-motion-mask.svg);
}
.tc2-banner-video-badge {
	position: absolute;
	width: 62%;
	z-index: 1;
	bottom: 22%;
	left: 20%;
}
.tc2-banner-slide .q-home-hero__content-wrapper {
	padding-top: 40px;
}
.tc2-banner-txt {
	padding-bottom: 40px;
	display: none;
}
.tc2-banner-txt p {
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.35;
	max-width: 29em;
	margin: 0 auto;
	text-shadow: 3px 2px 4px rgba(0,0,0,0.3);
}
.tc2-banner-txt-mobile {
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.35;
	margin: 0 auto;
	max-width: fit-content;
	padding-top: 50px;
	padding-bottom: 30px;
	max-width: 560px;
	text-shadow: 3px 2px 4px rgba(0,0,0,0.3);
}
.tc2-banner-txt-mobile p {
	margin: 0;
}
.tc2-banner-content-logo {
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
	z-index: 1;
}
.tc2-banner-logo {
	padding-bottom: 30px;
	max-width: fit-content;
	margin: 0 auto;
}
.tc2-banner-logo img {
	width: 420px;
}
.tc2-banner-tagline {
	color: #FFF;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -0.4px;
}
.tc2-banner-tagline span {
	font-weight: 600;
}
.tc2-banner-cta {
	margin: 30px auto 0;
	max-width: fit-content;
}
@media (min-width: 620px) {
	.tc2-banner-logo img {
		width: 553px;
	}
	.tc2-banner-tagline {
		font-size: 28px;
	}
	.tc2-banner-txt-mobile {
		padding-bottom: 0;
	}
}
@media (min-width: 768px) {
	.tc2-banner-txt-mobile {
		display: none;
	}
	.tc2-banner-txt {
		display: block;
	}
	.tc2-cloud-video-wrapper {
		width: 380px;
		height: 221px;
	}
	.tc2-cloud-video {
		width: 380px;
		height: 221px;
	}
	.tc2-banner-video-badge {
		bottom: 15%;
		width: 240px;
	}
	.tc2-banner-tagline {
		font-size: 34px;
	}
	.tc2-banner-logo {
		padding-bottom: 30px;
	}
}
@media (min-width: 980px) {
	.tc2-banner-cta {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: none;
	}
}
.q-hero-regress-bg {
	background-image: url(../jpg/regresshion-vulnerability-bg.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.total-cloud-risk {
	background-image: url(../jpg/q-radar-report-mobile-bg.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position: right;
}
.total-cloud-risk .swiper-slide-active {
	scale:1.1
}
@media (min-width:1024px) {
	.total-cloud-risk {
		background-image: url(../jpg/q-gigaom-radar-report-bg.jpg);
		background-size:cover;
		background-position: right;
	}
}

.q-radar-badge {
	width:200px
}

@media (min-width:992px) {
	.q-radar-badge {
		margin-top:-100px
	}
}

@media (min-width:1240px) {
	.q-radar-badge {
		margin-top:-150px
	}
}

/** hero banner */
.q-hero-blue-gradient {
	background: linear-gradient(120.08deg, #0658A8 -24.59%, #2C88DD 91.26%);
}
.q-hero-blue-wavebg {
	background-image: url(../png/hero-bg-waves.png);
		background-size:cover;
		background-position: center;
}
	.bg-image-mumbai-1 {
		background-image: url(../jpg/qsc-mumbai-mobile-home-page-banner.jpg);
		background-size: cover;
		background-position: top;
		background-repeat:no-repeat;
	}
@media (min-width:720px){
	.bg-image-mumbai-1 {
		background-image: url(../jpg/qsc-mumbai-desktop-home-page-banner.jpg);
		background-position: center;
	}
}
.q-qsc-mumbai {
    background: linear-gradient(90deg, #1b55be, #2153b4 32%, rgb(0 75 241) 73%, #1b55c4);
}
@media (min-width: 1440px) {
    .qsc-mumbai-mask {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000 80%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 35%, #000 80%, transparent);
    }
}

@media (min-width:1024px) {
	.totalappsec-bg{
		background-image: url(../jpg/totalappsec-bg.jpg)
	}
}

.crs-slide {
	background-image: url(../jpg/qualys-crs-mar-12-homepage-hero-desktop.jpg);
	background-size:cover;
	background-repeat:no-repeat
}

@media (min-width:768px) {
	.crs-slide {
		background-image: url(../jpg/qualys-crs-mar-12-homepage-hero-desktop.jpg)
	}
}

@media (min-width:1024px) {
	.q-crs-text {
		width:380px;
		margin-left:350px
	}
}

	.q-crs-api-image {
		top:120px;
		width:350px;
		right:-20px
	}


@media (min-width:1024px) {
	.q-crs-api-image {
		top:unset;
		bottom:140px;
		right:-20px;
		width:180px
	}
}

@media (min-width:1440px) {
		.q-crs-api-image {
		bottom:140px;
		right:50px;
		width:280px
	}
}

@media (min-width: 1024px) {
    .q-crs-heading {
        width: 830px;
    }
}

.qsc-cta a span{
	font-size:20px
}

.q-london-image {
	width:450px
}

.q-emea-banner-slide {
	width:300px
	}
.q-emea-content {
	margin-top:180px
}

@media (min-width:375px) {
	.q-emea-banner-slide {
		width:350px
	}
	.q-emea-content {
		margin-top:190px
	}
}

@media (min-width:480px) {
	.q-emea-banner-slide {
		width:400px
	}
	.q-emea-content {
		margin-top:250px
	}
}

@media (min-width:640px) {
	.q-emea-banner-slide {
		width:600px
	}
	.q-emea-content {
		margin-top:350px
	}
}

@media (min-width:768px) {
	.q-emea-banner-slide {
		width:700px
	}
	.q-emea-content {
		margin-top:450px
	}
}

@media (min-width:1024px) {
	.q-london {
		top:100px
	}
	.q-london-image, .q-emea-banner-slide {
		width:850px
	}
	.q-emea-content {
		margin-top:0px
	}
}

.qsc-image-container span {
	position: absolute;
    top: -3px;
    left: 0;
    height: auto;
    transition: opacity 1s ease-in-out;
}

.qsc-image-container span.opacity-1 {
    opacity: 1;
    z-index: 2;
}

.qsc-image-container span.opacity-0 {
    opacity: 0;
    z-index: 1;
}

.q-emea-banner-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 850px;
    transition: opacity 0.5s ease-in-out;
}

.q-emea-banner-slide img:not(.active) {
    opacity: 0;
}
  
.q-emea-banner-slide img.active {
    opacity: 1;
}

@media (min-width:1024px) {
	.q-qsc-cloud {
		width: 400px
	}
}

.q-qsc-business, .q-qsc-allm {
	width: 430px
}

@media (min-width:1024px) {
	.q-qsc-cloud {
		width:360px
	}

	.q-qsc-allm {
		width: 440px
	}

	.q-qsc-business {
		width:620px
	}
}

@media (min-width:1240px) {
	.q-qsc-cloud {
		width:360px
	}

	.q-qsc-allm {
		width: 450px
	}

	.q-qsc-business {
		width:520px
	}
}

@media (min-width:1440px) {
	.q-qsc-cloud {
		width:440px
	}

	.q-qsc-allm {
		width: 530px
	}

	.q-qsc-business {
		width:620px
	}
}

@media (min-width:1240px) {
	.q-emea {
		background-position:8% 10%
	}
}

.q-mobile-dates {
	bottom: 7px;
	font-weight:500
}

@media (min-width:1024px) {
	.q-emea {
		background-size:cover
	}
}

.q-emea-heading {
	font-size: 50px;
	line-height: 50px
}



@media (min-width:480px) {
	.q-emea-heading {
		font-size: 70px;
		line-height: 70px
	}
}

@media (min-width:768px) {
	.q-emea-heading {
		font-size: 90px;
		line-height: 90px
	}
}

@media (min-width:1240px) {
	.q-emea-heading {
		font-size: 100px;
		line-height:100px
	}
}

@media (min-width:1440px) {
	.q-emea-heading {
		font-size: 120px;
		line-height:120px
	}
}

@media (min-width:768px) {
	.q-qsc-sub-heading {
		margin-top:20px
	}
}

@media (min-width:1240px) {
	.q-qsc-sub-heading {
		margin-top:30px
	}
}

@media (min-width:1440px) {
	.q-qsc-sub-heading {
		margin-top:60px
	}
}

.q-qsc-de-risk {
	font-weight: 800
}

.w-\[30rem\] {
    width: 30rem;
}

.w-\[23rem\] {
    width: 23rem;
}

@media (min-width: 768px) {
    .md\:w-\[50rem\] {
        width: 50rem;
    }
}

@media (min-width: 1024px) {
    .lg\:w-\[73rem\] {
        width: 73rem;
    }
}

@media (min-width: 768px) {
    .md\:w-\[73rem\] {
        width: 73rem;
    }
}

@media (min-width:1024px) {
	.q-radar-badge {
		position:absolute;
		bottom: 80px;
        margin-left: -120px;
	}
}