Server : Apache System : Linux server1.cgrithy.com 3.10.0-1160.95.1.el7.x86_64 #1 SMP Mon Jul 24 13:59:37 UTC 2023 x86_64 User : nobody ( 99) PHP Version : 8.1.23 Disable Function : NONE Directory :  /home/dnlcambodia/www/Khmer/assets/scss/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

.ft-featured-section {
	padding: 105px 0px;
}
.ft-featured-content {
	padding-top: 45px;
}
.ft-featured-innerbox {
	z-index: 1;
	padding: 30px;
	overflow: hidden;
	border-radius: 6px;
	transition: 500ms all ease;
	border-top: 3px solid $base-color;
	background-color: rgb(255, 255, 255);
	box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
	.ft-featured-icon {
		margin-bottom: 18px;
		i {
			color: #003440;
			font-size: 60px;
			line-height: .75;
			transition: 500ms all ease;
		}
	}
	.ft-featured-text {
		h3 {
			color: #003440;
			font-size: 24px;
			font-weight: 700;
			padding-bottom: 18px;
		}
		p {
			padding-bottom: 20px;
			transition: 500ms all ease;
		}
	}
	&:before {
		top: 0;
		left: 0;
		z-index: -1;
		content: '';
		width: 100%;
		height: 0%;
		position: absolute;
		transition: 500ms all ease;
		background-color: $base-color;
	}
	&:hover {
		box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
		&:before {
			height: 100%;
		}
		.ft-featured-icon {
			i {
				color: #fff;
			}
		}
		.ft-featured-text {
			h3 {
				color: #fff;
			}
			p {
				color: #fff;
			}
		}
		.ft-btn-2 {
			a {
				&:before {
					border: 2px solid #fff;
				}
				i {
					color: #fff;
				}
				&:hover {
					i {
						color: #002a34;
					}
				}
			}
		}
	}
}
.ft-goodness-feature-section {
	padding-bottom: 80px;
}
.ft-goodness-featured-content {
	padding-top: 45px;
}
.ft-goodness-featured-innerbox {
	padding: 30px 15px;
	margin-bottom: 30px;
	box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
	.ft-goodness-featured-icon {
		width: 70px;
		height: 70px;
		margin: 0 auto;
		margin-bottom: 25px;
		border-radius: 100%;
		background-color: #fef2f2;
		i {
			font-size: 40px;
			color: $base-color;
		}
	}
	.ft-goodness-featured-text {
		h3 {
			color: #002a34;
			font-size: 24px;
			font-weight: 700;
			padding-bottom: 15px;
		}
	}
	&:hover {
		.ft-goodness-featured-icon {
			animation: icon-bounce 0.8s ease-out infinite;
		}
	}
}
.ft-thx-slider-section {
	padding-top: 80px;
}
.ft-thx-feature-content {
	top: -80px;
	z-index: 2;
}
.ft-thx-feature-innerbox {
	padding: 50px 30px 45px;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
	.thx-inner-icon {
		margin-bottom: 18px;
		i {
			line-height: .75;
			font-size: 50px;
			color: $base-color;
		}
	}
	.ft-thx-inner-text {
		h3 {
			font-size: 20px;
			font-weight: 700;
			padding-bottom: 15px;
			color: $base-color-2;
		}
	}
}