/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1199.98px) {
	html {
		font-size: 0.85vw;
	}
}

@media (max-width: 991.98px) {

	html {
		font-size: 1.5vw;
	}

	.sidebar {
		left: -100%;
	}

	.sidebar.collapse {
		width: 14rem;
		left: 0;
	}

	.sidebar.collapse ul li a span {
		opacity: 1;
	}

	main,
	main.collapse {
		padding: 7.2rem 1.6rem 3.2rem;
	}

	.question_slider {
		overflow: visible;
	}

	.banner_card {
		padding: 2.4rem;
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		background-color: rgba(0, 0, 0, 0.5);
		pointer-events: none;
		opacity: 0;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		cursor: crosshair;
	}

	.overlay.collapse {
		pointer-events: all;
		opacity: 1;
	}

	.banner_card .for_desktop {
		display: none;
	}

	.banner_card .for_mobile {
		display: block;
	}
	
	.question_slider .swiper-slide-active:not(:first-child) {
		opacity: 1;
	}
	
	.question_slider .swiper-slide-active:not(:first-child) .question_wrapper {
		pointer-events: auto;
	}

	.question_slider .swiper-slide-next {
		opacity: 0.5;
	}

	.question_slider .swiper-slide-next .question_wrapper {
		pointer-events: none;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html {
		font-size: 2.8vw;
	}

	.question_slider {
		padding-right: 3rem;
	}

	.icon_set {
		display: none;
	}

	.swiper-button-next,
	.swiper-button-prev {
		padding: 0 1rem;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 1.5rem;
	}

	.swiper-button-next::before,
	.swiper-button-prev::before {
		width: 3.5rem;
	}

	.banner_card,
	.question_card {
		padding: 1.8rem;
		height: 45rem;
	}

	.banner_card {
		padding-top: 2rem;
	}

	.banner_card h1 {
		font-size: 3.2rem;
	}

	.banner_card ol {
		padding-top: 2.4rem;
	}

	.question_slider .swiper-slide-active:not(:first-child) {
		opacity: 1;
		pointer-events: all;
	}

	.question_slider .swiper-slide-active+.swiper-slide,
	.question_slider .swiper-slide-prev {
		opacity: 0.5;
		pointer-events: none;
	}

	.secondary_header .button {
		padding: 0.5rem;
	}

	.secondary_header .button span {
		display: none;
	}

	.right_column {
		display: none;
	}

	.left_column {
		width: 100%;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	/*	mobile menu*/
	main {
		padding-bottom: 11rem;
	}

	.mobile_menu {
		position: fixed;
		background-color: #fff;
		width: 100%;
		z-index: 8;
		left: 0;
		bottom: 0;
		padding: 0 1.6rem;
		display: block;
	}

	.mobile_menu ul {
		display: flex;
		justify-content: space-between;
		column-gap: 1rem;
	}

	.mobile_menu ul a {
		display: block;
		text-align: center;
		color: #707070;
		font-size: 1.2rem;
		padding: 1.8rem 0;
		position: relative;
		font-weight: 500;
	}

	.mobile_menu ul a img {
		height: 2.8rem;
	}

	.mobile_menu ul a span {
		display: block;
		margin-top: 0.6rem;
	}

	.mobile_menu ul a.active {
		color: #000;
	}

	.mobile_menu ul a.active::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 0.4rem;
		background-color: #3085D9;
	}

	.mobile_menu ul a.active img {
		-webkit-filter: invert(37%) sepia(99%) saturate(903%) hue-rotate(183deg) brightness(91%) contrast(88%);
		filter: invert(37%) sepia(99%) saturate(903%) hue-rotate(183deg) brightness(91%) contrast(88%);
	}
}