first commit
This commit is contained in:
root
108
en/css/module-css/404.css
Normal file
108
en/css/module-css/404.css
Normal file
@@ -0,0 +1,108 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Error Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.error-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.error-page__shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.error-page__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.error-page__shape-2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 1364px;
|
||||
height: 315px;
|
||||
transform: rotate(6.965deg) translateY(-50%) translateX(-50%);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.error-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.error-page__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.error-page__title {
|
||||
font-size: 296px;
|
||||
font-weight: 600;
|
||||
line-height: 296px;
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.error-page__tagline {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 44px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.error-page__text {
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
margin-bottom: 68px;
|
||||
}
|
||||
|
||||
.error-page__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.error-page__btn {
|
||||
padding: 11px 24px 11px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(210deg, #7E65FF 23.7%, #426BFF 108.16%);
|
||||
box-shadow: 0px 20px 24px -10px #0B042F;
|
||||
}
|
||||
|
||||
.error-page__btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
75
en/css/module-css/about.css
Normal file
75
en/css/module-css/about.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
About One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.about-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 110px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.about-one__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.about-one__text {
|
||||
font-size: 14px;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating-box {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating-text {
|
||||
font-size: 10px;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
.about-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.about-one__img img {
|
||||
width: 100%;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
75
en/css/module-css/ai-product.css
Normal file
75
en/css/module-css/ai-product.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
AI Product
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.ai-product {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 100px 0 100px;
|
||||
}
|
||||
|
||||
.ai-product__top-title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
line-height: 55px;
|
||||
text-align: center;
|
||||
margin-bottom: 63px;
|
||||
}
|
||||
|
||||
.ai-product .row {
|
||||
--bs-gutter-x: 70px;
|
||||
}
|
||||
|
||||
.ai-product__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.ai-product__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ai-product__icon img {
|
||||
width: auto;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.ai-product__single:hover .ai-product__icon img {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.ai-product__title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin-top: 26px;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.ai-product__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.ai-product__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
240
en/css/module-css/amazing-art-tool.css
Normal file
240
en/css/module-css/amazing-art-tool.css
Normal file
@@ -0,0 +1,240 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Amazing Art Tool
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.amazing-art-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 63px 0 0;
|
||||
}
|
||||
|
||||
.amazing-art-tool__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 90px;
|
||||
margin-right: 65px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li+li {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #BDBFD4;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .text {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .text p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.amazing-art-tool__points--two {
|
||||
margin-left: 75px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-primary);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-left: 15px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.amazing-art-tool__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 13px;
|
||||
margin-left: 11px;
|
||||
margin-right: 117px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__right:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: 60px;
|
||||
right: -30px;
|
||||
bottom: 45px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #4B4B70;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background: #F16C7A;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li:nth-child(2) {
|
||||
background: #49C3E8;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li:nth-child(3) {
|
||||
background: #FFD160;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li+li {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 65px;
|
||||
left: 99px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(150.217deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__right .row {
|
||||
--bs-gutter-x: 14px;
|
||||
}
|
||||
|
||||
.row.amazing-art-tool__img-list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row.amazing-art-tool__img-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single:hover .amazing-art-tool__img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.amazing-art-tool__img img {
|
||||
width: 100%;
|
||||
border-radius: 15px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single:hover .amazing-art-tool__img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
89
en/css/module-css/art-and-image-tool.css
Normal file
89
en/css/module-css/art-and-image-tool.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.art-and-image-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 57px 0 0;
|
||||
}
|
||||
|
||||
.art-and-image-tool__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 74px;
|
||||
margin-right: 49px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.art-and-image-tool__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 75px;
|
||||
margin-right: 76px;
|
||||
margin-top: 193px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__right-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.art-and-image-tool__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.art-and-image-tool__text {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-primary);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
padding-left: 15px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
99
en/css/module-css/banner.css
Normal file
99
en/css/module-css/banner.css
Normal file
@@ -0,0 +1,99 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Banner One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.banner-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 145px 0 0;
|
||||
}
|
||||
|
||||
.banner-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-extra);
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.banner-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.banner-one__title span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: var(--thm-extra);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.banner-one__title span:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background-color: var(--thm-extra);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.banner-one__text-1 {
|
||||
margin-bottom: 72px;
|
||||
}
|
||||
|
||||
.banner-one__text-1 span {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.banner-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.banner-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
392
en/css/module-css/blog.css
Normal file
392
en/css/module-css/blog.css
Normal file
@@ -0,0 +1,392 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Blog Details
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.blog-details {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.blog-details__top-title {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 31px;
|
||||
max-width: 90%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-details__top-title h3 {
|
||||
color: var(--thm-white);
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.blog-details__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.blog-details__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 90%;
|
||||
width: 100%;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.blog-details__person-and-date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 24px 0 24px;
|
||||
border-bottom: 1px solid #3C3C77;
|
||||
}
|
||||
|
||||
.blog-details__person {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__person-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__person-img img {
|
||||
width: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.blog-details__person-name {
|
||||
margin-left: 13px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-details__date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__date li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__date li+li {
|
||||
margin-left: 27px;
|
||||
}
|
||||
|
||||
.blog-details__date li p {
|
||||
font-size: 14px;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-details__date li p span {
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.blog-details__text-1 {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.blog-details__text-3 {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.blog-details__text-5 {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.blog-details__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blog-details__points li:first-child {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.blog-details__points li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.blog-details__points-shape {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
max-width: 4px;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background-color: #a1aac9;
|
||||
margin-right: 10px;
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
.blog-details__text-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--stroke-dark, #3C3C77);
|
||||
background: #15152E;
|
||||
padding: 47px 90px 46px;
|
||||
margin-top: 36px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.blog-details__text-box::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
left: 64px;
|
||||
width: 2px;
|
||||
height: 85px;
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.blog-details__text-box p {
|
||||
color: var(--thm-gray);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 38px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.blog-details__text-box span {
|
||||
color: var(--thm-white);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.blog-details__tag-and-social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid #3C3C77;
|
||||
padding-top: 32px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.blog-details__tag {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__tag a {
|
||||
color: var(--thm-white);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 12px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(60, 60, 119, 0.50);
|
||||
background: rgba(60, 60, 119, 0.20);
|
||||
padding: 10px 15px 9px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-details__tag a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.blog-details__tag a+a {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.blog-details__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__social a {
|
||||
position: relative;
|
||||
font-size: 22px;
|
||||
color: #7780a7;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-details__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.blog-details__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Blog Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.blog-page {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-page__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.blog-page__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-page__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog-page__img:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(var(--thm-black-rgb), .20);
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
-webkit-transform: scaleY(0) translateZ(100px);
|
||||
transform: scaleY(0) translateZ(100px);
|
||||
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog-page__single:hover .blog-page__img:before {
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleY(1) translateZ(0px);
|
||||
transform: scaleY(1) translateZ(0px);
|
||||
}
|
||||
|
||||
.blog-page__img img {
|
||||
max-height:280px;
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
transition: all 500ms ease;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.blog-page__single:hover .blog-page__img img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.blog-page__title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.blog-page__title a {
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-page__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.blog-page__date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-page__date p {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-page__date p span {
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
|
||||
.blog-page__date p+p {
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
.blog-page .career-page__pagination {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
180
en/css/module-css/brand.css
Normal file
180
en/css/module-css/brand.css
Normal file
@@ -0,0 +1,180 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.brand-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 94px 0 132px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.brand-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brand-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__title span {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.brand-one__brand-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 65px;
|
||||
padding-right: 55px;
|
||||
padding-top: 66px;
|
||||
}
|
||||
|
||||
.brand-one__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.brand-one__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__brand-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__brand-img img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__list-2 {
|
||||
margin-top: 49px;
|
||||
}
|
||||
|
||||
.brand-one__shape-1 {
|
||||
position: absolute;
|
||||
left: 223px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.brand-one__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__shape-2 {
|
||||
position: absolute;
|
||||
right: 206px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.brand-one__shape-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__shape-3 {
|
||||
position: absolute;
|
||||
left: 575px;
|
||||
bottom: -60px;
|
||||
}
|
||||
|
||||
.brand-one__shape-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.brand-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 94px 0 132px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.brand-two__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brand-two__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__title span {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.brand-two__brand-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 65px;
|
||||
padding-right: 55px;
|
||||
padding-top: 66px;
|
||||
}
|
||||
|
||||
.brand-two__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.brand-two__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__brand-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__brand-img img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.brand-three {
|
||||
padding: 94px 0 0px;
|
||||
}
|
||||
|
||||
.brand-three .brand-two__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
/* End */
|
||||
609
en/css/module-css/career.css
Normal file
609
en/css/module-css/career.css
Normal file
@@ -0,0 +1,609 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Career Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.career-page {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.career-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.career-page__sub-title {
|
||||
color: #FF6C1E;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.career-page__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
line-height: 56px;
|
||||
margin-top: 19px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.career-page__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 62px;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
.career-page__list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__list>li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__list>li+li {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.career-page__single {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #2E2F45;
|
||||
background: #101022;
|
||||
padding: 47px 47px 47px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.career-page__single::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #15152E;
|
||||
transition: -webkit-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
|
||||
transform-origin: bottom right;
|
||||
-webkit-transform: scale(1, 0);
|
||||
transform: scale(1, 0);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.career-page__list>li:hover .career-page__single::before {
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
transform-origin: top center;
|
||||
}
|
||||
|
||||
.career-page__single-left {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
background: #262651;
|
||||
}
|
||||
|
||||
.career-page__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.career-page__single-title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.career-page__single-title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__single-title a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__theme-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.career-page__theme-list>li+li {
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.career-page__theme-list li>p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.career-page__theme-list li:first-child p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page__country-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.career-page__country-list>a {
|
||||
color: #A1AAC9;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2E2F45;
|
||||
background-color: #15152E;
|
||||
padding: 3px 17px 4px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__country-list>a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__country-list>a+a {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.career-page__country-list>a>img {
|
||||
margin-right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page__single-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__btn {
|
||||
padding: 11px 24px 11px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.career-page__btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page__minutes {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-top: 19px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.career-page__pagination {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li {
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li a {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
color: #7781A6;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(60, 60, 119, 0.50);
|
||||
background: rgba(60, 60, 119, 0.20);
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li:last-child a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Career Page Top
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.career-page-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-bottom: 58px;
|
||||
}
|
||||
|
||||
.career-page-top .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.career-page-top__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.career-page-top__content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid #2E2F45;
|
||||
border-top: 0;
|
||||
padding: 0 30px 52px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 41px 0px 40px;
|
||||
border-bottom: 1px solid #2E2F45;
|
||||
margin-bottom: 38px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-left {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
background: #262651;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-details-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list>li+li {
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list li>p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list li:first-child p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a {
|
||||
color: #A1AAC9;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2E2F45;
|
||||
background-color: #15152E;
|
||||
padding: 3px 17px 4px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a+a {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a>img {
|
||||
margin-right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn {
|
||||
padding: 11px 24px 11px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 25px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li+li {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 17px;
|
||||
color: #7781A6;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li:hover a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__content-box-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__title-1 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.career-page-top__title-2 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 30px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__title-3 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 39px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__points-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__points-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page-top__points-shape {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
max-width: 4px;
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
background-color: var(--thm-gray);
|
||||
top: 9px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__points-list li+li {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.career-page-top__title-4 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 38px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 8px;
|
||||
background: #15152E;
|
||||
margin-top: 40px;
|
||||
padding: 40px 75px 40px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-title {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 42px;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-sub-title {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 28px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-sub-title span {
|
||||
color: #FF7120;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn {
|
||||
padding: 11px 55px 11px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page__bottom-title {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
404
en/css/module-css/case.css
Normal file
404
en/css/module-css/case.css
Normal file
@@ -0,0 +1,404 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Case One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.case-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 10px 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 40px 25px 40px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.case-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 68px;
|
||||
right: 63px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.case-one__single:hover .case-one__shape-1 {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.case-one__icon {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-one__icon img {
|
||||
|
||||
width: auto;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.case-one__single:hover .case-one__icon img {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.case-one__title {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.case-one__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.case-one__text {
|
||||
margin-bottom: 30px;
|
||||
height:150px;
|
||||
overflow: hidden; /* 隐藏超出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
}
|
||||
|
||||
.case-one__btn-box {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-one__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
padding-left: 15px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.case-one__btn:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background-color: var(--thm-white);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__btn:hover {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.case-one__btn:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-one__btn-box-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Case Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.case-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 110px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__shape-1 {
|
||||
position: absolute;
|
||||
bottom: -100px;
|
||||
left: 205px;
|
||||
width: 1346px;
|
||||
height: 566px;
|
||||
background: linear-gradient(97deg, #00E3F2 2.29%, #FF9B00 26.83%, #FF2828 48.98%, #8F00FF 75.28%);
|
||||
opacity: 0.15;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.case-two__wrap {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-two__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 56px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
margin-bottom: 54px;
|
||||
}
|
||||
|
||||
.case-two__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.case-two__carosuel {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 312px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.case-two__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-two__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.case-two__img>img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.case-two__content {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
stroke-width: 1px;
|
||||
stroke: rgba(255, 255, 255, 0.24);
|
||||
backdrop-filter: blur(8px);
|
||||
border-radius: 12px;
|
||||
padding: 10px 10px 20px;
|
||||
transform: translateY(-66%);
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__single:hover .case-two__content {
|
||||
visibility: visible;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__content {
|
||||
visibility: visible;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-two__user-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.case-two__user {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.case-two__user-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.case-two__user-img>img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.case-two__user-name {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-primary);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.case-two__post-hour {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.case-two__text {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.case-two__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.case-two__btn {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(85deg, #00B67A -4.03%, #E1F763 99.23%);
|
||||
width: 100%;
|
||||
padding: 11px 0;
|
||||
color: var(--thm-body-bg);
|
||||
background-size: 200% auto;
|
||||
transition: all 0.5s linear;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__btn>img {
|
||||
width: auto !important;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.case-two__btn:hover {
|
||||
color: var(--thm-body-bg);
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.case-two__icon {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
backdrop-filter: blur(8px);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: var(--thm-body-bg);
|
||||
border-radius: var(--thm-border-radius);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transform: translateX(100px);
|
||||
opacity: 0;
|
||||
transition: all 700ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__icon span {
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.case-two__single:hover .case-two__icon {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__icon {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
.case-two__btn-two-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 55px;
|
||||
}
|
||||
|
||||
.case-two__btn-two {
|
||||
background: var(--thm-main-bg);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.case-two__btn-two span {
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.case-two__btn-two:hover span {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
259
en/css/module-css/collaboration.css
Normal file
259
en/css/module-css/collaboration.css
Normal file
@@ -0,0 +1,259 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
collaboration One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.collaboration-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.collaboration-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background-color: #15152E;
|
||||
padding: 120px 0 253px;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.collaboration-one__star-1 {
|
||||
position: absolute;
|
||||
top: 367px;
|
||||
left: 573px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-2 {
|
||||
position: absolute;
|
||||
top: 367px;
|
||||
right: 550px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-3 {
|
||||
position: absolute;
|
||||
bottom: 295px;
|
||||
left: 417px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-4 {
|
||||
position: absolute;
|
||||
bottom: 309px;
|
||||
right: 415px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 128px;
|
||||
left: 160PX;
|
||||
top: 213PX;
|
||||
right: 118PX;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.collaboration-one__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 115px;
|
||||
left: 113PX;
|
||||
top: 280PX;
|
||||
right: 113PX;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.collaboration-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.collaboration-one__sub-title {
|
||||
color: var(--thm-base);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.collaboration-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 48px;
|
||||
font-weight: 500;
|
||||
line-height: 58px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-top: 157px;
|
||||
}
|
||||
|
||||
.collaboration-one__icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.collaboration-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-shape-1 {
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-1 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: -101px;
|
||||
left: -140px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-2 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: -101px;
|
||||
right: -145px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-3 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: 16px;
|
||||
left: -303px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-4 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: 16px;
|
||||
right: -303px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-5 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -76px;
|
||||
left: -159px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-5 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-6 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -76px;
|
||||
right: -159px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-6 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-7 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -133px;
|
||||
left: 34px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-7 img {
|
||||
width: auto;
|
||||
}
|
||||
235
en/css/module-css/contact.css
Normal file
235
en/css/module-css/contact.css
Normal file
@@ -0,0 +1,235 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Contact One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.contact-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 120px;
|
||||
}
|
||||
|
||||
.contact-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 140px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.contact-one__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 49px;
|
||||
}
|
||||
|
||||
.contact-one__title-box h3 {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.contact-one__title-box p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li+li {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p {
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.contact-one__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 25px;
|
||||
color: #3C3C77;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.contact-one__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__social a+a {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.contact-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 68px;
|
||||
}
|
||||
|
||||
.contact-one__form-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border: 1px solid #2E2F45;
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 93px 65px 100px;
|
||||
}
|
||||
|
||||
.contact-one__form-title {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group+.form-group {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.contact-one__form-label {
|
||||
color: #7781A6;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group input[type="text"],
|
||||
.contact-one__form-box .form-group input[type="email"],
|
||||
.contact-one__form-box .form-group textarea {
|
||||
height: 56px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
border: 1px solid #2E2F45;
|
||||
border-radius: var(--thm-border-radius);
|
||||
outline: none;
|
||||
padding-left: 60px;
|
||||
padding-right: 20px;
|
||||
font-size: 16px;
|
||||
color: #7781A6;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.contact-one__form-icon {
|
||||
position: absolute;
|
||||
top: 48px;
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
.contact-one__form-icon i {
|
||||
font-size: 15px;
|
||||
color: #747694;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group textarea {
|
||||
height: 144px;
|
||||
padding-left: 20px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group.text-message-box {
|
||||
height: 148px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .button-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.contact-one__btn {
|
||||
width: 100%;
|
||||
padding: 15px 30px 15px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Goolge Map
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.goolge-map {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.goolge-map__outer {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.google-map__one {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 825px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
152
en/css/module-css/copywriting-tool.css
Normal file
152
en/css/module-css/copywriting-tool.css
Normal file
@@ -0,0 +1,152 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Copywriting Tool
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.copywriting-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 140px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.copywriting-tool .container {
|
||||
max-width: 1110px;
|
||||
}
|
||||
|
||||
.copywriting-tool__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.copywriting-tool__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.copywriting-tool__title {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 58px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.copywriting-tool__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two {
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #15152C;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
transform: scaleX(0.1) rotateX(90deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two:hover:before {
|
||||
transform: scaleX(1.0) rotateX(0deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
}
|
||||
|
||||
.copywriting-tool__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.copywriting-tool__img-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-1 {
|
||||
position: absolute;
|
||||
bottom: 112px;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(93deg, #430054 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
width: 371px;
|
||||
height: 371px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 380px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.95;
|
||||
background: linear-gradient(208deg, #9F9A1A 19.19%, #0096A0 70.68%);
|
||||
filter: blur(90px);
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-3 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: -95px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
filter: blur(90px);
|
||||
width: 423px;
|
||||
height: 423px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool__rating-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 46px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* The End */
|
||||
146
en/css/module-css/counter.css
Normal file
146
en/css/module-css/counter.css
Normal file
@@ -0,0 +1,146 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Counter One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.counter-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 96px;
|
||||
}
|
||||
|
||||
.counter-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.counter-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 37px 39px 59px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.counter-one__top {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px solid var(--thm-bdr-color);
|
||||
padding-bottom: 32px;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.counter-one__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.counter-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.counter-one__count {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.counter-one__count h3 {
|
||||
font-size: 80px;
|
||||
font-weight: 600;
|
||||
font-family: var(--thm-font);
|
||||
line-height: 80px;
|
||||
color: var(--thm-white);
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.counter-one__percent {
|
||||
font-size: 80px;
|
||||
font-weight: 600;
|
||||
font-family: var(--thm-font);
|
||||
line-height: 80px;
|
||||
color: var(--thm-white);
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.counter-one__text-1 {
|
||||
font-size: 24px;
|
||||
line-height: 37px;
|
||||
}
|
||||
|
||||
.counter-one__text-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 68px 39px 68px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.counter-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
right: 117px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.counter-one__text-2 {
|
||||
font-size: 24px;
|
||||
line-height: 37px;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
.counter-one__text-box h5 {
|
||||
font-size: 24px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.counter-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.counter-one__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding-top: 39px;
|
||||
padding-left: 39px;
|
||||
}
|
||||
|
||||
.counter-one__img-box img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
235
en/css/module-css/create-something.css
Normal file
235
en/css/module-css/create-something.css
Normal file
@@ -0,0 +1,235 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Create Something
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.create-something {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 2px solid #7E65FF;
|
||||
background: #0F0F24;
|
||||
padding-left: 110px;
|
||||
padding-right: 22px;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 6px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__star-1 {
|
||||
position: absolute;
|
||||
top: 109px;
|
||||
left: 604px;
|
||||
}
|
||||
|
||||
.create-something__star-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.create-something__shape-1 {
|
||||
position: absolute;
|
||||
top: 22px;
|
||||
left: 100px;
|
||||
right: 22px;
|
||||
bottom: 26px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 158px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.15;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(25deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__shape-3 {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 158px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.15;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(25deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 90px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.create-something__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.create-something__title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.create-something__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.create-something__text {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 27px;
|
||||
}
|
||||
|
||||
.create-something__btn-two-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.create-something__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -24px;
|
||||
}
|
||||
|
||||
.create-something__gallery {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -8px;
|
||||
border-radius: 16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 8px;
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
width: 100%;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.create-something__gallery-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-single img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(var(--thm-black-rgb), .50);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
-webkit-transform: scaleY(0) translateZ(100px);
|
||||
transform: scaleY(0) translateZ(100px);
|
||||
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:hover:after {
|
||||
opacity: .90;
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleY(1) translateZ(0px);
|
||||
transform: scaleY(1) translateZ(0px);
|
||||
}
|
||||
|
||||
.create-something__gallery-single:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.46) 0%, rgba(23, 24, 37, 0.94) 96.49%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon a {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-white);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:hover .create-something__gallery-icon a {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-delay: 500ms;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
/* End */
|
||||
127
en/css/module-css/faq.css
Normal file
127
en/css/module-css/faq.css
Normal file
@@ -0,0 +1,127 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Faq One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.faq-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.faq-one .container {
|
||||
max-width: 875px;
|
||||
}
|
||||
|
||||
.faq-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: var(--thm-border-radius);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
padding: 20px 30px 20px;
|
||||
transition: all 200ms linear;
|
||||
transition-delay: 0.1s;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title h4 {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
color: var(--thm-gray);
|
||||
font-weight: 500;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4 {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion+.accrodion {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title h4::before {
|
||||
content: "\e901";
|
||||
font-family: 'icomoon' !important;
|
||||
font-size: 13px;
|
||||
color: var(--thm-gray);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
line-height: 15px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
text-align: center;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
|
||||
content: "\e901";
|
||||
color: var(--thm-white);
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content {
|
||||
position: relative;
|
||||
padding-bottom: 27px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content p a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
646
en/css/module-css/feature.css
Normal file
646
en/css/module-css/feature.css
Normal file
@@ -0,0 +1,646 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Feature One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.feature-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 182px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-one__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: var(--thm-white);
|
||||
line-height: 58px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.feature-one__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.feature-one__btn-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.feature-one__main-content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 912px;
|
||||
width: 100%;
|
||||
margin: 35px auto 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-1 {
|
||||
position: absolute;
|
||||
top: 154px;
|
||||
left: -170px;
|
||||
height: 371px;
|
||||
width: 371px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-2 {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
right: -233px;
|
||||
height: 423px;
|
||||
width: 423px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
filter: blur(90px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-3 {
|
||||
position: absolute;
|
||||
top: 145px;
|
||||
right: 315px;
|
||||
height: 320px;
|
||||
width: 320px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(208deg, #FFF855 19.19%, #00E3F2 70.68%);
|
||||
filter: blur(90px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__start-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.feature-one__start-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.feature-one__start-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-3 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.feature-one__start-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-4 {
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
left: -222px;
|
||||
}
|
||||
|
||||
.feature-one__start-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-5 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -25px;
|
||||
}
|
||||
|
||||
.feature-one__start-5 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-6 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 165px;
|
||||
}
|
||||
|
||||
.feature-one__start-6 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-7 {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.feature-one__start-7 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-8 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: -250px;
|
||||
}
|
||||
|
||||
.feature-one__start-8 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__ai-pack {
|
||||
position: absolute;
|
||||
bottom: -90px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.feature-one__ai-pack h3 {
|
||||
font-size: 32px;
|
||||
color: #426BFF;
|
||||
font-weight: 700;
|
||||
line-height: 32px;
|
||||
font-family: var(--thm-font-two);
|
||||
}
|
||||
|
||||
.feature-one__main-content-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 518px;
|
||||
width: 100%;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.feature-one__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.feature-one__single {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.16);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.feature-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.feature-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__title-2 {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.feature-one__title-2 a {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.feature-one__main-content-middle {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-one__cpu-icon-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 218px;
|
||||
width: 218px;
|
||||
background-color: rgba(255, 255, 255, 0.02);
|
||||
border: 1px solid var(--thm-white);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 48px;
|
||||
}
|
||||
|
||||
.feature-one__cpu-icon-box img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__main-content-bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 518px;
|
||||
width: 100%;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.feature-one__rating-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 140px;
|
||||
}
|
||||
|
||||
.feature-one__rating {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__rating li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__rating li+li {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.feature-one__rating-icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.feature-one__rating-icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__rating-star-and-text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star span {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background-color: #00b67b;
|
||||
color: var(--thm-white);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star span+span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.feature-one__rating-text {
|
||||
font-size: 16px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star-and-text--two .feature-one__rating-star span {
|
||||
height: auto;
|
||||
width: auto;
|
||||
background-color: transparent;
|
||||
color: #eda044;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Feature Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.feature-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-two__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-two__list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
min-width: 100%;
|
||||
margin: 0 -8px;
|
||||
}
|
||||
|
||||
.feature-two__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.feature-two__list li:first-child {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.feature-two__list li a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: #7781A6;
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 18px 25px 18px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-two__list li a:hover {
|
||||
background-color: var(--thm-base);
|
||||
border: 1px solid var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Core Feature
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.core-feature {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 120px;
|
||||
}
|
||||
|
||||
.core-feature__content-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__shape-1 {
|
||||
position: absolute;
|
||||
top: -46px;
|
||||
left: -20px;
|
||||
right: 42px;
|
||||
bottom: -65px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 62px;
|
||||
margin-right: 80px;
|
||||
margin-top: 54px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 27px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li+li {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .icon i {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid var(--thm-white);
|
||||
border-radius: 50%;
|
||||
font-size: 10px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text p span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.core-feature__content-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.core-feature__content-one-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -40px;
|
||||
margin-right: 45px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
|
||||
padding: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 120px;
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
|
||||
padding: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 63px;
|
||||
margin-right: 122px;
|
||||
margin-top: 54px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.core-feature__content-two__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
271
en/css/module-css/footer.css
Normal file
271
en/css/module-css/footer.css
Normal file
@@ -0,0 +1,271 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Main Footer
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.main-footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-footer__shape-1 {
|
||||
position: absolute;
|
||||
bottom: -115px;
|
||||
right: 170px;
|
||||
width: 659px;
|
||||
height: 304px;
|
||||
background: linear-gradient(260deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.main-footer__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 75px 0 0;
|
||||
}
|
||||
|
||||
.main-footer__top .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
|
||||
.footer-widget__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer-widget__about {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.footer-widget__about-text {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.footer-widget__company {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__resources {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__newsletter {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.footer-widget__email-form {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__email-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__email-input-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__email-input-box input[type="email"] {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
outline: none;
|
||||
border: 1px solid #4B4B70;
|
||||
background-color: #0F0F24;
|
||||
border-radius: var(--thm-border-radius);
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
padding-left: 25px;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.footer-widget__btn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 90px;
|
||||
border: none;
|
||||
background-color: var(--thm-gradient-color2);
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
border-top-right-radius: var(--thm-border-radius);
|
||||
border-bottom-right-radius: var(--thm-border-radius);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__btn:hover {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.site-footer__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.site-footer__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
color: #747694;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.site-footer__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.site-footer__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.main-footer__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 67px 0 22px;
|
||||
}
|
||||
|
||||
.main-footer__bottom .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.main-footer__bottom-inner {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.main-footer__bottom-text {
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.main-footer__bottom-text a {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
|
||||
.main-footer-two .footer-widget__company-list li a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__resources-list li a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__btn {
|
||||
background-color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__btn:hover {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.main-footer-two .site-footer__social a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
|
||||
/* End */
|
||||
123
en/css/module-css/free-trail.css
Normal file
123
en/css/module-css/free-trail.css
Normal file
@@ -0,0 +1,123 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Free Trail
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.free-trail {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.free-trail__wrap {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background: #0F0F24;
|
||||
padding: 90px 0 90px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.free-trail__shape-3 {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 110px;
|
||||
right: 110px;
|
||||
bottom: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.free-trail__start-1 {
|
||||
position: absolute;
|
||||
top: 109px;
|
||||
left: 571px;
|
||||
}
|
||||
|
||||
.free-trail__start-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-2 {
|
||||
position: absolute;
|
||||
top: 122px;
|
||||
right: 569px;
|
||||
}
|
||||
|
||||
.free-trail__start-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-3 {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
left: 427px;
|
||||
}
|
||||
|
||||
.free-trail__start-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-4 {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
right: 408px;
|
||||
}
|
||||
|
||||
.free-trail__start-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.free-trail__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 660px;
|
||||
height: 304px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.free-trail__inner .section-title {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.free-trail__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
194
en/css/module-css/gallery.css
Normal file
194
en/css/module-css/gallery.css
Normal file
@@ -0,0 +1,194 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Gallery One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.gallery-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.gallery-one__title-one {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 48px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.gallery-one__title-two {
|
||||
background: linear-gradient(90deg, #00CB88 22.86%, #E1F763 78.06%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.gallery-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: -55px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__curved-circle {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateY(-50%) translateX(-50%);
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(38deg, #00CB88 15.51%, #E1F763 122.15%);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
||||
@keyframes textRotate {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-one__curved-circle .curved-circle {
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--thm-black);
|
||||
text-transform: capitalize;
|
||||
letter-spacing: 0.700em;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
font-family: var(--thm-font-two);
|
||||
height: 120px !important;
|
||||
width: 120px;
|
||||
transform: rotate(120deg);
|
||||
animation: textRotate 10s linear 0s forwards infinite alternate;
|
||||
}
|
||||
|
||||
.gallery-one__video-link {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.gallery-one__video-icon {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
line-height: 90px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-black);
|
||||
border-radius: 50%;
|
||||
transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-ms-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
.gallery-one__btn-box {
|
||||
position: absolute;
|
||||
bottom: 55px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.gallery-one__list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gallery-one__list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gallery-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.gallery-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__single:hover .gallery-one__img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.gallery-one__img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.gallery-one__single:hover .gallery-one__img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
.gallery-one__img:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(16, 16, 34, .70);
|
||||
z-index: 2;
|
||||
}
|
||||
2092
en/css/module-css/header.css
Normal file
2092
en/css/module-css/header.css
Normal file
File diff suppressed because it is too large
Load Diff
126
en/css/module-css/how-tool-work.css
Normal file
126
en/css/module-css/how-tool-work.css
Normal file
@@ -0,0 +1,126 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
How Tool Work
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.how-tool-work {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 109px 0 90px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 58px;
|
||||
}
|
||||
|
||||
.how-tool-work__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.how-tool-work__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.how-tool-work__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.how-tool-work__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
right: 0;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.how-tool-work__single:hover .how-tool-work__shape-1 {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.how-tool-work__single-inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.how-tool-work__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-body-bg);
|
||||
padding-top: 15px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.how-tool-work__img img {
|
||||
width: 100%;
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.how-tool-work__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 33px 40px 32px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 34px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
109
en/css/module-css/image-generator-tools.css
Normal file
109
en/css/module-css/image-generator-tools.css
Normal file
@@ -0,0 +1,109 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Image Generator Tools
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.image-generator-tools {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 96px 0 0;
|
||||
}
|
||||
|
||||
.image-generator-tools__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
padding: 117px 90px 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.image-generator-tools__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 57px;
|
||||
margin-bottom: 65px;
|
||||
}
|
||||
|
||||
.image-generator-tools__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.image-generator-tools__main-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-generator-tools__main-content .row {
|
||||
--bs-gutter-x: 90px;
|
||||
}
|
||||
|
||||
.image-generator-tools__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.image-generator-tools__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
margin: 0 auto 14px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: var(--thm-main-bg);
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.image-generator-tools__icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 34px;
|
||||
color: var(--thm-primary);
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.image-generator-tools__single:hover .image-generator-tools__icon span {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
198
en/css/module-css/login.css
Normal file
198
en/css/module-css/login.css
Normal file
@@ -0,0 +1,198 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Login
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.login-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding-top: 150px;
|
||||
}
|
||||
|
||||
.login-page__shape-1 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.login-page__shape-2 {
|
||||
position: fixed;
|
||||
top: 275px;
|
||||
left: 300px;
|
||||
width: 1363.998px;
|
||||
height: 316.414px;
|
||||
transform: rotate(6.965deg);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.login-page .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.login-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: 24px;
|
||||
padding: 85px 95px 65px;
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.login-page__close-icon {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.login-page__close-icon a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
border-radius: var(--thm-border-radius);
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.login-page__close-icon a:hover {
|
||||
background-color: var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-base);
|
||||
}
|
||||
|
||||
.login-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
|
||||
.login-page__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.login-page__sign-option-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.login-page__sign-option {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 14px 0;
|
||||
font-size: 16px;
|
||||
color: var(--thm-black);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.login-page__sign-option+.login-page__sign-option {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.login-page__sign-option img {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.sign-in-email {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-black);
|
||||
padding-top: 13px;
|
||||
}
|
||||
|
||||
.register-one__form {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.register-one__form .row {
|
||||
--bs-gutter-x: 15px;
|
||||
--bs-gutter-y: 15px;
|
||||
}
|
||||
|
||||
.register-one__form input[type=text],
|
||||
.register-one__form input[type=email],
|
||||
.register-one__form input[type=password] {
|
||||
border: none;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
display: block;
|
||||
height: 56px;
|
||||
border-radius: var(--thm-border-radius);
|
||||
border: 1px solid #C3D1E3;
|
||||
padding-left: 50px;
|
||||
padding-right: 20px;
|
||||
color: var(--thm-black);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.register-one__form__email,
|
||||
.register-one__form__password {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.register-one__form__email i,
|
||||
.register-one__form__password i {
|
||||
font-size: 15px;
|
||||
color: #747694;
|
||||
position: absolute;
|
||||
top: 51%;
|
||||
left: 15px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.register-one__form__forgot {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.register-one__form__forgot a {
|
||||
font-size: 14px;
|
||||
color: #6243FF;
|
||||
}
|
||||
|
||||
.register-one__btn {
|
||||
width: 100%;
|
||||
padding: 15px 30px 15px;
|
||||
font-size: 16px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
box-shadow: none;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.register-one__tagline {
|
||||
font-size: 14px;
|
||||
color: var(--thm-black);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.register-one__tagline a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
/* End */
|
||||
85
en/css/module-css/page-title.css
Normal file
85
en/css/module-css/page-title.css
Normal file
@@ -0,0 +1,85 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Page Title
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.page-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -90px;
|
||||
left: 0;
|
||||
height: 178px;
|
||||
width: 178px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.page-title .container {
|
||||
max-width: 830px;
|
||||
}
|
||||
|
||||
.page-title__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 120px 0 112px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title__shape-1 {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 67px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.page-title__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 17px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
line-height: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.page-title__title {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 68px;
|
||||
}
|
||||
|
||||
.page-title__text {}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
330
en/css/module-css/pricing.css
Normal file
330
en/css/module-css/pricing.css
Normal file
@@ -0,0 +1,330 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.pricing-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0px 0 90px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pricing-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 165px;
|
||||
left: 30px;
|
||||
width: 1180px;
|
||||
height: 545px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
|
||||
opacity: 0.15;
|
||||
filter: blur(75px);
|
||||
}
|
||||
|
||||
.pricing-one__shape-2 {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 200px;
|
||||
width: 1180px;
|
||||
height: 545px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__section-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.pricing-one__section-title__title {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
color: var(--thm-white);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pricing-one__switch-toggle-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list li a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-gray);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list li.active a {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.pricing-one .switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
border-radius: 15px;
|
||||
width: 50px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.pricing-one .slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
background-color: #426BFF;
|
||||
}
|
||||
|
||||
.pricing-one .slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
left: 3px;
|
||||
right: 3px;
|
||||
top: 50%;
|
||||
-webkit-transform: translateX(0px) translateY(-50%);
|
||||
transform: translateX(0px) translateY(-50%);
|
||||
background-color: var(--thm-white);
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.pricing-one .switch.off .slider:before {
|
||||
-webkit-transform: translateX(20px) translateY(-50%);
|
||||
transform: translateX(20px) translateY(-50%);
|
||||
}
|
||||
|
||||
.pricing-one .slider.round {
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.pricing-one .slider.round:before {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.pricing-one__discount {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 435px;
|
||||
background: #272749;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
padding: 6px 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.pricing-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #0F0F24;
|
||||
padding: 32px 40px 52px;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pricing-one__single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.pricing-one__popular {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
line-height: 14px;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.pricing-one__overly-color {
|
||||
position: absolute;
|
||||
bottom: 115px;
|
||||
right: 85px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__single:hover .pricing-one__overly-color {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pricing-one__tagline {
|
||||
font-size: 24px;
|
||||
color: var(--thm-gradient-color2);
|
||||
font-weight: 600;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.pricing-one__price {
|
||||
font-size: 56px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.pricing-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.pricing-one__btn {
|
||||
background: var(--thm-main-bg);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 15px 39px 15px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
}
|
||||
|
||||
.pricing-one__btn:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
transform: scaleX(0.1) rotateX(90deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__btn:hover:before {
|
||||
transform: scaleX(1.0) rotateX(0deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
}
|
||||
|
||||
.pricing-one__text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pricing-one__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.pricing-one__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pricing-one__points li+li {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.pricing-one__points li .circle-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
background-color: var(--thm-white);
|
||||
}
|
||||
|
||||
.pricing-one__points li .text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.pricing-one__points li .text p {
|
||||
margin: 0;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.pricing-two {
|
||||
padding-top: 112px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.pricing-three {
|
||||
padding-top: 98px;
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__discount {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .slider {
|
||||
background-color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__btn:before {
|
||||
background: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__popular {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
113
en/css/module-css/reset-password.css
Normal file
113
en/css/module-css/reset-password.css
Normal file
@@ -0,0 +1,113 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Reset Password
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.reset-password-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reset-password-page__shape-1 {
|
||||
position: absolute;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 120px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.reset-password-page__shape-2 {
|
||||
position: absolute;
|
||||
top: 275px;
|
||||
left: 300px;
|
||||
width: 1363.998px;
|
||||
height: 316.414px;
|
||||
transform: rotate(6.965deg);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.reset-password-page .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.reset-password-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: 24px;
|
||||
padding: 115px 95px 200px;
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
border-radius: var(--thm-border-radius);
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon a:hover {
|
||||
background-color: var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-base);
|
||||
}
|
||||
|
||||
.reset-password-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 110px;
|
||||
}
|
||||
|
||||
.reset-password-page__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reset-password-option {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.reset-password-option a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-gray-bg);
|
||||
}
|
||||
|
||||
.reset-password-option a span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
649
en/css/module-css/solutions.css
Normal file
649
en/css/module-css/solutions.css
Normal file
@@ -0,0 +1,649 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Solutions One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.solutions-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-one__carousel {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-one__carousel.owl-carousel .owl-stage-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.solutions-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 48px 30px 42px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-one__icon img {
|
||||
width: auto !important;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.solutions-one__single:hover .solutions-one__icon img {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.solutions-one__title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.solutions-one__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-one__text {
|
||||
font-size: 14px;
|
||||
color: #ADA7CD;
|
||||
line-height: 22px;
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
|
||||
.solutions-one__btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #ADA7CD;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__btn i {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-left: 20px;
|
||||
transform: rotate(-45deg);
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.solutions-one__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Solutions Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.solutions-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #12122B;
|
||||
padding: 45px 70px 45px;
|
||||
padding-right: 37px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-one:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 87px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 203px;
|
||||
right: -11px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li+li {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .icon i {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
border-radius: 50%;
|
||||
font-size: 7px;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text p span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.solutions-two__content-one-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-btn {
|
||||
padding: 11px 24px 11px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #1E1E42;
|
||||
padding: 25px 25px 25px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-1 {
|
||||
position: absolute;
|
||||
left: 52px;
|
||||
top: 0;
|
||||
right: 40px;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: #15152E;
|
||||
border: 1px solid #3C3C77;
|
||||
border-radius: 16px;
|
||||
text-align: center;
|
||||
padding: 48px 40px 40px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 12px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-top: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a {
|
||||
color: var(--thm-gradient-color2);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background-color: var(--thm-gradient-color2);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a:hover::before {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a span {
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
font-size: 11px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
left: 36px;
|
||||
bottom: 28px;
|
||||
right: 31px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
transform: rotate(151.783deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: #15152E;
|
||||
padding: 64px 50px 82px;
|
||||
padding-right: 60px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50px;
|
||||
right: 40px;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 54px;
|
||||
margin-right: 22px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: 65px;
|
||||
right: -30px;
|
||||
bottom: 45px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #4B4B70;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background: #F16C7A;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li:nth-child(2) {
|
||||
background: #49C3E8;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li:nth-child(3) {
|
||||
background: #FFD160;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li+li {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-shape-2 {
|
||||
position: absolute;
|
||||
bottom: 65px;
|
||||
left: 99px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
width: 439px;
|
||||
height: 350px;
|
||||
transform: rotate(150.217deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left .row {
|
||||
--bs-gutter-x: 14px;
|
||||
}
|
||||
|
||||
.row.solutions-two__content-three-img-list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row.solutions-two__content-three-img-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img img {
|
||||
width: 100%;
|
||||
border-radius: 15px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 58px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-text-1 span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
margin-top: 19px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points-2 {
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li+li {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .text {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
End
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
178
en/css/module-css/team.css
Normal file
178
en/css/module-css/team.css
Normal file
@@ -0,0 +1,178 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Team One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.team-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 118px 0 20px;
|
||||
}
|
||||
|
||||
.team-one .container {
|
||||
max-width: 1238px;
|
||||
}
|
||||
|
||||
.team-one .row {
|
||||
--bs-gutter-x: 136px;
|
||||
}
|
||||
|
||||
.team-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
margin-bottom: 65px;
|
||||
}
|
||||
|
||||
.team-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 82px;
|
||||
}
|
||||
|
||||
.team-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: var(--thm-border-radius);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.team-one__img:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
background-color: rgba(16, 16, 34, .90);
|
||||
border-radius: var(--thm-border-radius);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.team-one__single:hover .team-one__img:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.team-one__img img {
|
||||
width: 100%;
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.team-one__social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.team-one__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
color: var(--thm-white);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.team-one__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.team-one__social a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(1) {
|
||||
-webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(2) {
|
||||
top: -7px;
|
||||
-webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(3) {
|
||||
-webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__single:hover .team-one__social a {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.team-one__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 29px;
|
||||
}
|
||||
|
||||
.team-one__name {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.team-one__name a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.team-one__name a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.team-one__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
218
en/css/module-css/testimonial.css
Normal file
218
en/css/module-css/testimonial.css
Normal file
@@ -0,0 +1,218 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.testimonial-one:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 315px;
|
||||
background: linear-gradient(180deg, rgba(16, 16, 34, 0.00) 0%, rgba(16, 16, 34, 0.76) 13.28%, #101022 53.79%, #101022 79.45%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.testimonial-one__btn-box {
|
||||
position: absolute;
|
||||
display: block;
|
||||
text-align: center;
|
||||
bottom: 135px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.testimonial-one__btn {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 15px 39px 15px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
}
|
||||
|
||||
.testimonial-one .section-title__title i {
|
||||
font-size: 41px;
|
||||
color: #fac632;
|
||||
}
|
||||
|
||||
.testimonial-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #15152E;
|
||||
padding: 36px 25px 39px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.testimonial-one__client-info {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testimonial-one__client-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-one__client-img img {
|
||||
width: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-one__name-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.testimonial-one__name {
|
||||
color: var(--thm-white);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.testimonial-one__sub-title {
|
||||
color: #BDBFD4;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 12px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.testimonial-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 25px;
|
||||
margin-top: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.testimonial-one__icon-and-ratting {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.testimonial-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.testimonial-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
background: #212144;
|
||||
padding: 6px 9px;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting p {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting p span {
|
||||
margin-left: 6px;
|
||||
color: #fac924;
|
||||
}
|
||||
|
||||
.testimonial-one__single-5 {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-6 {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-8 {
|
||||
margin-top: -26px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-9 {
|
||||
margin-top: -23px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-11 {
|
||||
margin-top: -23px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-12 {
|
||||
margin-top: -26px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
margin-bottom: 66px;
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title i {
|
||||
font-size: 41px;
|
||||
color: #fac632;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-three {
|
||||
padding: 0 0 0;
|
||||
}
|
||||
|
||||
.testimonial-three .testimonial-two__sec-title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
138
en/css/module-css/video.css
Normal file
138
en/css/module-css/video.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Video One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.video-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 330px 0 330px;
|
||||
}
|
||||
|
||||
.video-one__bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.video-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-one__play {
|
||||
position: relative;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
font-weight: 800;
|
||||
line-height: 130px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
font-size: 30px;
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
border: 1px solid #426BFF;
|
||||
background: rgba(16, 16, 34, 0.50);
|
||||
backdrop-filter: blur(8px);
|
||||
color: #426BFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-one__play:hover {
|
||||
color: var(--white-color);
|
||||
background-color: var(--color-two);
|
||||
}
|
||||
|
||||
.video-one__play:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -13px;
|
||||
left: -13px;
|
||||
right: -13px;
|
||||
bottom: -13px;
|
||||
border: 2px solid rgba(var(--white-color-rgb), .30);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.video-one__play .ripple,
|
||||
.video-one__play .ripple:before,
|
||||
.video-one__play .ripple:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
border-radius: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
-o-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-webkit-animation: ripple 3s infinite;
|
||||
-moz-animation: ripple 3s infinite;
|
||||
-ms-animation: ripple 3s infinite;
|
||||
-o-animation: ripple 3s infinite;
|
||||
animation: ripple 3s infinite;
|
||||
}
|
||||
|
||||
.video-one__play .ripple:before {
|
||||
-webkit-animation-delay: .9s;
|
||||
-moz-animation-delay: .9s;
|
||||
-ms-animation-delay: .9s;
|
||||
-o-animation-delay: .9s;
|
||||
animation-delay: .9s;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.video-one__play .ripple:after {
|
||||
-webkit-animation-delay: .6s;
|
||||
-moz-animation-delay: .6s;
|
||||
-ms-animation-delay: .6s;
|
||||
-o-animation-delay: .6s;
|
||||
animation-delay: .6s;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@-webkit-keyframes ripple {
|
||||
70% {
|
||||
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
70% {
|
||||
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
Reference in New Issue
Block a user