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/
|
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/ |
.ft-about-section {
padding: 80px 0px 100px;
}
.ft-about-img-exp {
padding-top: 100px;
}
.ft-about-exp-area {
top: 0px;
right: 0;
.ft-about-exp-text {
top: 50px;
left: 60px;
max-width: 185px;
h3 {
font-size: 18px;
color: $color-2;
font-weight: 700;
span,b {
font-size: 48px;
}
}
p {
font-weight: 500;
}
}
}
.ft-about-feature-list-warpper {
padding-top: 35px;
}
.ft-about-feature-list-item {
padding: 27px 20px 25px 20px;
border-radius: 6px;
margin-bottom: 30px;
box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
.ft-about-feature-icon {
width: 55px;
height: 55px;
margin-right: 20px;
border-radius: 100%;
background-color: #ffebeb;
transition: 500ms all ease;
i {
font-size: 30px;
line-height: .75;
color: $base-color;
transition: 500ms all ease;
}
}
.ft-about-feature-text {
max-width: 420px;
h3 {
color: $color-2;
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
}
}
&:hover {
.ft-about-feature-icon {
background-color: $base-color;
i {
color: $color-2;
}
}
}
}
.ft-about-section-2 {
padding: 140px 0px 100px;
}
.ft-about-text-wrapper-2 {
.ft-section-title-2 {
h2 {
max-width: 385px;
}
}
}
.ft-about-feature-wrapper-2 {
margin-top: 40px;
.ft-about-feature-list-item .ft-about-feature-icon {
background-color: transparent;
margin-right: 15px;
}
.ft-about-feature-list-item {
margin-bottom: 0;
padding: 18px 15px 20px 15px;
}
.ft-btn-3 {
margin-top: 40px;
}
}
.ft-about-img-2 {
overflow: hidden;
border-radius: 8px;
}
.ft-about-img-2-wrapper {
padding-left: 40px;
z-index: 1;
.ft-about-shape1 {
right: 0;
top: -30px;
}
.ft-about-shape2 {
left: 0;
z-index: -1;
bottom: -40px;
}
}
.ft-video-section {
padding-bottom: 105px;
}
@-webkit-keyframes border_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
-webkit-transform: scale(1.24);
transform: scale(1.24);
opacity: 1
}
100% {
-webkit-transform: scale(2.1);
transform: scale(2.1);
opacity: 0
}
}
@-moz-keyframes border_animation {
0% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
-moz-transform: scale(1.24);
transform: scale(1.24);
opacity: 1
}
100% {
-moz-transform: scale(2.1);
transform: scale(2.1);
opacity: 0
}
}
@-o-keyframes border_animation {
0% {
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
-o-transform: scale(1.24);
transform: scale(1.24);
opacity: 1
}
100% {
-o-transform: scale(2.1);
transform: scale(2.1);
opacity: 0
}
}
@keyframes border_animation {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
20% {
-webkit-transform: scale(1.24);
-moz-transform: scale(1.24);
-o-transform: scale(1.24);
transform: scale(1.24);
opacity: 1
}
100% {
-webkit-transform: scale(2.1);
-moz-transform: scale(2.1);
-o-transform: scale(2.1);
transform: scale(2.1);
opacity: 0
}
}
.ft-video-play {
left: 0;
top: 50%;
right: 0;
margin: 0 auto;
text-align: center;
position: absolute;
transform: translateY(-50%);
a {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 100%;
background-color: $base-color;
i {
color: #fff;
}
.video_btn_border {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
border-radius: 60px;
position: absolute;
animation-play-state: running;
border: 10px solid $base-color;
animation: border_animation 3.9s linear 0s infinite;
}
.video_btn_border.border_wrap-2 {
animation-delay: 1.3s
}
}
}
.ft-about-section-3 {
padding: 115px 0px;
}
.ft-about-sign-img-text {
right: 0;
bottom: -20px;
position: absolute;
.sign-shape {
left: -95px;
bottom: 10px;
position: absolute;
}
span {
color: #141415;
display: block;
margin-top: 5px;
font-weight: 700;
}
}
.ft-about-text-3 {
.ft-about-sub-text {
color: #272727;
font-size: 17px;
line-height: 1.765;
padding: 25px 0px 20px;
}
.ft-about-feature-text {
color: #666666;
font-size: 15px;
line-height: 1.667;
}
.ft-about-btn-group {
margin-top: 30px;
a {
color: #141415;
font-size: 14px;
font-weight: 700;
padding: 15px 30px;
margin-right: 25px;
font-family: $heading;
border: 2px solid #fa3b0e;
i {
margin-left: 5px;
}
&:hover {
color: #fff;
border: 2px solid #008eff;
background-color: #008eff;
}
}
}
}
@keyframes icon-bounce {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes zoominoutsinglefeatured {
0% {
transform: scale(1,1);
}
50% {
transform: scale(1.2,1.2);
}
100% {
transform: scale(1,1);
}
}
.ft-thx-about-section {
padding: 30px 0px 100px;
}
.pr-cor-about-feature-area {
padding: 28px 0px;
}
.pr-cor-about-feature-list {
margin-bottom: 28px;
.pr-cor-about-ft-icon {
width: 75px;
height: 75px;
border-radius: 5px;
margin-right: 30px;
background-color: #ffeced;
i {
font-size: 50px;
line-height: .7;
color: #ff484e;
}
}
.pr-cor-about-ft-text {
max-width: 455px;
h3 {
font-size: 18px;
font-weight: 700;
color: #ff484e;
padding-bottom: 10px;
}
}
&:hover {
.pr-cor-about-ft-icon {
animation: icon-bounce 0.8s ease-out;
}
}
}
.pr-cor-about-img-wrap {
z-index: 1;
.pr-cor-about-img-area,
.pr-cor-about-img-area2 {
overflow: hidden;
border-radius: 5px;
}
.pr-cor-about-img-shape {
top: 100px;
right: 100px;
z-index: -1;
animation: zoominoutsinglefeatured 10s infinite ;
}
.pr-cor-about-img-area2 {
right: 0;
top: 205px;
}
}
// Home Page two
.pr-sx-about-section-2 {
padding: 95px 0px;
overflow: hidden;
background-color: #f5f8fd;
.pr-sx-secion-title {
p {
padding-bottom: 15px;
}
}
}
.pr-sx-about-feature-list {
padding: 20px 0px;
li {
padding-left: 55px;
margin-bottom: 18px;
position: relative;
&:before {
top: 0;
left: 0;
font-size: 25px;
content: '\f058';
font-weight: 900;
color: #ff484e;
position: absolute;
font-family: 'Font Awesome 5 Pro';
}
}
}
.pr-sx-about-img-area {
background-color: #fff;
overflow: hidden;
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
box-shadow: 0px 48px 40px 0px rgba(135, 135, 135, 0.15);
}
.pr-sx-about-exp {
top: 55px;
right: -120px;
width: 260px;
height: 105px;
padding-left: 15px;
border-radius: 8px;
position: absolute;
background-color: #fff;
box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.2);
.pr-sx-about-exp-text {
h3 {
font-size: 24px;
font-weight: 700;
color: #ff484e;
}
p {
font-weight: 500;
color: #ff484e;
font-family: $heading;
}
}
.pr-sx-about-exp-icon {
width: 60px;
height: 60px;
line-height: 70px;
margin-right: 18px;
border-radius: 1000%;
background-color: #ff484e;
i {
color: #fff;
font-size: 35px;
}
}
}
.ft-thx-about-section-3 {
padding: 80px 0px 110px;
}
.ft-thx-about-img-3 {
z-index: 1;
.ft-thx-ab-inner-img1 {
margin-top: 50px;
margin-left: 40px;
overflow: hidden;
border-radius: 5px;
display: inline-block;
}
.ft-thx-ab-inner-img2 {
position: absolute;
right: 50px;
bottom: 150px;
display: inline-block;
border-radius: 5px;
overflow: hidden;
}
.ft-thx-ab-shape1 {
left: -50px;
z-index: -1;
bottom: 200px;
}
}
.ft-thx-about-text-3 {
padding-left: 15px;
}
.ft-thx-about-list-item-wrapper-3 {
padding-top: 50px;
}
.ft-thx-about-list-item-3 {
margin-bottom: 30px;
.ft-thx-inner-icon {
width: 80px;
height: 80px;
border-radius: 5px;
margin-right: 25px;
background-color: #4ab9cf26;
i {
font-size: 50px;
line-height: .75;
color: $base-color-3;
}
}
.ft-thx-inner-text {
max-width: 430px;
h3 {
color: #000;
font-size: 22px;
font-weight: 700;
padding-bottom: 10px;
text-transform: uppercase;
}
}
}