.page_landing {
	.box_landing_1 {
		position: relative;
		.box_content_ld_1 {
			position: absolute;
			top: 38.2%;
			left: 26%;
			z-index: 1;
			text-align: center;
			@media(max-width: 1025px) {
				top: 37.6%;
				left: 24%;
			}
			@media(max-width: 769px) {
				left: 21%;
				top: 36.7%;
			}
			@media(max-width: 650px) {
				left: 2%;
				top: 36.7%;
			}
			.content_1 {
				display: inline-block;
				background-color: #502f2f;
				color: #fff;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 16px;
				letter-spacing: 2px;
				display: inline;
				margin-bottom: 15px;
				@media(max-width: 769px) {
					font-size: 10px;
					letter-spacing: 1px;
				}
			}
			.content_2 {
				display: inline-block;
				background-color: #833838;
				color: #fff;
				font-weight: 500;
				text-transform: uppercase;
				font-size: 48px;
				display: inline;
				letter-spacing: 2px;
				@media(max-width: 1025px) {
					font-size: 42px;
				}
				@media(max-width: 769px) {
					font-size: 36px;
					letter-spacing: 1px;
				}
				@media(max-width: 650px) {
					font-size: 26px;
				}
				@media(max-width: 322px) {
					font-size: 22px;
				}
			}
			.content_3 {
				display: inline-block;
				background-color: #907a2d;
				color: #fff;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 14px;
				display: inline;
				@media(max-width: 322px) {
					font-size: 8px;
				}
			}
		}
	}
	.clear-fix {
		margin-bottom: 10px;
	}
	.box_landing_2 {
		background-color: #f6dcdc;
		padding: 40px 0px 10px;
		@media(max-width: 992px) {
			padding: 30px 0px 30px;
		}
		.box_content_ld_2 {
			h2 {
				font-size: 24px;
				color:#424242;
				text-transform: uppercase;
				font-weight: bold;
			}
			.content_ld_2 {
				color: #757575;
			}
			.content_ld_3 {
				height: 2px;
				width: 240px;
				background-color: #ffca0d;
				margin: 7px 0px;
			}

		}
		.box_item_ser {
			padding: 30px 20px 0px;
			gap: 15px;
			grid-template-columns: repeat(2, 1fr);
			display: grid;
			overflow: auto;
			justify-content: start;
			@media(max-width: 767px) {
				grid-template-columns: repeat(1, 1fr);
			}
			.promo-item{
				display: flex;
				margin-bottom: 30px;
				@media(max-width: 767px) {
					margin-bottom: 10px;
				}
				.icon {
					display: inline-block;
					margin-bottom: 0px;
					width: 60px;
					height: 60px;
					min-width: 60px;
					min-height: 60px;
					border-radius: 50%;
					border: 1px solid #ffca0d;
					overflow: hidden;
					margin-right: 25px;
				}
				.info {
					h3 {
						font-size: 18px;
						font-weight: 600;
						color: #424242;
						text-transform: uppercase;
						position: relative;
						margin-bottom: 30px;
						&:before {
							content: "";
							position: absolute;
							background-color: #d4d4d4;
							height: 2px;
							width: 60px;
							bottom: -15px;
							left: 0px;
						}
					}
					.ct_info {
						color: #757575;
						text-transform: capitalize;
						span, p{
							display: block;
							margin-bottom: 15px;
						}
					}
				}
			}
		}
		#pagelogin {
			background-color: #b53737;
			padding: 30px;
			.title-head {
				font-size: 22px;
				font-weight: bold;
				color: #fff;
				text-transform: inherit;
			}
			.btn-lienhe {
				width: auto;
				padding: 10px 30px;
				background-color: #ffca0d;
				color: #000;
			}
			.form-control {
				background-color: transparent;
				border: 1px solid #fff;
				color: #000;
				border-radius: 0px;
				font-size: 14px;
				&::placeholder {
					color: #000;
					opacity: 1; /* Firefox */
				}

				&::-ms-input-placeholder { /* Edge 12-18 */
					color: #000;
				}
			}
		}
	}
	.box_landing_3{
		background-color:#f0f0f0;
		padding: 40px 0px;
		@media(max-width: 992px) {
			padding: 40px 0px 10px;
		}
		.box_title {
			text-align: center;
			display: block;
			margin-bottom: 30px;
			h2 {
				color: #000;
				font-size: 24px;
				text-transform: uppercase;
				font-weight: bold;
				position: relative;
				margin-bottom: 25px;
				&:after{
					content:"";
					position:absolute;
					justify-content: center;
					align-items: center;
					display: flex;
					position: absolute;
					width: 100%;
					bottom: -10px;
					left: 50%;
					text-align: center;
					z-index: 3;
					transition: all 0.3s ease-in-out;
					transform: translate(-50%, -50%);
					transition: all 0.3s ease-in-out;
					height: 1px;
					width: 150px;
					background-color: #ffca0d;
				}
			}
			span {
				display: block;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: 400;
				color: #000;
			}
		}
		@media(max-width: 992px) {
			.col-xl-3 {
				margin-bottom: 30px;
			}
		}
		.item_video {
			background-color: #fff;
			height: 100%;

			.iframe_item {
				display: block;
				position: relative;
				padding-top: 56.25%;
				iframe {
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
				}
			}
			.content_iframe {
				padding: 15px;
				h3 {
					font-size: 18px;
					text-transform: uppercase;
					color: #595959;
					margin-bottom: 10px;
					font-weight: 600;
				}
				.ct_frame {
					color: #616161;
					font-size: 14px;
					font-weight: 300;
				}
			}
		}
	}
	.box_landing_4{
		background-color:#fff;
		padding: 40px 0px;
		@media(max-width: 992px) {
			padding: 40px 0px 10px;
		}
		.box_title {
			text-align: center;
			display: block;
			margin-bottom: 30px;
			h2 {
				color: #000;
				font-size: 24px;
				text-transform: uppercase;
				font-weight: bold;
				position: relative;
				margin-bottom: 25px;
				&:after{
					content:"";
					position:absolute;
					justify-content: center;
					align-items: center;
					display: flex;
					position: absolute;
					width: 100%;
					bottom: -10px;
					left: 50%;
					text-align: center;
					z-index: 3;
					transition: all 0.3s ease-in-out;
					transform: translate(-50%, -50%);
					transition: all 0.3s ease-in-out;
					height: 1px;
					width: 150px;
					background-color: #ffca0d;
				}
			}
		}
		@media(max-width: 992px) {
			.col-xl-3 {
				margin-bottom: 30px;
			}
		}
		.item_video {
			background-color: #fff;
			height: 100%;

			.iframe_item {
				overflow: hidden;
				width: 100%;
				display: flex;
				-o-justify-content: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-os-justify-content: center;
				-o-display: flex;
				-moz-display: flex;
				-webkit-display: flex;
				-os-display: flex;
				align-items: center;
				position: relative;
				height: auto !important;
				padding-bottom: 100%;
				img {
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
				}
			}
			.content_iframe {
				padding: 15px;
				text-align: center;
				h3 {
					font-size: 18px;
					text-transform: uppercase;
					color: #424242;
					margin-bottom: 10px;
					font-weight: 600;
				}
				.ct_frame {
					color: #616161;
					font-size: 12px;
					font-weight: 600;
					text-transform: capitalize;
				}
			}
		}

	}
	.box_landing_5{
		background-color:#282845;
		padding: 40px 0px;
		margin-bottom: 40px;
		@media(max-width: 992px) {
			padding: 40px 0px 10px;
		}
		.box_title {
			text-align: center;
			display: block;
			margin-bottom: 30px;
			h2 {
				color: #fff;
				font-size: 24px;
				text-transform: uppercase;
				font-weight: bold;
				position: relative;
				margin-bottom: 25px;
				&:after{
					content:"";
					position:absolute;
					justify-content: center;
					align-items: center;
					display: flex;
					position: absolute;
					width: 100%;
					bottom: -10px;
					left: 50%;
					text-align: center;
					z-index: 3;
					transition: all 0.3s ease-in-out;
					transform: translate(-50%, -50%);
					transition: all 0.3s ease-in-out;
					height: 1px;
					width: 150px;
					background-color: #ffca0d;
				}
			}
			span {
				color: #fff;
			}
		}
		.col-xl-4 {
			margin-bottom: 30px;
		}
		.item_video {
			background-color: #fff;
			height: 100%;
			padding: 40px 15px;
			text-align: center;
			max-width: 70%;
			margin: 0 auto;
			@media(max-width: 992px) {
				max-width: 100%;
				padding: 30px 10px;
			}

			.iframe_item {
				overflow: hidden;
				width: 32px;
				display: flex;
				-o-justify-content: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-os-justify-content: center;
				-o-display: flex;
				-moz-display: flex;
				-webkit-display: flex;
				-os-display: flex;
				align-items: center;
				position: relative;
				height: auto !important;
				padding-bottom: 32px;
				margin: 0 auto;
				margin-bottom: 15px;
				img {
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
				}
			}
			.content_iframe {
				text-align: center;
				h3 {
					font-size: 16px;
					text-transform: uppercase;
					color: #424242;
					margin-bottom: 0px;
					font-weight: 600;
					@media(max-width: 992px) {
						font-size: 12px;
					}
				}
			}
		}

	}
	.box_landing_6{
		margin-bottom: 40px;
		.img_about_3 {
			@media(max-width: 992px) {
			margin-bottom: 30px;
			}
			img{
				width: 100%;
			}
		}
		.box_title {
			text-align: left;
			display: block;
			margin-bottom: 30px;
			h2 {
				color: #000;
				font-size: 24px;
				text-transform: uppercase;
				font-weight: bold;
				position: relative;
				margin-bottom: 25px;
				&:after{
					content:"";
					position:absolute;
					justify-content: center;
					align-items: center;
					display: flex;
					position: absolute;
					width: 100%;
					bottom: -10px;
					left: 0px;
					text-align: center;
					z-index: 3;
					height: 1px;
					width: 150px;
					background-color: #ffca0d;
				}
			}
			span {
				color: #fff;
			}
		}

		.contact_ld6 {
			margin-top: 15px;
			h3 {
				font-size: 16px;
				color: #000;
				font-weight: 600;
				margin-bottom: 15px;
			}
		}
	}
	.box_landing_7{
		background-color:#fecb00;
		padding: 40px 0px;
		@media(max-width: 767px) {
			text-align: center;
		}
		.box_title {
			text-align: left;
			display: block;
			@media(max-width: 767px) {
				margin-bottom: 10px;
				text-align: center;
			}
			h2 {
				color: #000;
				font-size: 28px;
				text-transform: uppercase;
				font-weight: bold;
				position: relative;
				margin-bottom: 5px;
				@media(max-width: 767px) {
					font-size: 16px;
				}
			}
			span {
				color: #000;
			}
		}
		a {
			margin-top: 5px;
			display: inline-block;
			background-color: #b4373b;
			color: #fff;
			padding: 7px 25px;
			text-transform: uppercase;
			text-align: center;
			&:hover {
				opacity: 0.8;
			}
		}
	}
}