.text-color-extra {
	color: #020b5e !important;
}

@media not all and (min-width: 1400px) {
	.pc-content-hide {
		display:none;
	}
}
@media not all and (min-width: 1200px) and (max-width:1401px){
	.laptop-large-content-hide {
		display:none;
	}
}
@media not all and (min-width: 991px) and (max-width:1201px) and (max-height:801px){
	.laptop-short-content-hide {
		display:none;
	}
}
@media not all and (min-width: 991px) and (max-width:1201px) and (min-height:800px){
	.laptop-long-content-hide {
		display:none;
	}
}
@media not all and (min-width: 786px) and (max-width:992px) and (max-height:801px){
	.tablet-short-content-hide {
		display:none;
	}
}
@media not all and (min-width: 786px) and (max-width:992px) and (min-height:800px){
	.tablet-long-content-hide {
		display:none;
	}
}
@media not all and (min-width: 576px) and (max-width:787px){
	.mobile-large-content-hide {
		display:none;
	}
}
@media not all and (max-width: 577px) {
	.mobile-content-hide {
		display: none;
	}
}



.test-container {
	display:flex;
	justify-content: center;
	position:relative;
	height:100%
}

.test-container2 {
	position: absolute;
	z-index:10;
}

.test-image {
	object-fit:contain;
	height:100%;
	max-height:100%
}

.test-h2 {
	border:1px solid red
}


@media screen and (max-height: 1000px) {
	.test-h2 {
		font-size:15px;
		border:2px solid blue
	}
	.test-h1 {
		font-size:15px;
	}
}