/* ========================= ========================= ========================= ========================= ========================= =========================
***
* please make sure all print css inside @layer print_query {}
***
* please make sure all print css inside @layer print_query {}
* please make sure all print css inside @layer print_query {}
* Use CSS @layer
* Use CSS @layer
* Use CSS @layer
***
 ========================= ========================= ========================= ========================= ========================= =========================*/


@layer print_query {
	@media print {
		* {
			/*chrome will trigger print preview first and then transition start so set all transition to none in print*/
			transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
		}

		*,
		*::before,
		*::after {
			text-shadow: none !important;
			box-shadow: none !important
		}

		html,
		html {
			height: auto;
			background: transparent;
		}

		@page {
			size: auto\9;
			/* auto is the current printer page size */
			margin: 0mm\9;
			/* this affects the margin in the printer settings */
		}

		body {
			width: 100%;
			margin: 0\9;
			/* the margin on the content before printing */
		}

		body {
			min-width: 1024px;
			width: 1024px;
			-webkit-print-color-adjust: exact !important;
		}


		.body_area {
			/*background: none;*/
			padding-top: 0 !important;
			position: static;
		}

		.breadcrumbbg .container {
			max-width: 100%;
		}

		.subMenuVersion .subMenuFlex .container {
			max-width: 100%;
		}

		.subMenuVersion .content_area {
			width: 100%;
			padding-left: 0;
		}

		.clientTool {
			
		}

		.headerTool .myLogo {
			position: relative;
		}

		.headerMenu,
		.leftMenu,
		.footer_area1,
		.headerTop {
			display: none;
		}

		.body_area {
			margin-top: 0;
		}


		.header_area {
			position: static;
		}



		.section_header_banner {
			display: none;
		}

		.breadcrumbbg {
			background-color: transparent;
		}



		.footer_area .swiper {
			max-width: 100%;
		}

		.footer_slider_area {
			background: transparent;
		}

		.footer_slider_area .swiper-slide {
			margin-bottom: 10px;
		}

		.footer_area2 {
			background: transparent;
		}


		.footer_area {
			box-shadow: none;
		}

		.bottom_nav {
			display: none;
		}

		.container {
			max-width: 100%;
			min-width: 992px;
		}

		.bg_inside_page_top {
			display: none;
		}

		.bg_inside_page_bottom {
			display: none;
		}
	}
}




@layer print_query {
	@media print {

		.swiper-button-next,
		.swiper-button-prev {
			display: none;
		}

		.swiper-wrapper {
			flex-wrap: wrap;
			transform: none !important;
		}
	}
}


@layer print_query {
	@media print {
		.mytab {
			display: block;
		}
	}
}

@layer print_query {
	@media print {
		.big_accordion .accordion_item .under_r {
			max-height: 10000px;
			opacity: 1;
		}
	}
}




@layer print_query {
	@media print {
		.card_grid2 {
			grid-template-columns: 100%;
		}
	}
}

@layer print_query {
	@media print {
		.limited_section {
			max-width: none;
		}

		.card_row4 {
			--item_in_each_row: 3;
		}

		.card_row4>* {}
	}
}