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/public_html/assets/scss/ |
.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; } } }