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-funfact-section { padding: 50px 0px 110px; } .ft-funfact-content { padding: 40px 0px; background-color: #f4f4f4; } .ft-funfact-innerbox { .ft-funfact-icon { margin-bottom: 8px; i { font-size: 45px; color: $base-color; } } .ft-funfact-text { h3 { color: #052e56; font-size: 45px; font-weight: 700; } p { color: #666666; font-size: 15px; font-weight: 700; font-family: $heading; } } } .ft-funfact-section-2 { padding: 115px 0px; .ft-section-title-3 { margin: 0 auto; max-width: 820px; } } .ft-funfact-section-2 { overflow: hidden; } .ft-funfact-content-2 { z-index: 1; padding-top: 100px; .map-bg { top: 0; left: 0; right: 0; opacity: .5; z-index: -1; } } .ft-funfact-inner-items-wrapper { &:before { top: 51%; left: 0; right: 0; width: 95%; content: ''; margin: 0 auto; position: absolute; border: 2px dashed #dbdbdb; transform: translateY(-50%); } } .ft-funfact-inner-items { .ft-funfact-inner-icon { width: 65px; height: 65px; margin: 0 auto; margin-bottom: 40px; border-radius: 100%; background-color: #3b6aff; &:after { left: 25px; bottom: -8px; content: ''; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #3b6aff; } i { color: #fff; font-size: 35px; line-height: .75; } } .ft-funfact-inner-text { h3 { color: #fa4318; font-size: 36px; font-weight: 700; } p { color: #141415; font-size: 18px; font-weight: 500; } } } .ft-funfact-slug-text { margin-top: 70px; span { color: #000000; a { color: #008eff; font-weight: 700; text-decoration: underline; } } } .ft-thx-work-process-section { padding: 110px 0px; .td-sv-work-step-content { margin-top: 50px; } .ft-thx-work-process-shape { top: 0; right: 0; } } .td-sv-work-step-inner-item { margin-bottom: 30px; } .td-sv-work-step-inner-item .td-sv-work-step-icon { width: 105px; height: 105px; margin: 0 auto; border-radius: 100%; margin-bottom: 22px; background-color: #fff; -webkit-box-shadow: 1.315px 2.696px 29px 0px rgba(3, 0, 11, 0.08); box-shadow: 1.315px 2.696px 29px 0px rgba(3, 0, 11, 0.08); i { font-size: 40px; line-height: .75; color: #ff484e; } } .td-sv-work-step-inner-item .td-sv-work-step-text h3 { color: #000320; font-size: 24px; font-weight: 700; padding-bottom: 10px; } .td-sv-work-step-inner-item .td-sv-work-step-text p { color: #666666; margin: 0 auto; max-width: 280px; } .td-sv-work-step-content .td-sv-ws-arrow1, .td-sv-work-step-content .td-sv-ws-arrow2 { top: 20%; -webkit-transform: translateY(-20%); transform: translateY(-20%); } .td-sv-work-step-content .td-sv-ws-arrow1 { left: 330px; } .td-sv-work-step-content .td-sv-ws-arrow2 { right: 330px; } .pr-sx-funfact-section { padding: 130px 0px 90px; } .pr-sx-funfact-innerbox { padding: 55px 15px 35px; background-color: rgb(254, 254, 254); box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.12); .pr-sx-funfact-icon { left: 0; right: 0; top: -45px; width: 88px; color: #fff; height: 88px; margin: 0 auto; position: absolute; border-radius: 100%; background-color: $base-color; i { font-size: 48px; line-height: .75; } } .pr-sx-funfact-text { h3 { font-size: 72px; font-weight: 700; padding-bottom: 5px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: $base-color-2; } h4 { color: #132a52; font-size: 18px; font-weight: 700; } } }