@charset "UTF-8";
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/* =================
Google Fonts
===================*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Manrope:wght@400;500;600;700&family=Marcellus&family=Oswald:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/* =================
Root Color
=================*/
:root {
--color-white: #ffffff;
--color-white2: #f1f3f3;
--color-white3: #f7f7f7;
--color-white4: #f2f2f2;
--color-white5: #f5f6f8;
--color-white6: #f2f4f8;
--color-black: #242528;
--color-black2: #1a1b1d;
--color-black3: #2b2c30;
--color-black4: #131217;
--color-black5: #232229;
--color-black6: #1c1b21;
--color-black7: #212224;
--color-black8: #121515;
--color-black9: #000303;
--color-black10: #0a305b;
--color-black11: #0b2e56;
--color-black12: #001636;
--color-black13: #2b3e59;
--color-gBlack: #76797c;
--color-gBlack2: #e4e4e4;
--color-gBlack3: #c2c2c2;
--color-gBlack4: #909294;
--color-gBlack5: #d3d3d4;
--color-gBlack6: #a7b7b1;
--color-gBlack7: #e6f1ec;
--color-gBlack8: #9fa5ab;
--color-gBlack9: #385a56;
--color-gBlack10: #95c2c2;
--color-gBlack11: #aeaeae;
--color-gBlack12: #b7c6c9;
--color-gBlack13: #b5c3d3;
--color-gBlack14: #8a90a2;
--color-gBlack15: #adc2d9;
--color-gBlack16: #667386;
--color-gBlack17: #546d81;
--color-gBlack18: #322e2e;
--color-border: #323438;
--color-border2: #706d7b;
--color-border3: #abacae;
--color-border4: #e9ebef;
--color-border5: #2e3131;
--color-border6: #0d3665;
--color-border7: #666a80;
--color-border8: #333333;
--color-border9: #e2e2e2;
--color-border10: #d3d3d3;
--color-blue: #79f4e4;
--color-blue2: #65dfcf;
--color-blue3: #2ee7bc;
--color-blue4: #0dd1a4;
--color-blue5: #1cc79e;
--color-lgreen: #358a7f;
--color-dGreen: #136655;
--color-dGreen2: #014444;
--color-dGreen3: #0c6c6c;
--color-dGreen4: #024f4f;
--color-dGreen5: #003d2d;
--color-dGreen6: #004533;
--color-dGreen7: #02553f;
--color-dGreen8: #00473c;
--color-green: #0dc79c;
--color-green2: #edf8f3;
--color-green3: #29e2b6;
--color-green4: #00b365;
--color-green5: #00b011;
--color-lblue: #d9f6ef;
--color-lblue2: #edf8f3;
--color-lime: #e1ffa0;
--color-yellow: #fee24f;
--color-yellow2: #ffeb5f;
--color-greenC: #24b277;
--color-dBlue: #0072ff;
--color-lBlue: #77a7bf;
--color-lBlue2: #39a3f8;
--color-lBlue3: #26c3f7;
--color-lBlue4: #05a6f0;
--color-lBlue5: #0181f9;
--color-dBlue1: #00234b;
--color-dBlue2: #012753;
--color-dBlue3: #001534;
--color-orange: #f3b12e;
--color-orange2: #f4af62;
--color-orange3: #ffba08;
--color-orange4: #ff8f13;
--color-pink: #e5195d;
--color-pink2: #e03e5c;
--color-lime2: #99d320;
--color-purple: #5028ff;
--color-purple2: #7a5bff;
--color-purple3: #e479fa;
--color-red: #ff592c;
--color-red2: #ff744f;
--color-bluGradient: linear-gradient(89deg, #188be8 3.4%, #27cbf9 105.57%);
--color-tr: transparent;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
/*
* Add the correct display in all browsers.
*/
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
/*====================
Default
======================*/
*,
html,
body,
div,
span,
iframe,
h2,
h3,
h4,
h5,
h6,
p,
a,
address,
code,
img,
small,
sup,
i,
ul,
li,
footer,
header,
nav,
section,
video,
::before,
::after {
margin: 0;
padding: 0;
border: 0;
}
*,
::before,
::after {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
footer,
header,
nav,
section {
display: block;
}
ul,
li {
list-style: none;
}
img {
vertical-align: middle;
}
iframe {
max-width: 100%;
}
textarea {
resize: initial;
}
input,
select,
textarea {
border-radius: 0;
font-size: 14px;
min-width: auto;
letter-spacing: 1.4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
height: 50px;
padding: 0px 20px;
vertical-align: middle;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
-webkit-box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
}
input[type=submit] {
padding: 13px 15px;
height: 40px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
letter-spacing: 0;
border: none;
}
input[type=submit],
input[type=button] {
cursor: pointer;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
1 Theme Default
=======================*/
.row,
.container,
.container-fluid {
--bs-gutter-x: 1.875rem;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: "Plus Jakarta Sans", sans-serif;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.2px;
word-spacing: 0px;
word-wrap: break-word;
background: var(--color-white);
}
h2,
h3,
h4,
h5,
h6 {
color: var(--color-black);
text-transform: capitalize;
}
h2:not(.font-v1, .font-v2, .font-v3, .font-v4),
h3:not(.font-v1, .font-v2, .font-v3, .font-v4),
h4:not(.font-v1, .font-v2, .font-v3, .font-v4),
h5:not(.font-v1, .font-v2, .font-v3, .font-v4),
h6:not(.font-v1, .font-v2, .font-v3, .font-v4) {
font-family: "Plus Jakarta Sans", sans-serif;
}
h2.font-v1,
h3.font-v1,
h4.font-v1,
h5.font-v1,
h6.font-v1 {
font-family: "DM Sans", sans-serif;
}
h2.font-v2,
h3.font-v2,
h4.font-v2,
h5.font-v2,
h6.font-v2 {
font-family: "Manrope", sans-serif;
}
h2.font-v3,
h3.font-v3,
h4.font-v3,
h5.font-v3,
h6.font-v3 {
font-family: "Marcellus", serif;
}
h2.font-v4,
h3.font-v4,
h4.font-v4,
h5.font-v4,
h6.font-v4 {
font-family: "Oswald", sans-serif;
}
h2 {
font-size: 48px;
line-height: 60px;
}
h3 {
font-size: 32px;
line-height: 44px;
}
h4 {
font-size: 24px;
line-height: 36px;
}
h5 {
font-size: 20px;
line-height: 30px;
}
h6 {
font-size: 18px;
line-height: 28px;
}
p {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 26px;
color: var(--color-gBlack);
}
.color-blue {
color: var(--color-blue);
}
a,
button {
outline: none;
cursor: pointer;
color: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a:hover,
button:hover {
color: var(--color-blue);
outline: none;
}
a {
text-decoration: none;
}
a:hover {
color: var(--color-blue);
text-decoration: none;
}
input,
select,
textarea {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.w-80-15 {
width: calc(80% - 15px);
}
/* Generate Margin Classes */
.mt-30 {
margin-top: 30px;
}
.mt-50 {
margin-top: 50px;
}
.mt-115 {
margin-top: 115px;
}
.mb-130 {
margin-bottom: 130px;
}
/* Generate Margin Direction Classes */
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-100 {
margin-left: 100px;
}
.ml-120 {
margin-left: 120px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-100 {
margin-right: 100px;
}
.mr-120 {
margin-right: 120px;
}
/* Generate Padding Classes */
.pt-30 {
padding-top: 30px;
}
.pt-50 {
padding-top: 50px;
}
.pt-80 {
padding-top: 80px;
}
.pt-95 {
padding-top: 95px;
}
.pt-100 {
padding-top: 100px;
}
.pt-120 {
padding-top: 120px;
}
.pt-130 {
padding-top: 130px;
}
.pt-132 {
padding-top: 132px;
}
.pt-150 {
padding-top: 150px;
}
.pt-264 {
padding-top: 264px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-119 {
padding-bottom: 119px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-130 {
padding-bottom: 130px;
}
.pb-140 {
padding-bottom: 140px;
}
.pb-149 {
padding-bottom: 149px;
}
.pb-150 {
padding-bottom: 150px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-264 {
padding-bottom: 264px;
}
/* Generate Padding Direction Classes */
.pl-50 {
padding-left: 50px;
}
.pl-95 {
padding-left: 95px;
}
.pl-150 {
padding-left: 150px;
}
.pr-50 {
padding-right: 50px;
}
.pr-92 {
padding-right: 92px;
}
.pr-95 {
padding-right: 95px;
}
.pr-150 {
padding-right: 150px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.section-title .big-title,
.section-title-center .big-title,
.section-title-white .big-title,
.section-title-center-white .big-title {
text-transform: capitalize;
}
.section-title.v1 .sub-title, .section-title.v3 .sub-title, .section-title.v5 .sub-title, .section-title.v9 .sub-title,
.section-title-center.v1 .sub-title,
.section-title-center.v3 .sub-title,
.section-title-center.v5 .sub-title,
.section-title-center.v9 .sub-title,
.section-title-white.v1 .sub-title,
.section-title-white.v3 .sub-title,
.section-title-white.v5 .sub-title,
.section-title-white.v9 .sub-title,
.section-title-center-white.v1 .sub-title,
.section-title-center-white.v3 .sub-title,
.section-title-center-white.v5 .sub-title,
.section-title-center-white.v9 .sub-title {
position: relative;
font-size: 13px;
line-height: 23px;
font-weight: 500;
text-transform: uppercase;
padding-left: 17px;
}
.section-title.v1 .sub-title::before, .section-title.v3 .sub-title::before, .section-title.v5 .sub-title::before, .section-title.v9 .sub-title::before,
.section-title-center.v1 .sub-title::before,
.section-title-center.v3 .sub-title::before,
.section-title-center.v5 .sub-title::before,
.section-title-center.v9 .sub-title::before,
.section-title-white.v1 .sub-title::before,
.section-title-white.v3 .sub-title::before,
.section-title-white.v5 .sub-title::before,
.section-title-white.v9 .sub-title::before,
.section-title-center-white.v1 .sub-title::before,
.section-title-center-white.v3 .sub-title::before,
.section-title-center-white.v5 .sub-title::before,
.section-title-center-white.v9 .sub-title::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
top: 6px;
left: 0;
border-radius: 50px;
}
.section-title.v1 .sub-title.v1, .section-title.v3 .sub-title.v1, .section-title.v5 .sub-title.v1, .section-title.v9 .sub-title.v1,
.section-title-center.v1 .sub-title.v1,
.section-title-center.v3 .sub-title.v1,
.section-title-center.v5 .sub-title.v1,
.section-title-center.v9 .sub-title.v1,
.section-title-white.v1 .sub-title.v1,
.section-title-white.v3 .sub-title.v1,
.section-title-white.v5 .sub-title.v1,
.section-title-white.v9 .sub-title.v1,
.section-title-center-white.v1 .sub-title.v1,
.section-title-center-white.v3 .sub-title.v1,
.section-title-center-white.v5 .sub-title.v1,
.section-title-center-white.v9 .sub-title.v1 {
color: var(--color-lblue);
}
.section-title.v1 .sub-title.v1::before, .section-title.v3 .sub-title.v1::before, .section-title.v5 .sub-title.v1::before, .section-title.v9 .sub-title.v1::before,
.section-title-center.v1 .sub-title.v1::before,
.section-title-center.v3 .sub-title.v1::before,
.section-title-center.v5 .sub-title.v1::before,
.section-title-center.v9 .sub-title.v1::before,
.section-title-white.v1 .sub-title.v1::before,
.section-title-white.v3 .sub-title.v1::before,
.section-title-white.v5 .sub-title.v1::before,
.section-title-white.v9 .sub-title.v1::before,
.section-title-center-white.v1 .sub-title.v1::before,
.section-title-center-white.v3 .sub-title.v1::before,
.section-title-center-white.v5 .sub-title.v1::before,
.section-title-center-white.v9 .sub-title.v1::before {
background: var(--color-blue);
}
.section-title.v1 .sub-title.v2, .section-title.v3 .sub-title.v2, .section-title.v5 .sub-title.v2, .section-title.v9 .sub-title.v2,
.section-title-center.v1 .sub-title.v2,
.section-title-center.v3 .sub-title.v2,
.section-title-center.v5 .sub-title.v2,
.section-title-center.v9 .sub-title.v2,
.section-title-white.v1 .sub-title.v2,
.section-title-white.v3 .sub-title.v2,
.section-title-white.v5 .sub-title.v2,
.section-title-white.v9 .sub-title.v2,
.section-title-center-white.v1 .sub-title.v2,
.section-title-center-white.v3 .sub-title.v2,
.section-title-center-white.v5 .sub-title.v2,
.section-title-center-white.v9 .sub-title.v2 {
color: var(--color-black2);
}
.section-title.v1 .sub-title.v2::before, .section-title.v3 .sub-title.v2::before, .section-title.v5 .sub-title.v2::before, .section-title.v9 .sub-title.v2::before,
.section-title-center.v1 .sub-title.v2::before,
.section-title-center.v3 .sub-title.v2::before,
.section-title-center.v5 .sub-title.v2::before,
.section-title-center.v9 .sub-title.v2::before,
.section-title-white.v1 .sub-title.v2::before,
.section-title-white.v3 .sub-title.v2::before,
.section-title-white.v5 .sub-title.v2::before,
.section-title-white.v9 .sub-title.v2::before,
.section-title-center-white.v1 .sub-title.v2::before,
.section-title-center-white.v3 .sub-title.v2::before,
.section-title-center-white.v5 .sub-title.v2::before,
.section-title-center-white.v9 .sub-title.v2::before {
background: var(--color-black2);
}
.section-title.v1 .sub-title.v3, .section-title.v3 .sub-title.v3, .section-title.v5 .sub-title.v3, .section-title.v9 .sub-title.v3,
.section-title-center.v1 .sub-title.v3,
.section-title-center.v3 .sub-title.v3,
.section-title-center.v5 .sub-title.v3,
.section-title-center.v9 .sub-title.v3,
.section-title-white.v1 .sub-title.v3,
.section-title-white.v3 .sub-title.v3,
.section-title-white.v5 .sub-title.v3,
.section-title-white.v9 .sub-title.v3,
.section-title-center-white.v1 .sub-title.v3,
.section-title-center-white.v3 .sub-title.v3,
.section-title-center-white.v5 .sub-title.v3,
.section-title-center-white.v9 .sub-title.v3 {
color: var(--color-white);
}
.section-title.v1 .sub-title.v3::before, .section-title.v3 .sub-title.v3::before, .section-title.v5 .sub-title.v3::before, .section-title.v9 .sub-title.v3::before,
.section-title-center.v1 .sub-title.v3::before,
.section-title-center.v3 .sub-title.v3::before,
.section-title-center.v5 .sub-title.v3::before,
.section-title-center.v9 .sub-title.v3::before,
.section-title-white.v1 .sub-title.v3::before,
.section-title-white.v3 .sub-title.v3::before,
.section-title-white.v5 .sub-title.v3::before,
.section-title-white.v9 .sub-title.v3::before,
.section-title-center-white.v1 .sub-title.v3::before,
.section-title-center-white.v3 .sub-title.v3::before,
.section-title-center-white.v5 .sub-title.v3::before,
.section-title-center-white.v9 .sub-title.v3::before {
background: var(--color-white);
}
.section-title.v1 .sub-title.v4, .section-title.v3 .sub-title.v4, .section-title.v5 .sub-title.v4, .section-title.v9 .sub-title.v4,
.section-title-center.v1 .sub-title.v4,
.section-title-center.v3 .sub-title.v4,
.section-title-center.v5 .sub-title.v4,
.section-title-center.v9 .sub-title.v4,
.section-title-white.v1 .sub-title.v4,
.section-title-white.v3 .sub-title.v4,
.section-title-white.v5 .sub-title.v4,
.section-title-white.v9 .sub-title.v4,
.section-title-center-white.v1 .sub-title.v4,
.section-title-center-white.v3 .sub-title.v4,
.section-title-center-white.v5 .sub-title.v4,
.section-title-center-white.v9 .sub-title.v4 {
color: var(--color-black2);
}
.section-title.v1 .sub-title.v4::before, .section-title.v3 .sub-title.v4::before, .section-title.v5 .sub-title.v4::before, .section-title.v9 .sub-title.v4::before,
.section-title-center.v1 .sub-title.v4::before,
.section-title-center.v3 .sub-title.v4::before,
.section-title-center.v5 .sub-title.v4::before,
.section-title-center.v9 .sub-title.v4::before,
.section-title-white.v1 .sub-title.v4::before,
.section-title-white.v3 .sub-title.v4::before,
.section-title-white.v5 .sub-title.v4::before,
.section-title-white.v9 .sub-title.v4::before,
.section-title-center-white.v1 .sub-title.v4::before,
.section-title-center-white.v3 .sub-title.v4::before,
.section-title-center-white.v5 .sub-title.v4::before,
.section-title-center-white.v9 .sub-title.v4::before {
background: var(--color-blue);
}
.section-title.v1 .sub-title.v5, .section-title.v1 .sub-title.v6, .section-title.v3 .sub-title.v5, .section-title.v3 .sub-title.v6, .section-title.v5 .sub-title.v5, .section-title.v5 .sub-title.v6, .section-title.v9 .sub-title.v5, .section-title.v9 .sub-title.v6,
.section-title-center.v1 .sub-title.v5,
.section-title-center.v1 .sub-title.v6,
.section-title-center.v3 .sub-title.v5,
.section-title-center.v3 .sub-title.v6,
.section-title-center.v5 .sub-title.v5,
.section-title-center.v5 .sub-title.v6,
.section-title-center.v9 .sub-title.v5,
.section-title-center.v9 .sub-title.v6,
.section-title-white.v1 .sub-title.v5,
.section-title-white.v1 .sub-title.v6,
.section-title-white.v3 .sub-title.v5,
.section-title-white.v3 .sub-title.v6,
.section-title-white.v5 .sub-title.v5,
.section-title-white.v5 .sub-title.v6,
.section-title-white.v9 .sub-title.v5,
.section-title-white.v9 .sub-title.v6,
.section-title-center-white.v1 .sub-title.v5,
.section-title-center-white.v1 .sub-title.v6,
.section-title-center-white.v3 .sub-title.v5,
.section-title-center-white.v3 .sub-title.v6,
.section-title-center-white.v5 .sub-title.v5,
.section-title-center-white.v5 .sub-title.v6,
.section-title-center-white.v9 .sub-title.v5,
.section-title-center-white.v9 .sub-title.v6 {
padding-left: 0px;
}
.section-title.v1 .sub-title.v5::before, .section-title.v1 .sub-title.v6::before, .section-title.v3 .sub-title.v5::before, .section-title.v3 .sub-title.v6::before, .section-title.v5 .sub-title.v5::before, .section-title.v5 .sub-title.v6::before, .section-title.v9 .sub-title.v5::before, .section-title.v9 .sub-title.v6::before,
.section-title-center.v1 .sub-title.v5::before,
.section-title-center.v1 .sub-title.v6::before,
.section-title-center.v3 .sub-title.v5::before,
.section-title-center.v3 .sub-title.v6::before,
.section-title-center.v5 .sub-title.v5::before,
.section-title-center.v5 .sub-title.v6::before,
.section-title-center.v9 .sub-title.v5::before,
.section-title-center.v9 .sub-title.v6::before,
.section-title-white.v1 .sub-title.v5::before,
.section-title-white.v1 .sub-title.v6::before,
.section-title-white.v3 .sub-title.v5::before,
.section-title-white.v3 .sub-title.v6::before,
.section-title-white.v5 .sub-title.v5::before,
.section-title-white.v5 .sub-title.v6::before,
.section-title-white.v9 .sub-title.v5::before,
.section-title-white.v9 .sub-title.v6::before,
.section-title-center-white.v1 .sub-title.v5::before,
.section-title-center-white.v1 .sub-title.v6::before,
.section-title-center-white.v3 .sub-title.v5::before,
.section-title-center-white.v3 .sub-title.v6::before,
.section-title-center-white.v5 .sub-title.v5::before,
.section-title-center-white.v5 .sub-title.v6::before,
.section-title-center-white.v9 .sub-title.v5::before,
.section-title-center-white.v9 .sub-title.v6::before {
content: none;
}
.section-title.v1 .sub-title.v6, .section-title.v3 .sub-title.v6, .section-title.v5 .sub-title.v6, .section-title.v9 .sub-title.v6,
.section-title-center.v1 .sub-title.v6,
.section-title-center.v3 .sub-title.v6,
.section-title-center.v5 .sub-title.v6,
.section-title-center.v9 .sub-title.v6,
.section-title-white.v1 .sub-title.v6,
.section-title-white.v3 .sub-title.v6,
.section-title-white.v5 .sub-title.v6,
.section-title-white.v9 .sub-title.v6,
.section-title-center-white.v1 .sub-title.v6,
.section-title-center-white.v3 .sub-title.v6,
.section-title-center-white.v5 .sub-title.v6,
.section-title-center-white.v9 .sub-title.v6 {
color: var(--color-white);
}
.section-title.v1 .sub-title.v7, .section-title.v3 .sub-title.v7, .section-title.v5 .sub-title.v7, .section-title.v9 .sub-title.v7,
.section-title-center.v1 .sub-title.v7,
.section-title-center.v3 .sub-title.v7,
.section-title-center.v5 .sub-title.v7,
.section-title-center.v9 .sub-title.v7,
.section-title-white.v1 .sub-title.v7,
.section-title-white.v3 .sub-title.v7,
.section-title-white.v5 .sub-title.v7,
.section-title-white.v9 .sub-title.v7,
.section-title-center-white.v1 .sub-title.v7,
.section-title-center-white.v3 .sub-title.v7,
.section-title-center-white.v5 .sub-title.v7,
.section-title-center-white.v9 .sub-title.v7 {
color: var(--color-dGreen);
font-weight: 700;
}
.section-title.v1 .sub-title.v7::before, .section-title.v3 .sub-title.v7::before, .section-title.v5 .sub-title.v7::before, .section-title.v9 .sub-title.v7::before,
.section-title-center.v1 .sub-title.v7::before,
.section-title-center.v3 .sub-title.v7::before,
.section-title-center.v5 .sub-title.v7::before,
.section-title-center.v9 .sub-title.v7::before,
.section-title-white.v1 .sub-title.v7::before,
.section-title-white.v3 .sub-title.v7::before,
.section-title-white.v5 .sub-title.v7::before,
.section-title-white.v9 .sub-title.v7::before,
.section-title-center-white.v1 .sub-title.v7::before,
.section-title-center-white.v3 .sub-title.v7::before,
.section-title-center-white.v5 .sub-title.v7::before,
.section-title-center-white.v9 .sub-title.v7::before {
background: var(--color-dGreen);
}
.section-title.v1 .sub-title.v8, .section-title.v3 .sub-title.v8, .section-title.v5 .sub-title.v8, .section-title.v9 .sub-title.v8,
.section-title-center.v1 .sub-title.v8,
.section-title-center.v3 .sub-title.v8,
.section-title-center.v5 .sub-title.v8,
.section-title-center.v9 .sub-title.v8,
.section-title-white.v1 .sub-title.v8,
.section-title-white.v3 .sub-title.v8,
.section-title-white.v5 .sub-title.v8,
.section-title-white.v9 .sub-title.v8,
.section-title-center-white.v1 .sub-title.v8,
.section-title-center-white.v3 .sub-title.v8,
.section-title-center-white.v5 .sub-title.v8,
.section-title-center-white.v9 .sub-title.v8 {
color: var(--color-lime);
font-weight: 700;
}
.section-title.v1 .sub-title.v8::before, .section-title.v3 .sub-title.v8::before, .section-title.v5 .sub-title.v8::before, .section-title.v9 .sub-title.v8::before,
.section-title-center.v1 .sub-title.v8::before,
.section-title-center.v3 .sub-title.v8::before,
.section-title-center.v5 .sub-title.v8::before,
.section-title-center.v9 .sub-title.v8::before,
.section-title-white.v1 .sub-title.v8::before,
.section-title-white.v3 .sub-title.v8::before,
.section-title-white.v5 .sub-title.v8::before,
.section-title-white.v9 .sub-title.v8::before,
.section-title-center-white.v1 .sub-title.v8::before,
.section-title-center-white.v3 .sub-title.v8::before,
.section-title-center-white.v5 .sub-title.v8::before,
.section-title-center-white.v9 .sub-title.v8::before {
background: var(--color-lime);
}
.section-title.v1 .sub-title.v9, .section-title.v3 .sub-title.v9, .section-title.v5 .sub-title.v9, .section-title.v9 .sub-title.v9,
.section-title-center.v1 .sub-title.v9,
.section-title-center.v3 .sub-title.v9,
.section-title-center.v5 .sub-title.v9,
.section-title-center.v9 .sub-title.v9,
.section-title-white.v1 .sub-title.v9,
.section-title-white.v3 .sub-title.v9,
.section-title-white.v5 .sub-title.v9,
.section-title-white.v9 .sub-title.v9,
.section-title-center-white.v1 .sub-title.v9,
.section-title-center-white.v3 .sub-title.v9,
.section-title-center-white.v5 .sub-title.v9,
.section-title-center-white.v9 .sub-title.v9 {
padding-left: 22px;
color: var(--color-gBlack3);
font-weight: 700;
}
.section-title.v1 .sub-title.v9::before, .section-title.v3 .sub-title.v9::before, .section-title.v5 .sub-title.v9::before, .section-title.v9 .sub-title.v9::before,
.section-title-center.v1 .sub-title.v9::before,
.section-title-center.v3 .sub-title.v9::before,
.section-title-center.v5 .sub-title.v9::before,
.section-title-center.v9 .sub-title.v9::before,
.section-title-white.v1 .sub-title.v9::before,
.section-title-white.v3 .sub-title.v9::before,
.section-title-white.v5 .sub-title.v9::before,
.section-title-white.v9 .sub-title.v9::before,
.section-title-center-white.v1 .sub-title.v9::before,
.section-title-center-white.v3 .sub-title.v9::before,
.section-title-center-white.v5 .sub-title.v9::before,
.section-title-center-white.v9 .sub-title.v9::before {
border-radius: 0px;
background: var(--color-bluGradient);
}
.section-title.v1 .sub-title.v10, .section-title.v1 .sub-title.v11, .section-title.v3 .sub-title.v10, .section-title.v3 .sub-title.v11, .section-title.v5 .sub-title.v10, .section-title.v5 .sub-title.v11, .section-title.v9 .sub-title.v10, .section-title.v9 .sub-title.v11,
.section-title-center.v1 .sub-title.v10,
.section-title-center.v1 .sub-title.v11,
.section-title-center.v3 .sub-title.v10,
.section-title-center.v3 .sub-title.v11,
.section-title-center.v5 .sub-title.v10,
.section-title-center.v5 .sub-title.v11,
.section-title-center.v9 .sub-title.v10,
.section-title-center.v9 .sub-title.v11,
.section-title-white.v1 .sub-title.v10,
.section-title-white.v1 .sub-title.v11,
.section-title-white.v3 .sub-title.v10,
.section-title-white.v3 .sub-title.v11,
.section-title-white.v5 .sub-title.v10,
.section-title-white.v5 .sub-title.v11,
.section-title-white.v9 .sub-title.v10,
.section-title-white.v9 .sub-title.v11,
.section-title-center-white.v1 .sub-title.v10,
.section-title-center-white.v1 .sub-title.v11,
.section-title-center-white.v3 .sub-title.v10,
.section-title-center-white.v3 .sub-title.v11,
.section-title-center-white.v5 .sub-title.v10,
.section-title-center-white.v5 .sub-title.v11,
.section-title-center-white.v9 .sub-title.v10,
.section-title-center-white.v9 .sub-title.v11 {
padding-left: 42px;
font-weight: 400;
}
.section-title.v1 .sub-title.v10::before, .section-title.v1 .sub-title.v11::before, .section-title.v3 .sub-title.v10::before, .section-title.v3 .sub-title.v11::before, .section-title.v5 .sub-title.v10::before, .section-title.v5 .sub-title.v11::before, .section-title.v9 .sub-title.v10::before, .section-title.v9 .sub-title.v11::before,
.section-title-center.v1 .sub-title.v10::before,
.section-title-center.v1 .sub-title.v11::before,
.section-title-center.v3 .sub-title.v10::before,
.section-title-center.v3 .sub-title.v11::before,
.section-title-center.v5 .sub-title.v10::before,
.section-title-center.v5 .sub-title.v11::before,
.section-title-center.v9 .sub-title.v10::before,
.section-title-center.v9 .sub-title.v11::before,
.section-title-white.v1 .sub-title.v10::before,
.section-title-white.v1 .sub-title.v11::before,
.section-title-white.v3 .sub-title.v10::before,
.section-title-white.v3 .sub-title.v11::before,
.section-title-white.v5 .sub-title.v10::before,
.section-title-white.v5 .sub-title.v11::before,
.section-title-white.v9 .sub-title.v10::before,
.section-title-white.v9 .sub-title.v11::before,
.section-title-center-white.v1 .sub-title.v10::before,
.section-title-center-white.v1 .sub-title.v11::before,
.section-title-center-white.v3 .sub-title.v10::before,
.section-title-center-white.v3 .sub-title.v11::before,
.section-title-center-white.v5 .sub-title.v10::before,
.section-title-center-white.v5 .sub-title.v11::before,
.section-title-center-white.v9 .sub-title.v10::before,
.section-title-center-white.v9 .sub-title.v11::before {
top: 15px;
width: 32px;
height: 2px;
border-radius: 0px;
}
.section-title.v1 .sub-title.v10, .section-title.v3 .sub-title.v10, .section-title.v5 .sub-title.v10, .section-title.v9 .sub-title.v10,
.section-title-center.v1 .sub-title.v10,
.section-title-center.v3 .sub-title.v10,
.section-title-center.v5 .sub-title.v10,
.section-title-center.v9 .sub-title.v10,
.section-title-white.v1 .sub-title.v10,
.section-title-white.v3 .sub-title.v10,
.section-title-white.v5 .sub-title.v10,
.section-title-white.v9 .sub-title.v10,
.section-title-center-white.v1 .sub-title.v10,
.section-title-center-white.v3 .sub-title.v10,
.section-title-center-white.v5 .sub-title.v10,
.section-title-center-white.v9 .sub-title.v10 {
color: var(--color-white);
}
.section-title.v1 .sub-title.v10::before, .section-title.v3 .sub-title.v10::before, .section-title.v5 .sub-title.v10::before, .section-title.v9 .sub-title.v10::before,
.section-title-center.v1 .sub-title.v10::before,
.section-title-center.v3 .sub-title.v10::before,
.section-title-center.v5 .sub-title.v10::before,
.section-title-center.v9 .sub-title.v10::before,
.section-title-white.v1 .sub-title.v10::before,
.section-title-white.v3 .sub-title.v10::before,
.section-title-white.v5 .sub-title.v10::before,
.section-title-white.v9 .sub-title.v10::before,
.section-title-center-white.v1 .sub-title.v10::before,
.section-title-center-white.v3 .sub-title.v10::before,
.section-title-center-white.v5 .sub-title.v10::before,
.section-title-center-white.v9 .sub-title.v10::before {
background: var(--color-white);
}
.section-title.v1 .sub-title.v11, .section-title.v3 .sub-title.v11, .section-title.v5 .sub-title.v11, .section-title.v9 .sub-title.v11,
.section-title-center.v1 .sub-title.v11,
.section-title-center.v3 .sub-title.v11,
.section-title-center.v5 .sub-title.v11,
.section-title-center.v9 .sub-title.v11,
.section-title-white.v1 .sub-title.v11,
.section-title-white.v3 .sub-title.v11,
.section-title-white.v5 .sub-title.v11,
.section-title-white.v9 .sub-title.v11,
.section-title-center-white.v1 .sub-title.v11,
.section-title-center-white.v3 .sub-title.v11,
.section-title-center-white.v5 .sub-title.v11,
.section-title-center-white.v9 .sub-title.v11 {
color: var(--color-gBlack12);
}
.section-title.v1 .sub-title.v11::before, .section-title.v3 .sub-title.v11::before, .section-title.v5 .sub-title.v11::before, .section-title.v9 .sub-title.v11::before,
.section-title-center.v1 .sub-title.v11::before,
.section-title-center.v3 .sub-title.v11::before,
.section-title-center.v5 .sub-title.v11::before,
.section-title-center.v9 .sub-title.v11::before,
.section-title-white.v1 .sub-title.v11::before,
.section-title-white.v3 .sub-title.v11::before,
.section-title-white.v5 .sub-title.v11::before,
.section-title-white.v9 .sub-title.v11::before,
.section-title-center-white.v1 .sub-title.v11::before,
.section-title-center-white.v3 .sub-title.v11::before,
.section-title-center-white.v5 .sub-title.v11::before,
.section-title-center-white.v9 .sub-title.v11::before {
background: -webkit-gradient(linear, left top, right top, color-stop(-18.49%, #30d7f1), color-stop(48.96%, #79fa4b), color-stop(132.87%, #fce344));
background: linear-gradient(90deg, #30d7f1 -18.49%, #79fa4b 48.96%, #fce344 132.87%);
}
.section-title.v1 .sub-title.v12, .section-title.v3 .sub-title.v12, .section-title.v5 .sub-title.v12, .section-title.v9 .sub-title.v12,
.section-title-center.v1 .sub-title.v12,
.section-title-center.v3 .sub-title.v12,
.section-title-center.v5 .sub-title.v12,
.section-title-center.v9 .sub-title.v12,
.section-title-white.v1 .sub-title.v12,
.section-title-white.v3 .sub-title.v12,
.section-title-white.v5 .sub-title.v12,
.section-title-white.v9 .sub-title.v12,
.section-title-center-white.v1 .sub-title.v12,
.section-title-center-white.v3 .sub-title.v12,
.section-title-center-white.v5 .sub-title.v12,
.section-title-center-white.v9 .sub-title.v12 {
padding-left: 0;
color: var(--color-dGreen8);
font-weight: 700;
}
.section-title.v1 .sub-title.v12::before, .section-title.v3 .sub-title.v12::before, .section-title.v5 .sub-title.v12::before, .section-title.v9 .sub-title.v12::before,
.section-title-center.v1 .sub-title.v12::before,
.section-title-center.v3 .sub-title.v12::before,
.section-title-center.v5 .sub-title.v12::before,
.section-title-center.v9 .sub-title.v12::before,
.section-title-white.v1 .sub-title.v12::before,
.section-title-white.v3 .sub-title.v12::before,
.section-title-white.v5 .sub-title.v12::before,
.section-title-white.v9 .sub-title.v12::before,
.section-title-center-white.v1 .sub-title.v12::before,
.section-title-center-white.v3 .sub-title.v12::before,
.section-title-center-white.v5 .sub-title.v12::before,
.section-title-center-white.v9 .sub-title.v12::before {
display: none;
}
.section-title.v1 .sub-title.v13, .section-title.v3 .sub-title.v13, .section-title.v5 .sub-title.v13, .section-title.v9 .sub-title.v13,
.section-title-center.v1 .sub-title.v13,
.section-title-center.v3 .sub-title.v13,
.section-title-center.v5 .sub-title.v13,
.section-title-center.v9 .sub-title.v13,
.section-title-white.v1 .sub-title.v13,
.section-title-white.v3 .sub-title.v13,
.section-title-white.v5 .sub-title.v13,
.section-title-white.v9 .sub-title.v13,
.section-title-center-white.v1 .sub-title.v13,
.section-title-center-white.v3 .sub-title.v13,
.section-title-center-white.v5 .sub-title.v13,
.section-title-center-white.v9 .sub-title.v13 {
color: var(--color-lgreen);
font-weight: 700;
font-size: 16px;
line-height: 26px;
padding-left: 0;
}
.section-title.v1 .sub-title.v13::before, .section-title.v3 .sub-title.v13::before, .section-title.v5 .sub-title.v13::before, .section-title.v9 .sub-title.v13::before,
.section-title-center.v1 .sub-title.v13::before,
.section-title-center.v3 .sub-title.v13::before,
.section-title-center.v5 .sub-title.v13::before,
.section-title-center.v9 .sub-title.v13::before,
.section-title-white.v1 .sub-title.v13::before,
.section-title-white.v3 .sub-title.v13::before,
.section-title-white.v5 .sub-title.v13::before,
.section-title-white.v9 .sub-title.v13::before,
.section-title-center-white.v1 .sub-title.v13::before,
.section-title-center-white.v3 .sub-title.v13::before,
.section-title-center-white.v5 .sub-title.v13::before,
.section-title-center-white.v9 .sub-title.v13::before {
display: none;
}
.section-title.v1 .sub-title.v14, .section-title.v3 .sub-title.v14, .section-title.v5 .sub-title.v14, .section-title.v9 .sub-title.v14,
.section-title-center.v1 .sub-title.v14,
.section-title-center.v3 .sub-title.v14,
.section-title-center.v5 .sub-title.v14,
.section-title-center.v9 .sub-title.v14,
.section-title-white.v1 .sub-title.v14,
.section-title-white.v3 .sub-title.v14,
.section-title-white.v5 .sub-title.v14,
.section-title-white.v9 .sub-title.v14,
.section-title-center-white.v1 .sub-title.v14,
.section-title-center-white.v3 .sub-title.v14,
.section-title-center-white.v5 .sub-title.v14,
.section-title-center-white.v9 .sub-title.v14 {
color: #d9f6ef;
font-weight: 500;
font-size: 13px;
line-height: 23px;
padding-left: 0;
}
.section-title.v1 .sub-title.v14::before, .section-title.v3 .sub-title.v14::before, .section-title.v5 .sub-title.v14::before, .section-title.v9 .sub-title.v14::before,
.section-title-center.v1 .sub-title.v14::before,
.section-title-center.v3 .sub-title.v14::before,
.section-title-center.v5 .sub-title.v14::before,
.section-title-center.v9 .sub-title.v14::before,
.section-title-white.v1 .sub-title.v14::before,
.section-title-white.v3 .sub-title.v14::before,
.section-title-white.v5 .sub-title.v14::before,
.section-title-white.v9 .sub-title.v14::before,
.section-title-center-white.v1 .sub-title.v14::before,
.section-title-center-white.v3 .sub-title.v14::before,
.section-title-center-white.v5 .sub-title.v14::before,
.section-title-center-white.v9 .sub-title.v14::before {
display: none;
}
.section-title.v1 .big-title,
.section-title-center.v1 .big-title,
.section-title-white.v1 .big-title,
.section-title-center-white.v1 .big-title {
font-weight: 600;
font-size: 64px;
line-height: 74px;
}
.section-title.v1 .big-title ~ .title-para,
.section-title-center.v1 .big-title ~ .title-para,
.section-title-white.v1 .big-title ~ .title-para,
.section-title-center-white.v1 .big-title ~ .title-para {
margin-top: 25px;
}
.section-title.v1 .sub-title ~ .big-title,
.section-title-center.v1 .sub-title ~ .big-title,
.section-title-white.v1 .sub-title ~ .big-title,
.section-title-center-white.v1 .sub-title ~ .big-title {
margin-top: 10px;
}
.section-title.v1 .title-para.v2,
.section-title-center.v1 .title-para.v2,
.section-title-white.v1 .title-para.v2,
.section-title-center-white.v1 .title-para.v2 {
color: var(--color-gBlack3);
}
.section-title.v2 .big-title,
.section-title-center.v2 .big-title,
.section-title-white.v2 .big-title,
.section-title-center-white.v2 .big-title {
text-transform: uppercase;
font-weight: 500;
font-size: 55px;
line-height: 74px;
}
.section-title.v2 .big-title ~ .title-para,
.section-title-center.v2 .big-title ~ .title-para,
.section-title-white.v2 .big-title ~ .title-para,
.section-title-center-white.v2 .big-title ~ .title-para {
margin-top: 25px;
}
.section-title.v3 .big-title,
.section-title-center.v3 .big-title,
.section-title-white.v3 .big-title,
.section-title-center-white.v3 .big-title {
font-weight: 700;
font-size: 60px;
line-height: 70px;
}
.section-title.v3 .big-title ~ .title-para,
.section-title-center.v3 .big-title ~ .title-para,
.section-title-white.v3 .big-title ~ .title-para,
.section-title-center-white.v3 .big-title ~ .title-para {
margin-top: 36px;
}
.section-title.v3 .sub-title ~ .big-title,
.section-title-center.v3 .sub-title ~ .big-title,
.section-title-white.v3 .sub-title ~ .big-title,
.section-title-center-white.v3 .sub-title ~ .big-title {
margin-top: 20px;
}
.section-title.v3 .title-para,
.section-title-center.v3 .title-para,
.section-title-white.v3 .title-para,
.section-title-center-white.v3 .title-para {
color: var(--color-gBlack9);
font-weight: 500;
}
.section-title.v4 .big-title, .section-title.v7 .big-title,
.section-title-center.v4 .big-title,
.section-title-center.v7 .big-title,
.section-title-white.v4 .big-title,
.section-title-white.v7 .big-title,
.section-title-center-white.v4 .big-title,
.section-title-center-white.v7 .big-title {
font-weight: 700;
font-size: 55px;
line-height: 80px;
}
.section-title.v4 .big-title ~ .title-para, .section-title.v7 .big-title ~ .title-para,
.section-title-center.v4 .big-title ~ .title-para,
.section-title-center.v7 .big-title ~ .title-para,
.section-title-white.v4 .big-title ~ .title-para,
.section-title-white.v7 .big-title ~ .title-para,
.section-title-center-white.v4 .big-title ~ .title-para,
.section-title-center-white.v7 .big-title ~ .title-para {
margin-top: 23px;
}
.section-title.v4 .sub-title ~ .big-title, .section-title.v7 .sub-title ~ .big-title,
.section-title-center.v4 .sub-title ~ .big-title,
.section-title-center.v7 .sub-title ~ .big-title,
.section-title-white.v4 .sub-title ~ .big-title,
.section-title-white.v7 .sub-title ~ .big-title,
.section-title-center-white.v4 .sub-title ~ .big-title,
.section-title-center-white.v7 .sub-title ~ .big-title {
margin-top: 20px;
}
.section-title.v4 .title-para, .section-title.v7 .title-para,
.section-title-center.v4 .title-para,
.section-title-center.v7 .title-para,
.section-title-white.v4 .title-para,
.section-title-white.v7 .title-para,
.section-title-center-white.v4 .title-para,
.section-title-center-white.v7 .title-para {
font-size: 20px;
line-height: 30px;
color: var(--color-gBlack11);
font-weight: 500;
}
.section-title.v4 .bg-text-color, .section-title.v7 .bg-text-color,
.section-title-center.v4 .bg-text-color,
.section-title-center.v7 .bg-text-color,
.section-title-white.v4 .bg-text-color,
.section-title-white.v7 .bg-text-color,
.section-title-center-white.v4 .bg-text-color,
.section-title-center-white.v7 .bg-text-color {
color: var(--color-white);
padding: 23px 25px 35px 20px;
background-repeat: no-repeat;
background-size: 100%, 100%;
background-position: center;
}
.section-title.v4 .bg-shap-cover, .section-title.v7 .bg-shap-cover,
.section-title-center.v4 .bg-shap-cover,
.section-title-center.v7 .bg-shap-cover,
.section-title-white.v4 .bg-shap-cover,
.section-title-white.v7 .bg-shap-cover,
.section-title-center-white.v4 .bg-shap-cover,
.section-title-center-white.v7 .bg-shap-cover {
background-size: contain;
}
.section-title.v5 .big-title,
.section-title-center.v5 .big-title,
.section-title-white.v5 .big-title,
.section-title-center-white.v5 .big-title {
font-weight: 700;
font-size: 50px;
line-height: 60px;
}
.section-title.v5 .big-title ~ .title-para,
.section-title-center.v5 .big-title ~ .title-para,
.section-title-white.v5 .big-title ~ .title-para,
.section-title-center-white.v5 .big-title ~ .title-para {
margin-top: 23px;
}
.section-title.v5 .sub-title ~ .big-title,
.section-title-center.v5 .sub-title ~ .big-title,
.section-title-white.v5 .sub-title ~ .big-title,
.section-title-center-white.v5 .sub-title ~ .big-title {
margin-top: 35px;
}
.section-title.v5 .title-para,
.section-title-center.v5 .title-para,
.section-title-white.v5 .title-para,
.section-title-center-white.v5 .title-para {
font-size: 20px;
line-height: 30px;
color: var(--color-gBlack11);
font-weight: 500;
}
.section-title.v6 .big-title,
.section-title-center.v6 .big-title,
.section-title-white.v6 .big-title,
.section-title-center-white.v6 .big-title {
font-weight: 700;
font-size: 55px;
letter-spacing: -0.9px;
line-height: 70px;
}
.section-title.v6 .big-title ~ .title-para,
.section-title-center.v6 .big-title ~ .title-para,
.section-title-white.v6 .big-title ~ .title-para,
.section-title-center-white.v6 .big-title ~ .title-para {
margin-top: 32px;
}
.section-title.v6 .sub-title ~ .big-title,
.section-title-center.v6 .sub-title ~ .big-title,
.section-title-white.v6 .sub-title ~ .big-title,
.section-title-center-white.v6 .sub-title ~ .big-title {
margin-top: 20px;
}
.section-title.v6 .title-para,
.section-title-center.v6 .title-para,
.section-title-white.v6 .title-para,
.section-title-center-white.v6 .title-para {
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack12);
font-weight: 400;
}
.section-title.v6 ~ .all-btns,
.section-title-center.v6 ~ .all-btns,
.section-title-white.v6 ~ .all-btns,
.section-title-center-white.v6 ~ .all-btns {
margin-top: 51px;
}
.section-title.v7 .title-para,
.section-title-center.v7 .title-para,
.section-title-white.v7 .title-para,
.section-title-center-white.v7 .title-para {
color: var(--color-white);
}
.section-title.v8 .big-title,
.section-title-center.v8 .big-title,
.section-title-white.v8 .big-title,
.section-title-center-white.v8 .big-title {
font-weight: 400;
font-size: 55px;
letter-spacing: -0.4px;
line-height: 70px;
}
.section-title.v8 .big-title ~ .title-para,
.section-title-center.v8 .big-title ~ .title-para,
.section-title-white.v8 .big-title ~ .title-para,
.section-title-center-white.v8 .big-title ~ .title-para {
margin-top: 30px;
}
.section-title.v9 .sub-title ~ .big-title,
.section-title-center.v9 .sub-title ~ .big-title,
.section-title-white.v9 .sub-title ~ .big-title,
.section-title-center-white.v9 .sub-title ~ .big-title {
margin-top: 15px;
}
.section-title.v9 .big-title,
.section-title-center.v9 .big-title,
.section-title-white.v9 .big-title,
.section-title-center-white.v9 .big-title {
font-weight: 700;
font-size: 65px;
line-height: 75px;
color: var(--color-dGreen8);
}
.section-title.v9 .big-title .text-color,
.section-title-center.v9 .big-title .text-color,
.section-title-white.v9 .big-title .text-color,
.section-title-center-white.v9 .big-title .text-color {
color: var(--color-green5);
}
.section-title.v9 .big-title ~ .title-para,
.section-title-center.v9 .big-title ~ .title-para,
.section-title-white.v9 .big-title ~ .title-para,
.section-title-center-white.v9 .big-title ~ .title-para {
margin-top: 20px;
}
.section-title.v9 .title-para,
.section-title-center.v9 .title-para,
.section-title-white.v9 .title-para,
.section-title-center-white.v9 .title-para {
color: var(--color-gBlack18);
}
.section-title ~ .row, .section-title ~ .slider,
.section-title-center ~ .row,
.section-title-center ~ .slider,
.section-title-white ~ .row,
.section-title-white ~ .slider,
.section-title-center-white ~ .row,
.section-title-center-white ~ .slider {
margin-top: 60px;
}
.section-title ~ .all-btns,
.section-title-center ~ .all-btns,
.section-title-white ~ .all-btns,
.section-title-center-white ~ .all-btns {
margin-top: 40px;
}
.title-left-right-center,
.title-left-right-end,
.all-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.title-left-right-center,
.title-left-right-end {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.title-left-right-center .prev-btn,
.title-left-right-center .next-btn,
.title-left-right-end .prev-btn,
.title-left-right-end .next-btn {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
font-size: 15px;
line-height: 52px;
color: var(--color-black);
border-radius: 50px;
background: var(--color-white);
}
.title-left-right-center .prev-btn:hover,
.title-left-right-center .next-btn:hover,
.title-left-right-end .prev-btn:hover,
.title-left-right-end .next-btn:hover {
color: var(--color-blue);
background: var(--color-black);
}
.title-left-right-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.title-left-right-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.section-title-center,
.section-title-center-white {
text-align: center;
}
.section-title-center .sub-title,
.section-title-center .big-title,
.section-title-center .title-para,
.section-title-center-white .sub-title,
.section-title-center-white .big-title,
.section-title-center-white .title-para {
margin-left: auto;
margin-right: auto;
}
.section-title-center .sub-title,
.section-title-center-white .sub-title {
display: inline-block;
}
.section-title-white .big-title,
.section-title-white .title-para, .section-title-white.v3 .title-para, .section-title-white.v9 .sub-title.v12, .section-title-white.v9 .big-title,
.section-title-center-white .big-title,
.section-title-center-white .title-para,
.section-title-center-white.v3 .title-para,
.section-title-center-white.v9 .sub-title.v12,
.section-title-center-white.v9 .big-title {
color: var(--color-white);
}
.section-title-white.v9 .title-para,
.section-title-center-white.v9 .title-para {
color: var(--color-gBlack3);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.link-anime.v1, .link-anime.v2, .link-anime.v3, .link-anime.v4, .link-anime.v5, .link-anime.v6, .link-anime.v7, .link-anime.v8, .link-anime.v9, .link-anime.v10, .link-anime.v11, .link-anime.v12, .link-anime.v13, .link-anime.v14, .link-anime.v16, .link-anime.v17, .link-anime.v18, .link-anime.v19, .link-anime.v21, .link-anime.v22, .link-anime.v23, .link-anime.v24, .link-anime.v25,
.btn-anime.v1,
.btn-anime.v2,
.btn-anime.v3,
.btn-anime.v4,
.btn-anime.v5,
.btn-anime.v6,
.btn-anime.v7,
.btn-anime.v8,
.btn-anime.v9,
.btn-anime.v10,
.btn-anime.v11,
.btn-anime.v12,
.btn-anime.v13,
.btn-anime.v14,
.btn-anime.v16,
.btn-anime.v17,
.btn-anime.v18,
.btn-anime.v19,
.btn-anime.v21,
.btn-anime.v22,
.btn-anime.v23,
.btn-anime.v24,
.btn-anime.v25 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.2px;
}
.link-anime.v1.icon-1::after, .link-anime.v1.icon-2::after, .link-anime.v1.icon-3::before, .link-anime.v1.icon-4::after, .link-anime.v1.icon-5::before, .link-anime.v2.icon-1::after, .link-anime.v2.icon-2::after, .link-anime.v2.icon-3::before, .link-anime.v2.icon-4::after, .link-anime.v2.icon-5::before, .link-anime.v3.icon-1::after, .link-anime.v3.icon-2::after, .link-anime.v3.icon-3::before, .link-anime.v3.icon-4::after, .link-anime.v3.icon-5::before, .link-anime.v4.icon-1::after, .link-anime.v4.icon-2::after, .link-anime.v4.icon-3::before, .link-anime.v4.icon-4::after, .link-anime.v4.icon-5::before, .link-anime.v5.icon-1::after, .link-anime.v5.icon-2::after, .link-anime.v5.icon-3::before, .link-anime.v5.icon-4::after, .link-anime.v5.icon-5::before, .link-anime.v6.icon-1::after, .link-anime.v6.icon-2::after, .link-anime.v6.icon-3::before, .link-anime.v6.icon-4::after, .link-anime.v6.icon-5::before, .link-anime.v7.icon-1::after, .link-anime.v7.icon-2::after, .link-anime.v7.icon-3::before, .link-anime.v7.icon-4::after, .link-anime.v7.icon-5::before, .link-anime.v8.icon-1::after, .link-anime.v8.icon-2::after, .link-anime.v8.icon-3::before, .link-anime.v8.icon-4::after, .link-anime.v8.icon-5::before, .link-anime.v9.icon-1::after, .link-anime.v9.icon-2::after, .link-anime.v9.icon-3::before, .link-anime.v9.icon-4::after, .link-anime.v9.icon-5::before, .link-anime.v10.icon-1::after, .link-anime.v10.icon-2::after, .link-anime.v10.icon-3::before, .link-anime.v10.icon-4::after, .link-anime.v10.icon-5::before, .link-anime.v11.icon-1::after, .link-anime.v11.icon-2::after, .link-anime.v11.icon-3::before, .link-anime.v11.icon-4::after, .link-anime.v11.icon-5::before, .link-anime.v12.icon-1::after, .link-anime.v12.icon-2::after, .link-anime.v12.icon-3::before, .link-anime.v12.icon-4::after, .link-anime.v12.icon-5::before, .link-anime.v13.icon-1::after, .link-anime.v13.icon-2::after, .link-anime.v13.icon-3::before, .link-anime.v13.icon-4::after, .link-anime.v13.icon-5::before, .link-anime.v14.icon-1::after, .link-anime.v14.icon-2::after, .link-anime.v14.icon-3::before, .link-anime.v14.icon-4::after, .link-anime.v14.icon-5::before, .link-anime.v16.icon-1::after, .link-anime.v16.icon-2::after, .link-anime.v16.icon-3::before, .link-anime.v16.icon-4::after, .link-anime.v16.icon-5::before, .link-anime.v17.icon-1::after, .link-anime.v17.icon-2::after, .link-anime.v17.icon-3::before, .link-anime.v17.icon-4::after, .link-anime.v17.icon-5::before, .link-anime.v18.icon-1::after, .link-anime.v18.icon-2::after, .link-anime.v18.icon-3::before, .link-anime.v18.icon-4::after, .link-anime.v18.icon-5::before, .link-anime.v19.icon-1::after, .link-anime.v19.icon-2::after, .link-anime.v19.icon-3::before, .link-anime.v19.icon-4::after, .link-anime.v19.icon-5::before, .link-anime.v21.icon-1::after, .link-anime.v21.icon-2::after, .link-anime.v21.icon-3::before, .link-anime.v21.icon-4::after, .link-anime.v21.icon-5::before, .link-anime.v22.icon-1::after, .link-anime.v22.icon-2::after, .link-anime.v22.icon-3::before, .link-anime.v22.icon-4::after, .link-anime.v22.icon-5::before, .link-anime.v23.icon-1::after, .link-anime.v23.icon-2::after, .link-anime.v23.icon-3::before, .link-anime.v23.icon-4::after, .link-anime.v23.icon-5::before, .link-anime.v24.icon-1::after, .link-anime.v24.icon-2::after, .link-anime.v24.icon-3::before, .link-anime.v24.icon-4::after, .link-anime.v24.icon-5::before, .link-anime.v25.icon-1::after, .link-anime.v25.icon-2::after, .link-anime.v25.icon-3::before, .link-anime.v25.icon-4::after, .link-anime.v25.icon-5::before,
.btn-anime.v1.icon-1::after,
.btn-anime.v1.icon-2::after,
.btn-anime.v1.icon-3::before,
.btn-anime.v1.icon-4::after,
.btn-anime.v1.icon-5::before,
.btn-anime.v2.icon-1::after,
.btn-anime.v2.icon-2::after,
.btn-anime.v2.icon-3::before,
.btn-anime.v2.icon-4::after,
.btn-anime.v2.icon-5::before,
.btn-anime.v3.icon-1::after,
.btn-anime.v3.icon-2::after,
.btn-anime.v3.icon-3::before,
.btn-anime.v3.icon-4::after,
.btn-anime.v3.icon-5::before,
.btn-anime.v4.icon-1::after,
.btn-anime.v4.icon-2::after,
.btn-anime.v4.icon-3::before,
.btn-anime.v4.icon-4::after,
.btn-anime.v4.icon-5::before,
.btn-anime.v5.icon-1::after,
.btn-anime.v5.icon-2::after,
.btn-anime.v5.icon-3::before,
.btn-anime.v5.icon-4::after,
.btn-anime.v5.icon-5::before,
.btn-anime.v6.icon-1::after,
.btn-anime.v6.icon-2::after,
.btn-anime.v6.icon-3::before,
.btn-anime.v6.icon-4::after,
.btn-anime.v6.icon-5::before,
.btn-anime.v7.icon-1::after,
.btn-anime.v7.icon-2::after,
.btn-anime.v7.icon-3::before,
.btn-anime.v7.icon-4::after,
.btn-anime.v7.icon-5::before,
.btn-anime.v8.icon-1::after,
.btn-anime.v8.icon-2::after,
.btn-anime.v8.icon-3::before,
.btn-anime.v8.icon-4::after,
.btn-anime.v8.icon-5::before,
.btn-anime.v9.icon-1::after,
.btn-anime.v9.icon-2::after,
.btn-anime.v9.icon-3::before,
.btn-anime.v9.icon-4::after,
.btn-anime.v9.icon-5::before,
.btn-anime.v10.icon-1::after,
.btn-anime.v10.icon-2::after,
.btn-anime.v10.icon-3::before,
.btn-anime.v10.icon-4::after,
.btn-anime.v10.icon-5::before,
.btn-anime.v11.icon-1::after,
.btn-anime.v11.icon-2::after,
.btn-anime.v11.icon-3::before,
.btn-anime.v11.icon-4::after,
.btn-anime.v11.icon-5::before,
.btn-anime.v12.icon-1::after,
.btn-anime.v12.icon-2::after,
.btn-anime.v12.icon-3::before,
.btn-anime.v12.icon-4::after,
.btn-anime.v12.icon-5::before,
.btn-anime.v13.icon-1::after,
.btn-anime.v13.icon-2::after,
.btn-anime.v13.icon-3::before,
.btn-anime.v13.icon-4::after,
.btn-anime.v13.icon-5::before,
.btn-anime.v14.icon-1::after,
.btn-anime.v14.icon-2::after,
.btn-anime.v14.icon-3::before,
.btn-anime.v14.icon-4::after,
.btn-anime.v14.icon-5::before,
.btn-anime.v16.icon-1::after,
.btn-anime.v16.icon-2::after,
.btn-anime.v16.icon-3::before,
.btn-anime.v16.icon-4::after,
.btn-anime.v16.icon-5::before,
.btn-anime.v17.icon-1::after,
.btn-anime.v17.icon-2::after,
.btn-anime.v17.icon-3::before,
.btn-anime.v17.icon-4::after,
.btn-anime.v17.icon-5::before,
.btn-anime.v18.icon-1::after,
.btn-anime.v18.icon-2::after,
.btn-anime.v18.icon-3::before,
.btn-anime.v18.icon-4::after,
.btn-anime.v18.icon-5::before,
.btn-anime.v19.icon-1::after,
.btn-anime.v19.icon-2::after,
.btn-anime.v19.icon-3::before,
.btn-anime.v19.icon-4::after,
.btn-anime.v19.icon-5::before,
.btn-anime.v21.icon-1::after,
.btn-anime.v21.icon-2::after,
.btn-anime.v21.icon-3::before,
.btn-anime.v21.icon-4::after,
.btn-anime.v21.icon-5::before,
.btn-anime.v22.icon-1::after,
.btn-anime.v22.icon-2::after,
.btn-anime.v22.icon-3::before,
.btn-anime.v22.icon-4::after,
.btn-anime.v22.icon-5::before,
.btn-anime.v23.icon-1::after,
.btn-anime.v23.icon-2::after,
.btn-anime.v23.icon-3::before,
.btn-anime.v23.icon-4::after,
.btn-anime.v23.icon-5::before,
.btn-anime.v24.icon-1::after,
.btn-anime.v24.icon-2::after,
.btn-anime.v24.icon-3::before,
.btn-anime.v24.icon-4::after,
.btn-anime.v24.icon-5::before,
.btn-anime.v25.icon-1::after,
.btn-anime.v25.icon-2::after,
.btn-anime.v25.icon-3::before,
.btn-anime.v25.icon-4::after,
.btn-anime.v25.icon-5::before {
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.link-anime.v1.icon-1::after, .link-anime.v2.icon-1::after, .link-anime.v3.icon-1::after, .link-anime.v4.icon-1::after, .link-anime.v5.icon-1::after, .link-anime.v6.icon-1::after, .link-anime.v7.icon-1::after, .link-anime.v8.icon-1::after, .link-anime.v9.icon-1::after, .link-anime.v10.icon-1::after, .link-anime.v11.icon-1::after, .link-anime.v12.icon-1::after, .link-anime.v13.icon-1::after, .link-anime.v14.icon-1::after, .link-anime.v16.icon-1::after, .link-anime.v17.icon-1::after, .link-anime.v18.icon-1::after, .link-anime.v19.icon-1::after, .link-anime.v21.icon-1::after, .link-anime.v22.icon-1::after, .link-anime.v23.icon-1::after, .link-anime.v24.icon-1::after, .link-anime.v25.icon-1::after,
.btn-anime.v1.icon-1::after,
.btn-anime.v2.icon-1::after,
.btn-anime.v3.icon-1::after,
.btn-anime.v4.icon-1::after,
.btn-anime.v5.icon-1::after,
.btn-anime.v6.icon-1::after,
.btn-anime.v7.icon-1::after,
.btn-anime.v8.icon-1::after,
.btn-anime.v9.icon-1::after,
.btn-anime.v10.icon-1::after,
.btn-anime.v11.icon-1::after,
.btn-anime.v12.icon-1::after,
.btn-anime.v13.icon-1::after,
.btn-anime.v14.icon-1::after,
.btn-anime.v16.icon-1::after,
.btn-anime.v17.icon-1::after,
.btn-anime.v18.icon-1::after,
.btn-anime.v19.icon-1::after,
.btn-anime.v21.icon-1::after,
.btn-anime.v22.icon-1::after,
.btn-anime.v23.icon-1::after,
.btn-anime.v24.icon-1::after,
.btn-anime.v25.icon-1::after {
content: "\e908";
}
.link-anime.v1.icon-2::after, .link-anime.v2.icon-2::after, .link-anime.v3.icon-2::after, .link-anime.v4.icon-2::after, .link-anime.v5.icon-2::after, .link-anime.v6.icon-2::after, .link-anime.v7.icon-2::after, .link-anime.v8.icon-2::after, .link-anime.v9.icon-2::after, .link-anime.v10.icon-2::after, .link-anime.v11.icon-2::after, .link-anime.v12.icon-2::after, .link-anime.v13.icon-2::after, .link-anime.v14.icon-2::after, .link-anime.v16.icon-2::after, .link-anime.v17.icon-2::after, .link-anime.v18.icon-2::after, .link-anime.v19.icon-2::after, .link-anime.v21.icon-2::after, .link-anime.v22.icon-2::after, .link-anime.v23.icon-2::after, .link-anime.v24.icon-2::after, .link-anime.v25.icon-2::after,
.btn-anime.v1.icon-2::after,
.btn-anime.v2.icon-2::after,
.btn-anime.v3.icon-2::after,
.btn-anime.v4.icon-2::after,
.btn-anime.v5.icon-2::after,
.btn-anime.v6.icon-2::after,
.btn-anime.v7.icon-2::after,
.btn-anime.v8.icon-2::after,
.btn-anime.v9.icon-2::after,
.btn-anime.v10.icon-2::after,
.btn-anime.v11.icon-2::after,
.btn-anime.v12.icon-2::after,
.btn-anime.v13.icon-2::after,
.btn-anime.v14.icon-2::after,
.btn-anime.v16.icon-2::after,
.btn-anime.v17.icon-2::after,
.btn-anime.v18.icon-2::after,
.btn-anime.v19.icon-2::after,
.btn-anime.v21.icon-2::after,
.btn-anime.v22.icon-2::after,
.btn-anime.v23.icon-2::after,
.btn-anime.v24.icon-2::after,
.btn-anime.v25.icon-2::after {
content: "\e927";
}
.link-anime.v1.icon-3::before, .link-anime.v2.icon-3::before, .link-anime.v3.icon-3::before, .link-anime.v4.icon-3::before, .link-anime.v5.icon-3::before, .link-anime.v6.icon-3::before, .link-anime.v7.icon-3::before, .link-anime.v8.icon-3::before, .link-anime.v9.icon-3::before, .link-anime.v10.icon-3::before, .link-anime.v11.icon-3::before, .link-anime.v12.icon-3::before, .link-anime.v13.icon-3::before, .link-anime.v14.icon-3::before, .link-anime.v16.icon-3::before, .link-anime.v17.icon-3::before, .link-anime.v18.icon-3::before, .link-anime.v19.icon-3::before, .link-anime.v21.icon-3::before, .link-anime.v22.icon-3::before, .link-anime.v23.icon-3::before, .link-anime.v24.icon-3::before, .link-anime.v25.icon-3::before,
.btn-anime.v1.icon-3::before,
.btn-anime.v2.icon-3::before,
.btn-anime.v3.icon-3::before,
.btn-anime.v4.icon-3::before,
.btn-anime.v5.icon-3::before,
.btn-anime.v6.icon-3::before,
.btn-anime.v7.icon-3::before,
.btn-anime.v8.icon-3::before,
.btn-anime.v9.icon-3::before,
.btn-anime.v10.icon-3::before,
.btn-anime.v11.icon-3::before,
.btn-anime.v12.icon-3::before,
.btn-anime.v13.icon-3::before,
.btn-anime.v14.icon-3::before,
.btn-anime.v16.icon-3::before,
.btn-anime.v17.icon-3::before,
.btn-anime.v18.icon-3::before,
.btn-anime.v19.icon-3::before,
.btn-anime.v21.icon-3::before,
.btn-anime.v22.icon-3::before,
.btn-anime.v23.icon-3::before,
.btn-anime.v24.icon-3::before,
.btn-anime.v25.icon-3::before {
content: "\e920";
}
.link-anime.v1.icon-4::after, .link-anime.v2.icon-4::after, .link-anime.v3.icon-4::after, .link-anime.v4.icon-4::after, .link-anime.v5.icon-4::after, .link-anime.v6.icon-4::after, .link-anime.v7.icon-4::after, .link-anime.v8.icon-4::after, .link-anime.v9.icon-4::after, .link-anime.v10.icon-4::after, .link-anime.v11.icon-4::after, .link-anime.v12.icon-4::after, .link-anime.v13.icon-4::after, .link-anime.v14.icon-4::after, .link-anime.v16.icon-4::after, .link-anime.v17.icon-4::after, .link-anime.v18.icon-4::after, .link-anime.v19.icon-4::after, .link-anime.v21.icon-4::after, .link-anime.v22.icon-4::after, .link-anime.v23.icon-4::after, .link-anime.v24.icon-4::after, .link-anime.v25.icon-4::after,
.btn-anime.v1.icon-4::after,
.btn-anime.v2.icon-4::after,
.btn-anime.v3.icon-4::after,
.btn-anime.v4.icon-4::after,
.btn-anime.v5.icon-4::after,
.btn-anime.v6.icon-4::after,
.btn-anime.v7.icon-4::after,
.btn-anime.v8.icon-4::after,
.btn-anime.v9.icon-4::after,
.btn-anime.v10.icon-4::after,
.btn-anime.v11.icon-4::after,
.btn-anime.v12.icon-4::after,
.btn-anime.v13.icon-4::after,
.btn-anime.v14.icon-4::after,
.btn-anime.v16.icon-4::after,
.btn-anime.v17.icon-4::after,
.btn-anime.v18.icon-4::after,
.btn-anime.v19.icon-4::after,
.btn-anime.v21.icon-4::after,
.btn-anime.v22.icon-4::after,
.btn-anime.v23.icon-4::after,
.btn-anime.v24.icon-4::after,
.btn-anime.v25.icon-4::after {
content: "\e903";
}
.link-anime.v1.icon-5::before, .link-anime.v2.icon-5::before, .link-anime.v3.icon-5::before, .link-anime.v4.icon-5::before, .link-anime.v5.icon-5::before, .link-anime.v6.icon-5::before, .link-anime.v7.icon-5::before, .link-anime.v8.icon-5::before, .link-anime.v9.icon-5::before, .link-anime.v10.icon-5::before, .link-anime.v11.icon-5::before, .link-anime.v12.icon-5::before, .link-anime.v13.icon-5::before, .link-anime.v14.icon-5::before, .link-anime.v16.icon-5::before, .link-anime.v17.icon-5::before, .link-anime.v18.icon-5::before, .link-anime.v19.icon-5::before, .link-anime.v21.icon-5::before, .link-anime.v22.icon-5::before, .link-anime.v23.icon-5::before, .link-anime.v24.icon-5::before, .link-anime.v25.icon-5::before,
.btn-anime.v1.icon-5::before,
.btn-anime.v2.icon-5::before,
.btn-anime.v3.icon-5::before,
.btn-anime.v4.icon-5::before,
.btn-anime.v5.icon-5::before,
.btn-anime.v6.icon-5::before,
.btn-anime.v7.icon-5::before,
.btn-anime.v8.icon-5::before,
.btn-anime.v9.icon-5::before,
.btn-anime.v10.icon-5::before,
.btn-anime.v11.icon-5::before,
.btn-anime.v12.icon-5::before,
.btn-anime.v13.icon-5::before,
.btn-anime.v14.icon-5::before,
.btn-anime.v16.icon-5::before,
.btn-anime.v17.icon-5::before,
.btn-anime.v18.icon-5::before,
.btn-anime.v19.icon-5::before,
.btn-anime.v21.icon-5::before,
.btn-anime.v22.icon-5::before,
.btn-anime.v23.icon-5::before,
.btn-anime.v24.icon-5::before,
.btn-anime.v25.icon-5::before {
content: "\e962";
}
.link-anime.v1, .link-anime.v2, .link-anime.v3, .link-anime.v4, .link-anime.v7,
.btn-anime.v1,
.btn-anime.v2,
.btn-anime.v3,
.btn-anime.v4,
.btn-anime.v7 {
gap: 30px;
text-transform: uppercase;
}
.link-anime.v5, .link-anime.v6, .link-anime.v14, .link-anime.v21,
.btn-anime.v5,
.btn-anime.v6,
.btn-anime.v14,
.btn-anime.v21 {
gap: 19px;
}
.link-anime.round-border-sm,
.btn-anime.round-border-sm {
border-radius: 5px;
}
.link-anime.round-border-full,
.btn-anime.round-border-full {
border-radius: 50px;
}
.link-anime.v1,
.btn-anime.v1 {
padding: 18px 48.8px;
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v1:hover,
.btn-anime.v1:hover {
color: var(--color-black);
background: var(--color-white);
}
.link-anime.v2,
.btn-anime.v2 {
padding: 18px 48.8px;
color: var(--color-black);
background: var(--color-white);
}
.link-anime.v2:hover,
.btn-anime.v2:hover {
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v3,
.btn-anime.v3 {
padding: 4px 37.5px;
color: var(--color-black);
background: var(--color-blue);
}
.link-anime.v3:hover,
.btn-anime.v3:hover {
color: var(--color-blue);
background: var(--color-black);
}
.link-anime.v4,
.btn-anime.v4 {
padding: 18px 48.8px;
color: var(--color-black);
background: var(--color-white);
}
.link-anime.v4:hover,
.btn-anime.v4:hover {
color: var(--color-black);
background: var(--color-blue);
}
.link-anime.v5,
.btn-anime.v5 {
padding: 14px 25px;
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v5:hover,
.btn-anime.v5:hover {
color: var(--color-black);
background: var(--color-yellow);
}
.link-anime.v6,
.btn-anime.v6 {
padding: 14px 25px;
color: var(--color-black);
background: var(--color-yellow);
}
.link-anime.v6.p2,
.btn-anime.v6.p2 {
padding: 14px 45px;
}
.link-anime.v6:hover,
.btn-anime.v6:hover {
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v7,
.btn-anime.v7 {
padding: 17px 45px;
color: var(--color-black);
background: var(--color-lime);
}
.link-anime.v7:hover,
.btn-anime.v7:hover {
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v8, .link-anime.v10, .link-anime.v16, .link-anime.v24, .link-anime.v25,
.btn-anime.v8,
.btn-anime.v10,
.btn-anime.v16,
.btn-anime.v24,
.btn-anime.v25 {
gap: 8px;
text-transform: uppercase;
background: var(--color-dGreen);
}
.link-anime.v8,
.btn-anime.v8 {
padding: 17px 45px;
color: var(--color-white);
background: var(--color-dGreen);
}
.link-anime.v8:hover,
.btn-anime.v8:hover {
color: var(--color-dGreen);
background: var(--color-white);
}
.link-anime.v9,
.btn-anime.v9 {
padding: 20px 45px;
font-size: 12px;
line-height: 22px;
font-weight: 500;
gap: 8px;
text-transform: uppercase;
color: var(--color-black);
background: var(--color-lime);
}
.link-anime.v9:hover,
.btn-anime.v9:hover {
color: var(--color-black);
background: var(--color-white);
}
.link-anime.v10,
.btn-anime.v10 {
padding: 17px 45px;
font-weight: 600;
font-size: 18px;
color: var(--color-lime);
background: var(--color-dGreen);
}
.link-anime.v10:hover,
.btn-anime.v10:hover {
color: var(--color-black);
background: var(--color-white);
}
.link-anime.v11, .link-anime.v12,
.btn-anime.v11,
.btn-anime.v12 {
padding: 18px 45px;
gap: 32px;
text-transform: uppercase;
border-radius: 10px;
}
.link-anime.v11,
.btn-anime.v11 {
color: var(--color-white);
background: var(--color-purple);
}
.link-anime.v11:hover,
.btn-anime.v11:hover {
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v12,
.btn-anime.v12 {
color: var(--color-white);
background: var(--color-black);
}
.link-anime.v12:hover,
.btn-anime.v12:hover {
color: var(--color-white);
background: var(--color-purple);
}
.link-anime.v13,
.btn-anime.v13 {
color: var(--color-white);
background: var(--color-red);
}
.link-anime.v13:hover,
.btn-anime.v13:hover {
color: var(--color-red);
background: var(--color-white);
}
.link-anime.v14,
.btn-anime.v14 {
position: relative;
padding: 14px 45px;
color: var(--color-white);
text-transform: uppercase;
background: var(--color-black);
z-index: 1;
}
.link-anime.v14::before,
.btn-anime.v14::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: var(--color-bluGradient);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.link-anime.v14.round-border-sm::before,
.btn-anime.v14.round-border-sm::before {
border-radius: 5px;
}
.link-anime.v14.round-border-full::before,
.btn-anime.v14.round-border-full::before {
border-radius: 50px;
}
.link-anime.v14::before,
.btn-anime.v14::before {
opacity: 1;
}
.link-anime.v14:hover::before,
.btn-anime.v14:hover::before {
opacity: 0;
}
.link-anime.v16,
.btn-anime.v16 {
color: var(--color-white);
border: 1px solid var(--color-border5);
background: var(--color-black8);
}
.link-anime.v16:hover,
.btn-anime.v16:hover {
background: var(--color-yellow);
}
.link-anime.v17, .link-anime.v18, .link-anime.v19,
.btn-anime.v17,
.btn-anime.v18,
.btn-anime.v19 {
min-width: 266px;
gap: 52px;
color: var(--color-white);
}
.link-anime.v17,
.btn-anime.v17 {
padding: 18px 45px;
border: 1px solid var(--color-green4);
background: var(--color-green4);
}
.link-anime.v17:hover,
.btn-anime.v17:hover {
border: 1px solid var(--color-dGreen7);
background: var(--color-dGreen6);
}
.link-anime.v18,
.btn-anime.v18 {
border: 1px solid var(--color-dGreen7);
background: var(--color-dGreen6);
}
.link-anime.v18:hover,
.btn-anime.v18:hover {
border: 1px solid var(--color-green4);
background: var(--color-green4);
}
.link-anime.v19,
.btn-anime.v19 {
border: 1px solid var(--color-border6);
background: var(--color-dBlue2);
}
.link-anime.v19:hover,
.btn-anime.v19:hover {
border: 1px solid var(--color-tr);
background: var(--color-lBlue4);
}
.link-anime.v21,
.btn-anime.v21 {
padding: 18px 45px;
color: var(--color-white);
background: var(--color-lBlue4);
}
.link-anime.v21:hover,
.btn-anime.v21:hover {
color: var(--color-lBlue4);
background: var(--color-white);
}
.link-anime.v22, .link-anime.v23,
.btn-anime.v22,
.btn-anime.v23 {
padding: 14px 20px;
color: var(--color-white);
border: 1px solid var(--color-lBlue5);
background: var(--color-lBlue5);
}
.link-anime.v22:hover, .link-anime.v23:hover,
.btn-anime.v22:hover,
.btn-anime.v23:hover {
color: var(--color-lBlue5);
background: var(--color-white);
}
.link-anime.v22,
.btn-anime.v22 {
-webkit-box-shadow: 0px 10px 25px 0px rgba(14, 135, 249, 0.2);
box-shadow: 0px 10px 25px 0px rgba(14, 135, 249, 0.2);
}
.link-anime.v24,
.btn-anime.v24 {
padding: 14px 48px;
gap: 30px;
color: var(--color-white);
border: 1px solid var(--color-green5);
background: var(--color-green5);
}
.link-anime.v24:hover,
.btn-anime.v24:hover {
color: var(--color-border8);
border: 1px solid var(--color-border9);
background: var(--color-white);
}
.link-anime.v25,
.btn-anime.v25 {
padding: 14px 48px;
gap: 30px;
color: var(--color-border8);
border: 1px solid var(--color-border9);
background: var(--color-white);
}
.link-anime.v25:hover,
.btn-anime.v25:hover {
color: var(--color-white);
border: 1px solid var(--color-green5);
background: var(--color-green5);
}
.link-anime {
padding: 24px 45px;
}
.btn-anime {
padding: 26.2px 45px;
background: var(--color-tr);
}
.read-more.v1, .read-more.v2, .read-more.v3, .read-more.v4, .read-more.v5, .read-more.v6, .read-more.v7, .read-more.v8, .read-more.v9, .read-more.v10, .read-more.v11 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 9px;
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
.read-more.v1::before, .read-more.v1::after, .read-more.v2::before, .read-more.v2::after, .read-more.v3::before, .read-more.v3::after, .read-more.v4::before, .read-more.v4::after, .read-more.v5::before, .read-more.v5::after, .read-more.v6::before, .read-more.v6::after, .read-more.v7::before, .read-more.v7::after, .read-more.v8::before, .read-more.v8::after, .read-more.v9::before, .read-more.v9::after, .read-more.v10::before, .read-more.v10::after, .read-more.v11::before, .read-more.v11::after {
display: inline-block;
text-align: center;
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
border-radius: 50px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.read-more.v1::before, .read-more.v2::before, .read-more.v3::before, .read-more.v4::before, .read-more.v5::before, .read-more.v7::before, .read-more.v8::before, .read-more.v9::before, .read-more.v10::before, .read-more.v11::before {
content: "\e908";
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.read-more.v1:hover::before, .read-more.v2:hover::before, .read-more.v3:hover::before, .read-more.v4:hover::before, .read-more.v5:hover::before, .read-more.v7:hover::before, .read-more.v8:hover::before, .read-more.v9:hover::before, .read-more.v10:hover::before, .read-more.v11:hover::before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.read-more.v1, .read-more.v4, .read-more.v5, .read-more.v7, .read-more.v9, .read-more.v10, .read-more.v11 {
color: var(--color-black);
}
.read-more.v1::before, .read-more.v4::before, .read-more.v5::before, .read-more.v7::before, .read-more.v9::before, .read-more.v10::before, .read-more.v11::before {
width: 35px;
height: 35px;
line-height: 34px;
}
.read-more.v1::before {
color: var(--color-white);
background: var(--color-black);
}
.read-more.v1:hover::before {
background: var(--color-blue);
}
.read-more.v2, .read-more.v3 {
font-family: "Oswald", sans-serif;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
gap: 16px;
}
.read-more.v2::before, .read-more.v3::before {
height: 60px;
width: 60px;
line-height: 60px;
}
.read-more.v2 {
color: var(--color-black);
}
.read-more.v2::before {
background: var(--color-yellow);
}
.read-more.v2:hover::before {
background: var(--color-white);
}
.read-more.v3::before {
color: var(--color-white);
background: var(--color-black);
}
.read-more.v3:hover::before {
color: var(--color-black);
background: var(--color-yellow);
}
.read-more.v4::before {
color: var(--color-green);
background: var(--color-lblue2);
}
.read-more.v4:hover::before {
color: var(--color-white);
background: var(--color-green);
}
.read-more.v5 {
gap: 15px;
font-weight: 600;
}
.read-more.v5::before {
color: var(--color-black);
border: 1px solid var(--color-white4);
background: var(--color-white);
}
.read-more.v5:hover::before {
color: var(--color-white);
border: 1px solid var(--color-black);
background: var(--color-black);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.read-more.v6 {
font-weight: 600;
}
.read-more.v6::after {
content: "\e908";
}
.read-more.v6:hover {
color: var(--color-dGreen);
}
.read-more.v7::before {
color: var(--color-white);
background: var(--color-black);
}
.read-more.v7:hover::before {
color: var(--color-white);
background: var(--color-purple);
}
.read-more.v8 {
color: var(--color-white);
}
.read-more.v8::before {
width: 38px;
height: 38px;
line-height: 38px;
background: var(--color-black);
}
.read-more.v8:hover {
color: var(--color-white);
}
.read-more.v8:hover::before {
color: var(--color-black);
background: var(--color-yellow);
}
.read-more.v9 {
color: var(--color-white);
}
.read-more.v9::before {
background: var(--color-green4);
}
.read-more.v9:hover {
color: var(--color-white);
}
.read-more.v9:hover::before {
color: var(--color-black);
background: var(--color-green4);
}
.read-more.v10 {
color: var(--color-black);
}
.read-more.v10::before {
color: var(--color-white);
background: var(--color-black);
}
.read-more.v10:hover::before {
color: var(--color-white);
background: var(--color-green5);
}
.read-more.v11 {
color: var(--color-white);
}
.read-more.v11::before {
color: var(--color-white);
background: var(--color-green5);
}
.read-more.v11:hover::before {
background: var(--color-black);
}
.all-btns,
.slider-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.play-btn.v1,
.play-btn.v2,
.play-btn.v3,
.play-btn.v4,
.play-btn.v5 {
position: relative;
text-align: center;
width: 112px;
height: 112px;
font-size: 28px;
line-height: 103px;
border-radius: 100px;
z-index: 1;
}
.play-btn.v1::before,
.play-btn.v2::before,
.play-btn.v3::before,
.play-btn.v4::before,
.play-btn.v5::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
z-index: -1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-animation: b-zoom 4s ease-out infinite;
animation: b-zoom 4s ease-out infinite;
}
@-webkit-keyframes b-zoom {
0% {
opacity: 0.8;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
}
@keyframes b-zoom {
0% {
opacity: 0.8;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
}
.play-btn.v1, .play-btn.v3, .play-btn.v4, .play-btn.v5 {
color: var(--color-tr);
}
.play-btn.v1, .play-btn.v1::before, .play-btn.v3, .play-btn.v3::before, .play-btn.v4, .play-btn.v4::before, .play-btn.v5, .play-btn.v5::before {
-webkit-box-shadow: 0 0 45px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 45px 0px rgba(0, 0, 0, 0.09);
}
.play-btn.v1 {
background: var(--color-blue);
-webkit-text-stroke: 2px var(--color-black);
}
.play-btn.v1::before {
border: 1px solid var(--color-blue);
}
.play-btn.v1:hover {
color: var(--color-blue);
}
.play-btn.v2 {
color: var(--color-white);
background: var(--color-black);
}
.play-btn.v2::before {
border: 1px solid var(--color-black);
}
.play-btn.v2:hover {
background: var(--color-blue);
}
.play-btn.v2:hover::before {
border: 1px solid var(--color-blue);
}
.play-btn.v3 {
background: var(--color-lime);
-webkit-text-stroke: 2px var(--color-black);
}
.play-btn.v3::before {
border: 1px solid var(--color-lime);
}
.play-btn.v3:hover {
color: var(--color-lime);
}
.play-btn.v4 {
background: var(--color-white);
-webkit-text-stroke: 2px var(--color-black);
}
.play-btn.v4::before {
border: 1px solid var(--color-white);
}
.play-btn.v4:hover {
-webkit-text-stroke: 2px var(--color-purple);
}
.play-btn.v5 {
background: var(--color-white);
-webkit-text-stroke: 2px var(--color-black);
}
.play-btn.v5::before {
border: 1px solid var(--color-white);
}
.play-btn.v5:hover {
-webkit-text-stroke: 2px var(--color-lBlue5);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.check-mark-list.v1 li, .check-mark-list.v2 li, .check-mark-list.v3 li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.check-mark-list.v1 i, .check-mark-list.v2 i, .check-mark-list.v3 i {
text-align: center;
border-radius: 50px;
}
.check-mark-list.v1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.check-mark-list.v1 i {
position: relative;
width: 22px;
height: 22px;
min-width: 22px;
font-size: 10px;
color: var(--color-white);
line-height: 22px;
margin-top: 3px;
z-index: 1;
}
.check-mark-list.v1 i::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
z-index: -1;
border-radius: 50px;
background: var(--color-white);
}
.check-mark-list.v1 .text {
font-size: 17px;
line-height: 27px;
font-weight: 500;
color: var(--color-white);
}
.check-mark-list.v2 li {
gap: 24px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.check-mark-list.v2 li ~ li {
margin-top: 24px;
}
.check-mark-list.v2 li i {
width: 26px;
height: 26px;
min-width: 26px;
color: var(--color-white);
font-size: 14px;
line-height: 26px;
background-color: #0e87f9;
}
.check-mark-list.v2 li .text {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: var(--color-black12);
text-transform: capitalize;
}
.check-mark-list.v3 li {
gap: 20px;
}
.check-mark-list.v3 li ~ li {
margin-top: 10px;
}
.check-mark-list.v3 i {
font-size: 18px;
color: var(--color-white);
}
.check-mark-list.v3 .text {
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: var(--color-white);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.star-mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.star-mark .my-icon {
font-size: 19px;
color: var(--color-orange4);
}
.star-mark.star-5 li:nth-child(1) .my-icon::before, .star-mark.star-5 li:nth-child(2) .my-icon::before, .star-mark.star-5 li:nth-child(3) .my-icon::before, .star-mark.star-5 li:nth-child(4) .my-icon::before, .star-mark.star-5 li:nth-child(5) .my-icon::before {
content: "\e955";
}
.back-to-top a {
position: fixed;
right: 50px;
bottom: 30px;
height: 46px;
width: 46px;
font-size: 16px;
line-height: 48px;
border-radius: 50px;
color: var(--color-black);
text-align: center;
opacity: 0;
visibility: hidden;
background: var(--color-blue3);
z-index: 50;
-webkit-transition: all 200ms linear;
-webkit-transform: translateY(15px);
transform: translateY(15px);
transition: all 200ms linear;
}
.back-to-top.show a {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.my-select {
position: relative;
display: inline-block;
}
.my-select .current {
position: relative;
padding: 0px 40px 0px 20px;
height: 50px;
font-weight: 400;
font-size: 16px;
line-height: 30px;
border-radius: 5px;
border: 1px solid #babcbd;
letter-spacing: 1.4px;
color: var(--color-gBlack);
background: var(--color-white);
}
.my-select .current::before {
position: absolute;
font-size: 10px;
top: 50%;
right: 20px;
content: "\e901";
color: #6beedd;
font-family: "icomoon";
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.my-select .current.open::before {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.my-select .list {
position: absolute;
width: 100%;
top: 110%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
background: var(--color-white);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
}
.my-select .list.open {
top: 100%;
opacity: 1;
visibility: visible;
}
.my-select .list li {
cursor: pointer;
padding: 10px 20px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.my-select .list li:hover {
padding: 10px 20px 10px 24px;
color: #6beedd;
}
.my-select .list li ~ li {
border-top: 1px solid var(--color-border4);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.slider {
position: relative;
overflow: hidden;
padding-bottom: 45px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.bg-cover-center {
background-repeat: no-repeat;
background-size: cover;
}
.bg-cover-center {
background-position: center;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.breadcum.v1 {
position: relative;
padding: 240px 0px 185px 0px;
text-align: center;
background: var(--color-blue);
overflow: hidden;
z-index: 1;
}
.breadcum.v1 h2 {
font-size: 55px;
line-height: 65px;
font-weight: 600;
}
.breadcum.v1 h2 ~ ul {
margin-top: 40px;
}
.breadcum.v1 ul {
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;
gap: 5px;
font-size: 18px;
font-weight: 600;
}
.breadcum.v1 li {
color: var(--color-black);
font-size: 16px;
font-weight: 700;
}
.breadcum.v1 li ~ li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.breadcum.v1 li ~ li::before {
content: ":";
color: var(--color-lgreen);
}
.breadcum.v1 li a {
color: var(--color-lgreen);
}
.breadcum.v1 .bg-shap-1,
.breadcum.v1 .bg-shap-2,
.breadcum.v1 .bg-shap-3 {
position: absolute;
top: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.breadcum.v1 .bg-shap-1 {
width: 70%;
height: 200%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.breadcum.v1 .bg-shap-2 {
width: 340px;
height: 340px;
left: -100px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcum.v1 .bg-shap-3 {
width: 348px;
height: 348px;
right: -113px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
2 Manu Bar
=======================*/
.menu-bar.v1, .menu-bar.v2, .menu-bar.v3, .menu-bar.v4, .menu-bar.v5, .menu-bar.v6, .menu-bar.v7, .menu-bar.v8 {
position: absolute;
width: 100%;
left: 0;
z-index: 7;
}
.menu-bar.v1 .menu-content, .menu-bar.v2 .menu-content, .menu-bar.v3 .menu-content, .menu-bar.v4 .menu-content, .menu-bar.v5 .menu-content, .menu-bar.v6 .menu-content, .menu-bar.v7 .menu-content, .menu-bar.v8 .menu-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.menu-bar.v1 .menu-logo a,
.menu-bar.v1 .menu-logo img, .menu-bar.v2 .menu-logo a,
.menu-bar.v2 .menu-logo img, .menu-bar.v3 .menu-logo a,
.menu-bar.v3 .menu-logo img, .menu-bar.v4 .menu-logo a,
.menu-bar.v4 .menu-logo img, .menu-bar.v5 .menu-logo a,
.menu-bar.v5 .menu-logo img, .menu-bar.v6 .menu-logo a,
.menu-bar.v6 .menu-logo img, .menu-bar.v7 .menu-logo a,
.menu-bar.v7 .menu-logo img, .menu-bar.v8 .menu-logo a,
.menu-bar.v8 .menu-logo img {
max-width: 160px;
}
.menu-bar.v1 .menu-logo a, .menu-bar.v2 .menu-logo a, .menu-bar.v3 .menu-logo a, .menu-bar.v4 .menu-logo a, .menu-bar.v5 .menu-logo a, .menu-bar.v6 .menu-logo a, .menu-bar.v7 .menu-logo a, .menu-bar.v8 .menu-logo a {
display: inline-block;
}
.menu-bar.v1 .menu-logo a img, .menu-bar.v2 .menu-logo a img, .menu-bar.v3 .menu-logo a img, .menu-bar.v4 .menu-logo a img, .menu-bar.v5 .menu-logo a img, .menu-bar.v6 .menu-logo a img, .menu-bar.v7 .menu-logo a img, .menu-bar.v8 .menu-logo a img {
width: 100%;
}
.menu-bar.v1 .main-menu > ul, .menu-bar.v2 .main-menu > ul, .menu-bar.v3 .main-menu > ul, .menu-bar.v4 .main-menu > ul, .menu-bar.v5 .main-menu > ul, .menu-bar.v6 .main-menu > ul, .menu-bar.v7 .main-menu > ul, .menu-bar.v8 .main-menu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.menu-bar.v1 .main-menu > ul > li > a, .menu-bar.v2 .main-menu > ul > li > a, .menu-bar.v3 .main-menu > ul > li > a, .menu-bar.v4 .main-menu > ul > li > a, .menu-bar.v5 .main-menu > ul > li > a, .menu-bar.v6 .main-menu > ul > li > a, .menu-bar.v7 .main-menu > ul > li > a, .menu-bar.v8 .main-menu > ul > li > a {
display: inline-block;
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-transform: capitalize;
}
.menu-bar.v1 .main-menu li, .menu-bar.v2 .main-menu li, .menu-bar.v3 .main-menu li, .menu-bar.v4 .main-menu li, .menu-bar.v5 .main-menu li, .menu-bar.v6 .main-menu li, .menu-bar.v7 .main-menu li, .menu-bar.v8 .main-menu li {
position: relative;
}
.menu-bar.v1 .main-menu li ul, .menu-bar.v2 .main-menu li ul, .menu-bar.v3 .main-menu li ul, .menu-bar.v4 .main-menu li ul, .menu-bar.v5 .main-menu li ul, .menu-bar.v6 .main-menu li ul, .menu-bar.v7 .main-menu li ul, .menu-bar.v8 .main-menu li ul {
padding: 18px 0;
position: absolute;
min-width: 220px;
top: 100%;
opacity: 0;
visibility: hidden;
z-index: 4;
pointer-events: none;
border-radius: 0 0 6px 6px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
}
.menu-bar.v1 .main-menu li ul li a, .menu-bar.v2 .main-menu li ul li a, .menu-bar.v3 .main-menu li ul li a, .menu-bar.v4 .main-menu li ul li a, .menu-bar.v5 .main-menu li ul li a, .menu-bar.v6 .main-menu li ul li a, .menu-bar.v7 .main-menu li ul li a, .menu-bar.v8 .main-menu li ul li a {
display: block;
padding: 8px 35px;
font-weight: 600;
}
.menu-bar.v1 .main-menu li ul li:hover > ul, .menu-bar.v2 .main-menu li ul li:hover > ul, .menu-bar.v3 .main-menu li ul li:hover > ul, .menu-bar.v4 .main-menu li ul li:hover > ul, .menu-bar.v5 .main-menu li ul li:hover > ul, .menu-bar.v6 .main-menu li ul li:hover > ul, .menu-bar.v7 .main-menu li ul li:hover > ul, .menu-bar.v8 .main-menu li ul li:hover > ul {
top: 0;
}
.menu-bar.v1 .main-menu li ul li:hover > a, .menu-bar.v2 .main-menu li ul li:hover > a, .menu-bar.v3 .main-menu li ul li:hover > a, .menu-bar.v4 .main-menu li ul li:hover > a, .menu-bar.v5 .main-menu li ul li:hover > a, .menu-bar.v6 .main-menu li ul li:hover > a, .menu-bar.v7 .main-menu li ul li:hover > a, .menu-bar.v8 .main-menu li ul li:hover > a {
padding-left: 45px;
}
.menu-bar.v1 .main-menu li ul ul, .menu-bar.v2 .main-menu li ul ul, .menu-bar.v3 .main-menu li ul ul, .menu-bar.v4 .main-menu li ul ul, .menu-bar.v5 .main-menu li ul ul, .menu-bar.v6 .main-menu li ul ul, .menu-bar.v7 .main-menu li ul ul, .menu-bar.v8 .main-menu li ul ul {
left: 100%;
}
.menu-bar.v1 .main-menu li:hover > ul, .menu-bar.v2 .main-menu li:hover > ul, .menu-bar.v3 .main-menu li:hover > ul, .menu-bar.v4 .main-menu li:hover > ul, .menu-bar.v5 .main-menu li:hover > ul, .menu-bar.v6 .main-menu li:hover > ul, .menu-bar.v7 .main-menu li:hover > ul, .menu-bar.v8 .main-menu li:hover > ul {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
pointer-events: inherit;
visibility: visible;
}
.menu-bar.v1 .main-menu li.has-dropdown > a::after, .menu-bar.v2 .main-menu li.has-dropdown > a::after, .menu-bar.v3 .main-menu li.has-dropdown > a::after, .menu-bar.v4 .main-menu li.has-dropdown > a::after, .menu-bar.v5 .main-menu li.has-dropdown > a::after, .menu-bar.v6 .main-menu li.has-dropdown > a::after, .menu-bar.v7 .main-menu li.has-dropdown > a::after, .menu-bar.v8 .main-menu li.has-dropdown > a::after {
font-family: "icomoon";
content: "\e901";
speak: never;
font-size: calc(100% - 2px);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-bar.v1 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v3 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v4 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v5 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v6 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v7 .main-menu li.has-dropdown .has-dropdown > a, .menu-bar.v8 .main-menu li.has-dropdown .has-dropdown > a {
position: relative;
padding-right: 50px;
}
.menu-bar.v1 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v2 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v3 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v4 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v5 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v6 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v7 .main-menu li.has-dropdown .has-dropdown > a::after, .menu-bar.v8 .main-menu li.has-dropdown .has-dropdown > a::after {
position: absolute;
top: 20px;
right: 33px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-left: 0;
}
.menu-bar.v1 .main-menu li.has-dropdown li.active > a, .menu-bar.v1 .main-menu li.has-dropdown li:hover > a, .menu-bar.v2 .main-menu li.has-dropdown li.active > a, .menu-bar.v2 .main-menu li.has-dropdown li:hover > a, .menu-bar.v3 .main-menu li.has-dropdown li.active > a, .menu-bar.v3 .main-menu li.has-dropdown li:hover > a, .menu-bar.v4 .main-menu li.has-dropdown li.active > a, .menu-bar.v4 .main-menu li.has-dropdown li:hover > a, .menu-bar.v5 .main-menu li.has-dropdown li.active > a, .menu-bar.v5 .main-menu li.has-dropdown li:hover > a, .menu-bar.v6 .main-menu li.has-dropdown li.active > a, .menu-bar.v6 .main-menu li.has-dropdown li:hover > a, .menu-bar.v7 .main-menu li.has-dropdown li.active > a, .menu-bar.v7 .main-menu li.has-dropdown li:hover > a, .menu-bar.v8 .main-menu li.has-dropdown li.active > a, .menu-bar.v8 .main-menu li.has-dropdown li:hover > a {
color: var(--color-blue);
}
.menu-bar.v1 .menu-right .right-menur-btns, .menu-bar.v2 .menu-right .right-menur-btns, .menu-bar.v3 .menu-right .right-menur-btns, .menu-bar.v4 .menu-right .right-menur-btns, .menu-bar.v5 .menu-right .right-menur-btns, .menu-bar.v6 .menu-right .right-menur-btns, .menu-bar.v7 .menu-right .right-menur-btns, .menu-bar.v8 .menu-right .right-menur-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.menu-bar.v1 .menu-right .right-menur-btns li button, .menu-bar.v2 .menu-right .right-menur-btns li button, .menu-bar.v3 .menu-right .right-menur-btns li button, .menu-bar.v4 .menu-right .right-menur-btns li button, .menu-bar.v5 .menu-right .right-menur-btns li button, .menu-bar.v6 .menu-right .right-menur-btns li button, .menu-bar.v7 .menu-right .right-menur-btns li button, .menu-bar.v8 .menu-right .right-menur-btns li button {
width: 52px;
height: 52px;
color: var(--color-white);
font-size: 17px;
border-radius: 5px;
background: var(--color-black);
}
.menu-bar.v1 .menu-right .right-menur-btns li button:hover, .menu-bar.v2 .menu-right .right-menur-btns li button:hover, .menu-bar.v3 .menu-right .right-menur-btns li button:hover, .menu-bar.v4 .menu-right .right-menur-btns li button:hover, .menu-bar.v5 .menu-right .right-menur-btns li button:hover, .menu-bar.v6 .menu-right .right-menur-btns li button:hover, .menu-bar.v7 .menu-right .right-menur-btns li button:hover, .menu-bar.v8 .menu-right .right-menur-btns li button:hover {
color: var(--color-black);
background: var(--color-white);
}
.menu-bar.v1 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v2 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v3 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v4 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v5 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v6 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v7 .menu-right .right-menur-btns li button.mobile-btns, .menu-bar.v8 .menu-right .right-menur-btns li button.mobile-btns {
display: none;
}
.menu-bar.v1 .menu-right .siderbar-menu, .menu-bar.v2 .menu-right .siderbar-menu, .menu-bar.v3 .menu-right .siderbar-menu, .menu-bar.v4 .menu-right .siderbar-menu, .menu-bar.v5 .menu-right .siderbar-menu, .menu-bar.v6 .menu-right .siderbar-menu, .menu-bar.v7 .menu-right .siderbar-menu, .menu-bar.v8 .menu-right .siderbar-menu {
position: fixed;
width: 100%;
max-width: 340px;
height: 100%;
top: 0;
right: -100%;
z-index: 10;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .menu-right .siderbar-menu.active, .menu-bar.v2 .menu-right .siderbar-menu.active, .menu-bar.v3 .menu-right .siderbar-menu.active, .menu-bar.v4 .menu-right .siderbar-menu.active, .menu-bar.v5 .menu-right .siderbar-menu.active, .menu-bar.v6 .menu-right .siderbar-menu.active, .menu-bar.v7 .menu-right .siderbar-menu.active, .menu-bar.v8 .menu-right .siderbar-menu.active {
right: 0%;
}
.menu-bar.v1 .menu-right .siderbar-overlay, .menu-bar.v2 .menu-right .siderbar-overlay, .menu-bar.v3 .menu-right .siderbar-overlay, .menu-bar.v4 .menu-right .siderbar-overlay, .menu-bar.v5 .menu-right .siderbar-overlay, .menu-bar.v6 .menu-right .siderbar-overlay, .menu-bar.v7 .menu-right .siderbar-overlay, .menu-bar.v8 .menu-right .siderbar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 8;
opacity: 0;
visibility: hidden;
background: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .menu-right .siderbar-overlay.active, .menu-bar.v2 .menu-right .siderbar-overlay.active, .menu-bar.v3 .menu-right .siderbar-overlay.active, .menu-bar.v4 .menu-right .siderbar-overlay.active, .menu-bar.v5 .menu-right .siderbar-overlay.active, .menu-bar.v6 .menu-right .siderbar-overlay.active, .menu-bar.v7 .menu-right .siderbar-overlay.active, .menu-bar.v8 .menu-right .siderbar-overlay.active {
opacity: 0.7;
visibility: visible;
}
.menu-bar.v1 .menu-right .siderbar-header, .menu-bar.v2 .menu-right .siderbar-header, .menu-bar.v3 .menu-right .siderbar-header, .menu-bar.v4 .menu-right .siderbar-header, .menu-bar.v5 .menu-right .siderbar-header, .menu-bar.v6 .menu-right .siderbar-header, .menu-bar.v7 .menu-right .siderbar-header, .menu-bar.v8 .menu-right .siderbar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 0px;
margin: 0px 30px;
border-bottom: 1px solid var(--color-black);
}
.menu-bar.v1 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v1 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v2 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v2 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v3 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v3 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v4 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v4 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v5 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v5 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v6 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v6 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v7 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v7 .menu-right .siderbar-header .canvas-logo img, .menu-bar.v8 .menu-right .siderbar-header .canvas-logo a,
.menu-bar.v8 .menu-right .siderbar-header .canvas-logo img {
max-width: 160px;
}
.menu-bar.v1 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v2 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v3 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v4 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v5 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v6 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v7 .menu-right .siderbar-header .canvas-logo a, .menu-bar.v8 .menu-right .siderbar-header .canvas-logo a {
display: inline-block;
}
.menu-bar.v1 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v2 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v3 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v4 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v5 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v6 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v7 .menu-right .siderbar-header .canvas-logo a img, .menu-bar.v8 .menu-right .siderbar-header .canvas-logo a img {
width: 100%;
}
.menu-bar.v1 .menu-right .siderbar-header .close-btn, .menu-bar.v2 .menu-right .siderbar-header .close-btn, .menu-bar.v3 .menu-right .siderbar-header .close-btn, .menu-bar.v4 .menu-right .siderbar-header .close-btn, .menu-bar.v5 .menu-right .siderbar-header .close-btn, .menu-bar.v6 .menu-right .siderbar-header .close-btn, .menu-bar.v7 .menu-right .siderbar-header .close-btn, .menu-bar.v8 .menu-right .siderbar-header .close-btn {
font-size: 20px;
background: var(--color-tr);
}
.menu-bar.v1 .menu-right .siderbar-body, .menu-bar.v2 .menu-right .siderbar-body, .menu-bar.v3 .menu-right .siderbar-body, .menu-bar.v4 .menu-right .siderbar-body, .menu-bar.v5 .menu-right .siderbar-body, .menu-bar.v6 .menu-right .siderbar-body, .menu-bar.v7 .menu-right .siderbar-body, .menu-bar.v8 .menu-right .siderbar-body {
padding: 30px;
}
.menu-bar.v1 .menu-right .contact-list li ~ li, .menu-bar.v2 .menu-right .contact-list li ~ li, .menu-bar.v3 .menu-right .contact-list li ~ li, .menu-bar.v4 .menu-right .contact-list li ~ li, .menu-bar.v5 .menu-right .contact-list li ~ li, .menu-bar.v6 .menu-right .contact-list li ~ li, .menu-bar.v7 .menu-right .contact-list li ~ li, .menu-bar.v8 .menu-right .contact-list li ~ li {
margin-top: 25px;
}
.menu-bar.v1 .menu-right .contact-list h6, .menu-bar.v2 .menu-right .contact-list h6, .menu-bar.v3 .menu-right .contact-list h6, .menu-bar.v4 .menu-right .contact-list h6, .menu-bar.v5 .menu-right .contact-list h6, .menu-bar.v6 .menu-right .contact-list h6, .menu-bar.v7 .menu-right .contact-list h6, .menu-bar.v8 .menu-right .contact-list h6 {
font-weight: 700;
}
.menu-bar.v1 .menu-right .contact-list h6 ~ p, .menu-bar.v2 .menu-right .contact-list h6 ~ p, .menu-bar.v3 .menu-right .contact-list h6 ~ p, .menu-bar.v4 .menu-right .contact-list h6 ~ p, .menu-bar.v5 .menu-right .contact-list h6 ~ p, .menu-bar.v6 .menu-right .contact-list h6 ~ p, .menu-bar.v7 .menu-right .contact-list h6 ~ p, .menu-bar.v8 .menu-right .contact-list h6 ~ p {
margin-top: 4px;
}
.menu-bar.v1 .menu-right .contact-list p, .menu-bar.v2 .menu-right .contact-list p, .menu-bar.v3 .menu-right .contact-list p, .menu-bar.v4 .menu-right .contact-list p, .menu-bar.v5 .menu-right .contact-list p, .menu-bar.v6 .menu-right .contact-list p, .menu-bar.v7 .menu-right .contact-list p, .menu-bar.v8 .menu-right .contact-list p {
color: var(--color-black2);
}
.menu-bar.v1 .menu-right .contact-list ~ .social-link, .menu-bar.v2 .menu-right .contact-list ~ .social-link, .menu-bar.v3 .menu-right .contact-list ~ .social-link, .menu-bar.v4 .menu-right .contact-list ~ .social-link, .menu-bar.v5 .menu-right .contact-list ~ .social-link, .menu-bar.v6 .menu-right .contact-list ~ .social-link, .menu-bar.v7 .menu-right .contact-list ~ .social-link, .menu-bar.v8 .menu-right .contact-list ~ .social-link {
margin-top: 30px;
}
.menu-bar.v1 .menu-right .social-link, .menu-bar.v2 .menu-right .social-link, .menu-bar.v3 .menu-right .social-link, .menu-bar.v4 .menu-right .social-link, .menu-bar.v5 .menu-right .social-link, .menu-bar.v6 .menu-right .social-link, .menu-bar.v7 .menu-right .social-link, .menu-bar.v8 .menu-right .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.menu-bar.v1 .menu-right .social-link a, .menu-bar.v2 .menu-right .social-link a, .menu-bar.v3 .menu-right .social-link a, .menu-bar.v4 .menu-right .social-link a, .menu-bar.v5 .menu-right .social-link a, .menu-bar.v6 .menu-right .social-link a, .menu-bar.v7 .menu-right .social-link a, .menu-bar.v8 .menu-right .social-link a {
display: inline-block;
width: 36px;
height: 36px;
color: var(--color-white);
font-size: 16px;
text-align: center;
line-height: 36px;
border-radius: 50px;
background: var(--color-black2);
}
.menu-bar.v1 .mobile-menu-bar, .menu-bar.v2 .mobile-menu-bar, .menu-bar.v3 .mobile-menu-bar, .menu-bar.v4 .mobile-menu-bar, .menu-bar.v5 .mobile-menu-bar, .menu-bar.v6 .mobile-menu-bar, .menu-bar.v7 .mobile-menu-bar, .menu-bar.v8 .mobile-menu-bar {
position: fixed;
width: 320px;
max-width: 100%;
height: 100%;
top: 0;
left: -100%;
opacity: 0;
visibility: hidden;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 5;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu {
overflow-y: auto;
max-height: calc(100vh - 186px);
}
.menu-bar.v1 .mobile-menu-bar .all-btns, .menu-bar.v2 .mobile-menu-bar .all-btns, .menu-bar.v3 .mobile-menu-bar .all-btns, .menu-bar.v4 .mobile-menu-bar .all-btns, .menu-bar.v5 .mobile-menu-bar .all-btns, .menu-bar.v6 .mobile-menu-bar .all-btns, .menu-bar.v7 .mobile-menu-bar .all-btns, .menu-bar.v8 .mobile-menu-bar .all-btns {
padding: 15px 30px;
gap: 15px;
border-top: 1px solid #eeeeee;
}
.menu-bar.v1 .mobile-menu-bar .social-link, .menu-bar.v2 .mobile-menu-bar .social-link, .menu-bar.v3 .mobile-menu-bar .social-link, .menu-bar.v4 .mobile-menu-bar .social-link, .menu-bar.v5 .mobile-menu-bar .social-link, .menu-bar.v6 .mobile-menu-bar .social-link, .menu-bar.v7 .mobile-menu-bar .social-link, .menu-bar.v8 .mobile-menu-bar .social-link {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
border-top: 1px solid #eeeeee;
}
.menu-bar.v1 .mobile-menu-bar .social-link a, .menu-bar.v2 .mobile-menu-bar .social-link a, .menu-bar.v3 .mobile-menu-bar .social-link a, .menu-bar.v4 .mobile-menu-bar .social-link a, .menu-bar.v5 .mobile-menu-bar .social-link a, .menu-bar.v6 .mobile-menu-bar .social-link a, .menu-bar.v7 .mobile-menu-bar .social-link a, .menu-bar.v8 .mobile-menu-bar .social-link a {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
border-radius: 50px;
color: var(--color-white);
z-index: 1;
}
.menu-bar.v1 .mobile-menu-bar .social-link a::before, .menu-bar.v2 .mobile-menu-bar .social-link a::before, .menu-bar.v3 .mobile-menu-bar .social-link a::before, .menu-bar.v4 .mobile-menu-bar .social-link a::before, .menu-bar.v5 .mobile-menu-bar .social-link a::before, .menu-bar.v6 .mobile-menu-bar .social-link a::before, .menu-bar.v7 .mobile-menu-bar .social-link a::before, .menu-bar.v8 .mobile-menu-bar .social-link a::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.1;
border-radius: 50px;
background: var(--color-white);
z-index: -1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v2 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v3 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v4 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v5 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v6 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v7 .mobile-menu-bar .social-link a:hover::before, .menu-bar.v8 .mobile-menu-bar .social-link a:hover::before {
opacity: 1;
background: var(--color-blue);
}
.menu-bar.v1 .mobile-menu-bar.active, .menu-bar.v2 .mobile-menu-bar.active, .menu-bar.v3 .mobile-menu-bar.active, .menu-bar.v4 .mobile-menu-bar.active, .menu-bar.v5 .mobile-menu-bar.active, .menu-bar.v6 .mobile-menu-bar.active, .menu-bar.v7 .mobile-menu-bar.active, .menu-bar.v8 .mobile-menu-bar.active {
opacity: 1;
left: 0;
visibility: visible;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #eeeeee;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header .mobile-logo, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header .mobile-logo {
padding-left: 30px;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header .mobile-logo a, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header .mobile-logo a {
display: inline-block;
max-width: 140px;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header .mobile-logo a img, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header .mobile-logo a img {
max-width: 100%;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header .mobile-logo img, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header .mobile-logo img {
max-width: 140px;
}
.menu-bar.v1 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v2 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v3 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v4 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v5 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v6 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v7 .mobile-menu-bar .mobile-menu-header .close-mobile-btn, .menu-bar.v8 .mobile-menu-bar .mobile-menu-header .close-mobile-btn {
padding: 30px;
font-size: 20px;
border-left: 1px solid #eeeeee;
background: var(--color-tr);
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li {
border-top: 1px solid #eeeeee;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li a, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li a {
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: var(--color-black);
text-transform: uppercase;
font-weight: 600;
padding: 15px 40px 15px 30px;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li.has-dropdown li > a {
padding-left: 40px;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li.has-dropdown a::after {
right: 24px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li.has-dropdown > a::after {
position: absolute;
font-family: "icomoon";
content: "\e901";
speak: never;
font-size: calc(100% - 2px);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: inline-block;
top: 14px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li.has-dropdown.active > a::after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v1 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu li.active > a, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li:hover > a, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu li.active > a {
color: var(--color-blue);
font-weight: 700;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu > ul > li:first-child, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu > ul > li:first-child {
border-top: none;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu ul ul, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu ul ul {
display: none;
}
.menu-bar.v1 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v2 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v3 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v4 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v5 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v6 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v7 .mobile-menu-bar .mobile-main-manu ul ul a, .menu-bar.v8 .mobile-menu-bar .mobile-main-manu ul ul a {
font-size: calc(100% - 2px);
}
.menu-bar.v1 .mobile-menu-overlay, .menu-bar.v2 .mobile-menu-overlay, .menu-bar.v3 .mobile-menu-overlay, .menu-bar.v4 .mobile-menu-overlay, .menu-bar.v5 .mobile-menu-overlay, .menu-bar.v6 .mobile-menu-overlay, .menu-bar.v7 .mobile-menu-overlay, .menu-bar.v8 .mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
}
.menu-bar.v1 .mobile-menu-overlay.active, .menu-bar.v2 .mobile-menu-overlay.active, .menu-bar.v3 .mobile-menu-overlay.active, .menu-bar.v4 .mobile-menu-overlay.active, .menu-bar.v5 .mobile-menu-overlay.active, .menu-bar.v6 .mobile-menu-overlay.active, .menu-bar.v7 .mobile-menu-overlay.active, .menu-bar.v8 .mobile-menu-overlay.active {
opacity: 0.7;
visibility: visible;
}
.menu-bar.v1.sticky-header, .menu-bar.v2.sticky-header, .menu-bar.v3.sticky-header, .menu-bar.v4.sticky-header, .menu-bar.v5.sticky-header, .menu-bar.v6.sticky-header, .menu-bar.v7.sticky-header, .menu-bar.v8.sticky-header {
position: fixed;
background: var(--color-white);
-webkit-box-shadow: 0px -24px 20px 17px rgba(3, 3, 3, 0.71);
box-shadow: 0px -24px 20px 17px rgba(3, 3, 3, 0.71);
}
.menu-bar.v1.sticky-header .main-menu li.active > a::before, .menu-bar.v1.sticky-header .main-menu li:hover > a::before, .menu-bar.v2.sticky-header .main-menu li.active > a::before, .menu-bar.v2.sticky-header .main-menu li:hover > a::before, .menu-bar.v3.sticky-header .main-menu li.active > a::before, .menu-bar.v3.sticky-header .main-menu li:hover > a::before, .menu-bar.v4.sticky-header .main-menu li.active > a::before, .menu-bar.v4.sticky-header .main-menu li:hover > a::before, .menu-bar.v5.sticky-header .main-menu li.active > a::before, .menu-bar.v5.sticky-header .main-menu li:hover > a::before, .menu-bar.v6.sticky-header .main-menu li.active > a::before, .menu-bar.v6.sticky-header .main-menu li:hover > a::before, .menu-bar.v7.sticky-header .main-menu li.active > a::before, .menu-bar.v7.sticky-header .main-menu li:hover > a::before, .menu-bar.v8.sticky-header .main-menu li.active > a::before, .menu-bar.v8.sticky-header .main-menu li:hover > a::before {
background: var(--color-blue);
}
.menu-bar.v1, .menu-bar.v2 {
top: 0;
}
.menu-bar.v1 .main-menu > ul > li > a, .menu-bar.v2 .main-menu > ul > li > a {
padding: 30px 20px;
color: var(--color-black);
}
.menu-bar.v1 .main-menu li.active > a, .menu-bar.v1 .main-menu li:hover > a, .menu-bar.v2 .main-menu li.active > a, .menu-bar.v2 .main-menu li:hover > a {
color: var(--color-black);
}
.menu-bar.v1 .main-menu li.active > a::before, .menu-bar.v1 .main-menu li:hover > a::before, .menu-bar.v2 .main-menu li.active > a::before, .menu-bar.v2 .main-menu li:hover > a::before {
background: var(--color-white);
}
.menu-bar.v1 .main-menu > ul {
gap: 0;
}
.menu-bar.v1 .main-menu > ul > li > a {
position: relative;
z-index: 1;
}
.menu-bar.v1 .main-menu > ul > li > a::before {
position: absolute;
content: "";
width: 100%;
height: 30px;
top: 28px;
left: 0;
border-radius: 5px;
background: var(--color-tr);
z-index: -1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .main-menu li ul {
background: var(--color-black);
}
.menu-bar.v1 .main-menu li ul li a {
color: var(--color-white);
}
.menu-bar.v1 .main-menu li.has-dropdown li.active > a, .menu-bar.v1 .main-menu li.has-dropdown li:hover > a {
color: var(--color-blue);
}
.menu-bar.v1 .menu-right .social-link a:hover {
background: var(--color-blue);
color: var(--color-black2);
}
.menu-bar.v1.sticky-header::before {
background: var(--color-blue);
}
.menu-bar.v2 .main-menu > ul > li > a {
padding: 30px 0px;
}
.menu-bar.v2 .main-menu li ul {
background: var(--color-white);
}
.menu-bar.v2 .main-menu li ul li a {
color: var(--color-black);
}
.menu-bar.v2 .main-menu li.has-dropdown li.active > a, .menu-bar.v2 .main-menu li.has-dropdown li:hover > a {
color: var(--color-green);
}
.menu-bar.v2 .main-menu li:hover > a {
color: var(--color-green);
}
.menu-bar.v2 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-green);
}
.menu-bar.v2 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-green);
}
.menu-bar.v3 .main-menu > ul {
gap: 35px;
}
.menu-bar.v3 .main-menu > ul > li > a {
padding: 30px 0px;
color: var(--color-white);
}
.menu-bar.v3 .main-menu li ul {
background: var(--color-dGreen);
}
.menu-bar.v3 .main-menu li ul li a {
color: var(--color-white);
}
.menu-bar.v3 .main-menu li:hover > a {
color: var(--color-lime);
}
.menu-bar.v3 .main-menu li.has-dropdown li.active > a, .menu-bar.v3 .main-menu li.has-dropdown li:hover > a {
color: var(--color-lime);
}
.menu-bar.v3 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-lime);
}
.menu-bar.v3 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 80px;
background: var(--color-white);
}
.menu-bar.v3 .menu-right .right-menur-btns li button:hover {
color: var(--color-black);
background: var(--color-lime);
}
.menu-bar.v3 .menu-right .social-link a:hover {
color: var(--color-black);
background: var(--color-lime);
}
.menu-bar.v3.sticky-header {
top: 0;
background: var(--color-black);
}
.menu-bar.v4 {
top: 0;
border-bottom: 1px solid var(--color-border4);
background: var(--color-white);
}
.menu-bar.v4 .main-menu > ul {
gap: 48px;
}
.menu-bar.v4 .main-menu > ul > li > a {
padding: 35px 0px;
color: var(--color-black);
}
.menu-bar.v4 .main-menu li ul {
background: var(--color-white);
}
.menu-bar.v4 .main-menu li ul li a {
color: var(--color-black);
}
.menu-bar.v4 .main-menu li:hover > a {
color: var(--color-purple);
}
.menu-bar.v4 .main-menu li.has-dropdown li.active > a, .menu-bar.v4 .main-menu li.has-dropdown li:hover > a {
color: var(--color-purple);
}
.menu-bar.v4 .header-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
width: 1080px;
height: 70px;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
border-bottom: 1px solid var(--color-white);
z-index: 5;
background: var(--color-tr);
-webkit-transform: translate(-50%, -150%) scale(0.8);
transform: translate(-50%, -150%) scale(0.8);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
/* clears the ‘X’ from Internet Explorer */
/* clears the ‘X’ from Chrome */
}
.menu-bar.v4 .header-search input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
.menu-bar.v4 .header-search input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.menu-bar.v4 .header-search input[type=search]::-webkit-search-decoration,
.menu-bar.v4 .header-search input[type=search]::-webkit-search-cancel-button,
.menu-bar.v4 .header-search input[type=search]::-webkit-search-results-button,
.menu-bar.v4 .header-search input[type=search]::-webkit-search-results-decoration {
display: none;
}
.menu-bar.v4 .header-search input {
width: calc(100% - 40px);
height: 100%;
font-size: 16px;
color: var(--color-white);
background: var(--color-tr);
}
.menu-bar.v4 .header-search button {
width: 70px;
height: 100%;
padding: 0;
color: var(--color-white);
font-size: 16px;
background: var(--color-tr);
}
.menu-bar.v4 .header-search button:hover {
color: var(--color-purple);
}
.menu-bar.v4 .search-overlay {
position: fixed;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 3;
background: var(--color-black);
}
.menu-bar.v4 .search-close {
position: fixed;
padding: 0;
top: 120px;
right: 80px;
font-size: 24px;
opacity: 0;
visibility: hidden;
color: var(--color-white);
background: var(--color-tr);
z-index: 4;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v4 .search-close:hover {
color: var(--color-purple);
}
.menu-bar.v4 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-purple);
}
.menu-bar.v4 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 5px;
border: 1px solid var(--color-border4);
background: var(--color-white);
}
.menu-bar.v4 .menu-right .right-menur-btns li button:hover {
color: var(--color-white);
background: var(--color-purple);
}
.menu-bar.v4 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-purple);
}
.menu-bar.v4 .menu-right.active .header-search {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.menu-bar.v4 .menu-right.active .search-overlay {
opacity: 0.9;
visibility: visible;
}
.menu-bar.v4 .menu-right.active .search-close {
opacity: 1;
visibility: visible;
}
.menu-bar.v5 {
background: var(--color-tr);
}
.menu-bar.v5 .main-menu > ul {
gap: 60px;
}
.menu-bar.v5 .main-menu > ul > li > a {
padding: 35px 0px;
color: var(--color-white);
}
.menu-bar.v5 .main-menu li ul {
background: var(--color-black);
}
.menu-bar.v5 .main-menu li ul li a {
color: var(--color-white);
}
.menu-bar.v5 .main-menu li:hover > a {
color: var(--color-lBlue3);
}
.menu-bar.v5 .main-menu li.has-dropdown li.active > a, .menu-bar.v5 .main-menu li.has-dropdown li:hover > a {
color: var(--color-lBlue3);
}
.menu-bar.v5 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-lBlue3);
}
.menu-bar.v5 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 5px;
border: 1px solid var(--color-border4);
background: var(--color-white);
}
.menu-bar.v5 .menu-right .right-menur-btns li button:hover {
color: var(--color-white);
background: var(--color-lBlue3);
}
.menu-bar.v5 .menu-right .right-menur-btns li .link-anime {
padding: 6px 20px;
}
.menu-bar.v5 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-lBlue3);
}
.menu-bar.v5.sticky-header {
top: 0;
background: var(--color-black);
}
.menu-bar.v6 .main-menu > ul {
gap: 35px;
}
.menu-bar.v6 .main-menu > ul > li > a {
padding: 35px 0px;
color: var(--color-white);
}
.menu-bar.v6 .main-menu li ul {
background: var(--color-black);
}
.menu-bar.v6 .main-menu li ul li a {
color: var(--color-white);
}
.menu-bar.v6 .main-menu li:hover > a {
color: var(--color-lBlue3);
}
.menu-bar.v6 .main-menu li.has-dropdown li.active > a, .menu-bar.v6 .main-menu li.has-dropdown li:hover > a {
color: var(--color-lBlue3);
}
.menu-bar.v6 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-lBlue3);
}
.menu-bar.v6 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 50px;
background: var(--color-white);
}
.menu-bar.v6 .menu-right .right-menur-btns li button:hover {
color: var(--color-white);
background: var(--color-lBlue3);
}
.menu-bar.v6 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-lBlue3);
}
.menu-bar.v6.sticky-header {
top: 0;
background: var(--color-black);
}
.menu-bar.v7 {
position: inherit;
top: 0;
background: var(--color-white);
}
.menu-bar.v7.sticky-header .main-menu > ul > li > a {
padding: 35px 0px;
}
.menu-bar.v7 .main-menu > ul {
gap: 53px;
}
.menu-bar.v7 .main-menu > ul > li > a {
padding: 58px 0px;
color: var(--color-gBlack16);
}
.menu-bar.v7 .main-menu li ul {
background: var(--color-white);
}
.menu-bar.v7 .main-menu li ul li a {
color: var(--color-gBlack16);
}
.menu-bar.v7 .main-menu li:hover > a {
color: var(--color-black12);
}
.menu-bar.v7 .main-menu li.has-dropdown li.active > a, .menu-bar.v7 .main-menu li.has-dropdown li:hover > a {
color: var(--color-black12);
}
.menu-bar.v7 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-lBlue3);
}
.menu-bar.v7 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 50px;
background: var(--color-white);
}
.menu-bar.v7 .menu-right .right-menur-btns li button:hover {
color: var(--color-white);
background: var(--color-lBlue5);
}
.menu-bar.v7 .menu-right .right-menur-btns .mobile-btns {
border: 1px solid var(--color-border4);
}
.menu-bar.v7 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-lBlue5);
}
.menu-bar.v8 {
position: inherit;
top: 0;
padding: 0px 84px;
background: var(--color-white);
}
.menu-bar.v8 .menu-content {
gap: 25px;
}
.menu-bar.v8 .main-menu > ul {
gap: 32px;
}
.menu-bar.v8 .main-menu > ul > li > a {
padding: 35px 0px;
color: var(--color-dGreen8);
}
.menu-bar.v8 .main-menu li ul {
background: var(--color-white);
}
.menu-bar.v8 .main-menu li ul li a {
color: var(--color-dGreen8);
}
.menu-bar.v8 .main-menu li:hover > a {
color: var(--color-green5);
}
.menu-bar.v8 .main-menu li.has-dropdown li.active > a, .menu-bar.v8 .main-menu li.has-dropdown li:hover > a {
color: var(--color-green5);
}
.menu-bar.v8 .menu-right .siderbar-header .close-btn:hover {
color: var(--color-lBlue3);
}
.menu-bar.v8 .menu-right .right-menur-btns {
gap: 8px;
}
.menu-bar.v8 .menu-right .right-menur-btns li button {
color: var(--color-black);
border-radius: 50px;
background: var(--color-white);
}
.menu-bar.v8 .menu-right .right-menur-btns li button:hover {
color: var(--color-white);
background: var(--color-green5);
}
.menu-bar.v8 .menu-right .right-menur-btns li:nth-child(3) {
display: none;
}
.menu-bar.v8 .menu-right .right-menur-btns .mobile-btns {
border: 1px solid var(--color-border4);
}
.menu-bar.v8 .menu-right .social-link a:hover {
color: var(--color-white);
background: var(--color-green5);
}
.top-bar.v1 .top-content,
.top-bar.v1 .info-list,
.top-bar.v1 .info-list li, .top-bar.v2 .top-content,
.top-bar.v2 .info-list,
.top-bar.v2 .info-list li, .top-bar.v3 .top-content,
.top-bar.v3 .info-list,
.top-bar.v3 .info-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.v1 .top-content, .top-bar.v2 .top-content, .top-bar.v3 .top-content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
.top-bar.v1 .text, .top-bar.v2 .text, .top-bar.v3 .text {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}
.top-bar.v1 .info-list, .top-bar.v2 .info-list, .top-bar.v3 .info-list {
gap: 41px;
}
.top-bar.v1 .info-list li, .top-bar.v2 .info-list li, .top-bar.v3 .info-list li {
gap: 11px;
}
.top-bar.v1 .info-list.v1 li i, .top-bar.v2 .info-list.v1 li i, .top-bar.v3 .info-list.v1 li i {
font-size: 16px;
}
.top-bar.v1 .info-list.v2 .text, .top-bar.v2 .info-list.v2 .text, .top-bar.v3 .info-list.v2 .text {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.top-bar.v1 .info-list.v2 .text a, .top-bar.v2 .info-list.v2 .text a, .top-bar.v3 .info-list.v2 .text a {
font-weight: 700;
font-size: 15px;
line-height: 25px;
}
.top-bar.v1 .info-list.v2 li i, .top-bar.v2 .info-list.v2 li i, .top-bar.v3 .info-list.v2 li i {
font-size: 19px;
}
.top-bar.v1 .top-content {
padding: 16px 95px;
}
.top-bar.v1 .info-list li i {
color: var(--color-green);
}
.top-bar.v1 .text a:hover {
color: var(--color-green);
}
.top-bar.v2 {
background: var(--color-black7);
}
.top-bar.v2 .top-content {
padding: 16px 0px;
}
.top-bar.v2 .info-list li i {
color: var(--color-yellow2);
}
.top-bar.v2 .text {
color: var(--color-white);
}
.top-bar.v2 .text a {
color: var(--color-white);
}
.top-bar.v2 .text a:hover {
color: var(--color-yellow2);
}
.top-bar.v3 {
background: var(--color-dBlue1);
}
.top-bar.v3 .top-content {
padding: 16px 0px;
}
.top-bar.v3 .info-list li i {
color: var(--color-white);
}
.top-bar.v3 .text {
color: var(--color-white);
}
.top-bar.v3 .text a {
color: var(--color-white);
}
.top-bar.v3 .text a:hover {
color: var(--color-lBlue3);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
3 Banner
=======================*/
.banner.v1 {
position: relative;
background: var(--color-blue);
overflow: hidden;
z-index: 1;
}
.banner.v1 .banner-content {
position: relative;
padding: 256px 0px 218px 0px;
}
.banner.v1 .banner-img {
position: absolute;
width: 461px;
right: 0;
bottom: 46px;
}
.banner.v1 .banner-img img {
width: 100%;
}
.banner.v1 .big-title {
font-size: 90px;
line-height: 106px;
font-weight: 700;
}
.banner.v1 .big-title ~ .title-para {
margin-top: 58px;
}
.banner.v1 .title-para {
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: var(--color-black);
}
.banner.v1 .bg-shap-1,
.banner.v1 .bg-shap-2,
.banner.v1 .bg-shap-3 {
position: absolute;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner.v1 .bg-shap-1 {
width: calc(60% - 30px);
height: 100%;
right: calc(-15% - 30px);
background-size: cover;
background-position: left;
}
.banner.v1 .bg-shap-2 {
width: 10vw;
height: 10vw;
right: -5vw;
}
.banner.v1 .bg-shap-3 {
width: 19vw;
height: 19vw;
left: -10vw;
}
.banner.v2 .banner-content {
padding: 256px 0px 0px 0px;
}
.banner.v2 .big-title {
font-size: 65px;
font-weight: 700;
line-height: 80px;
}
.banner.v2 .big-title span {
text-decoration: underline;
}
.banner.v2 .content-text {
padding: 0px 120px 0px 0px;
}
.banner.v2 .title-para {
font-size: 18px;
font-weight: 600;
line-height: 28px;
color: var(--color-black);
}
.banner.v2 .title-para ~ .all-btns {
margin-top: 28px;
}
.banner.v3 .banner-content {
padding: 265px 0px 210px 0px;
text-align: center;
}
.banner.v3 .banner-content .big-title {
position: relative;
font-size: 75px;
line-height: 85px;
color: var(--color-white);
}
.banner.v3 .banner-content .big-title .text-underline {
background-repeat: no-repeat;
background-position: 3px 65px;
background-size: contain;
}
.banner.v3 .banner-content .section-title ~ .check-mark-list {
margin-top: 70px;
}
.banner.v3 .banner-content .check-mark-list ~ .all-btns {
margin-top: 75px;
}
.banner.v3 .banner-content .check-mark-list,
.banner.v3 .banner-content .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner.v4 {
position: relative;
overflow: hidden;
}
.banner.v4 .banner-content {
position: relative;
padding: 320px 20vw 285px 18vw;
}
.banner.v4 .banner-content .section-title .title-para {
color: var(--color-black4);
font-weight: 600;
}
.banner.v4 .banner-content .left-img-1 {
position: absolute;
top: 217px;
left: 0;
}
.banner.v4 .banner-content .left-img-2 {
position: absolute;
top: 669px;
left: 0;
}
.banner.v4 .banner-content .right-img-1 {
position: absolute;
top: 215px;
right: 84px;
}
.banner.v4 .banner-content .right-img-2 {
position: absolute;
top: 556px;
right: 0;
}
.banner.v4 img {
border-radius: 20px;
}
.banner.v4 .bg-img {
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.banner.v4 .bg-img.v1 {
width: 540px;
height: 204px;
top: 0;
left: 496px;
z-index: -1;
}
.banner.v4 .bg-img.v2 {
width: 271px;
height: 597px;
top: 266px;
left: 0px;
z-index: -1;
}
.banner.v4 .bg-img.v3 {
width: 900px;
height: 286px;
right: 0;
bottom: -15px;
z-index: -1;
}
.banner.v4 .play-video {
position: absolute;
width: 100px;
height: 100px;
right: 420px;
bottom: calc(9vw + 15px);
text-align: center;
}
.banner.v4 .play-video .play-btn ~ .play-para {
margin-top: 22px;
}
.banner.v4 .play-video .play-para {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.banner.v5 .banner-content {
padding: 225px 0px 0px 0px;
}
.banner.v5 .banner-content .big-title {
font-size: 90px;
line-height: 110px;
font-weight: 700;
}
.banner.v5 .banner-content .big-title ~ .title-para {
margin-top: 45px;
}
.banner.v5 .banner-content .title-para {
color: var(--color-white);
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.banner.v5 .banner-content .title-para ~ .all-btns {
margin-top: 51px;
}
.banner.v5 .banner-content .all-btns ~ .features {
margin-top: 182px;
}
.banner.v5 .features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
border-radius: 20px;
padding: 58px 80px;
background: var(--color-black8);
}
.banner.v5 .features li {
width: calc(33.3333333% - 30px);
}
.banner.v5 .features li .icon-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.banner.v5 .features li .icon-title i {
font-size: 24px;
color: var(--color-tr);
background: var(--color-bluGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: var(--color-tr);
}
.banner.v5 .features li .icon-title .title {
font-size: 24px;
font-weight: 600;
color: var(--color-white);
}
.banner.v5 .features li .title-pera {
color: var(--color-gBlack3);
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.banner.v6 {
position: relative;
z-index: 1;
}
.banner.v6::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(1deg, rgba(0, 8, 51, 0.77) 9.31%, rgba(0, 22, 49, 0.56) 64.25%, rgba(0, 0, 0, 0) 95.8%);
z-index: -1;
}
.banner.v6 .slider {
padding-bottom: 0;
}
.banner.v6 .banner-content {
position: relative;
padding: 307px 0px 328px 0px;
text-align: center;
}
.banner.v6 .banner-content .big-title {
font-size: 65px;
line-height: 80px;
font-weight: 700;
}
.banner.v6 .banner-content .big-title ~ .title-para {
margin-top: 30px;
}
.banner.v6 .banner-content .title-para {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 600;
}
.banner.v6 .banner-content .title-para ~ .all-btns {
margin-top: 45px;
}
.banner.v6 .banner-content .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner.v6 .banner-content .all-btns ~ .features {
margin-top: 182px;
}
.banner.v6 .banner-content .banner-social,
.banner.v6 .banner-content .banner-pagination {
position: absolute;
bottom: 98px;
}
.banner.v6 .banner-content .banner-social {
position: absolute;
left: 0;
text-align: left;
}
.banner.v6 .banner-content .banner-social li ~ li {
margin-top: 31px;
}
.banner.v6 .banner-content .banner-social a {
color: var(--color-white);
font-size: 12px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
}
.banner.v6 .banner-content .banner-social a i {
margin-right: 7px;
}
.banner.v6 .banner-content .banner-social a:hover {
color: var(--color-lBlue3);
}
.banner.v6 .banner-content .banner-pagination {
position: absolute;
width: inherit;
left: inherit;
right: 0;
counter-reset: paginationCounter;
}
.banner.v6 .scroll-btn {
position: absolute;
width: 28px;
height: 50px;
left: 50%;
bottom: 100px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner.v6 .scroll-btn i {
display: block;
color: var(--color-white);
}
.banner.v6 .scroll-btn i:nth-child(1) {
font-size: 16px;
line-height: 10px;
-webkit-animation: scrollDown 3.5s 0.8s infinite ease-out;
animation: scrollDown 3.5s 0.8s infinite ease-out;
}
.banner.v6 .scroll-btn i:nth-child(2) {
font-size: 22px;
line-height: 10px;
-webkit-animation: scrollDown 3.5s 0.4s infinite ease-out;
animation: scrollDown 3.5s 0.4s infinite ease-out;
}
.banner.v6 .scroll-btn i:nth-child(3) {
font-size: 30px;
line-height: 15px;
-webkit-animation: scrollDown 3.5s infinite ease-out;
animation: scrollDown 3.5s infinite ease-out;
}
@-webkit-keyframes scrollDown {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
opacity: 0.5;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
100% {
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes scrollDown {
0% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
opacity: 0.5;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
100% {
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.banner.v7 {
overflow: hidden;
border-radius: 0px 121px;
}
.banner.v7 .banner-content {
padding: 172px 0px 154px 0px;
}
.banner.v7 .big-title {
font-size: 80px;
line-height: 85px;
}
.banner.v7 .big-title img {
max-width: 140px;
}
.banner.v7 .title-para {
color: var(--color-gBlack17);
}
.banner.v7 .section-title ~ .email-container {
margin-top: 44px;
}
.banner.v7 .email-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
padding: 7px;
border-radius: 5px;
background: var(--color-white);
}
.banner.v7 .email-container input {
width: 410px;
padding: 5px 30px;
border-radius: 5px;
}
.banner.v7 .email-container .email-input::-webkit-input-placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(0, 22, 54, 0.6);
line-height: 28px;
}
.banner.v7 .email-container .email-input::-moz-placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(0, 22, 54, 0.6);
line-height: 28px;
}
.banner.v7 .email-container .email-input:-ms-input-placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(0, 22, 54, 0.6);
line-height: 28px;
}
.banner.v7 .email-container .email-input::-ms-input-placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(0, 22, 54, 0.6);
line-height: 28px;
}
.banner.v7 .email-container .email-input::placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(0, 22, 54, 0.6);
line-height: 28px;
}
.banner.v7 .email-container button {
padding: 17px 34px;
gap: 6px;
}
.banner.v7 .email-container button::before {
font-size: 19px;
margin-bottom: -2px;
}
.banner.v7 .email-container ~ .contact-para {
margin-top: 15px;
}
.banner.v7 .contact-para {
font-weight: 600;
color: var(--color-gBlack16);
}
.banner.v7 .contact-para a {
color: var(--color-black12);
}
.banner.v7 .contact-para a:hover {
color: var(--color-lBlue5);
}
.banner.v8 {
position: relative;
border-radius: 32px;
overflow: hidden;
z-index: 1;
}
.banner.v8::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(19.81%, #00473c), color-stop(70.77%, rgba(0, 71, 60, 0)));
background: linear-gradient(90deg, #00473c 19.81%, rgba(0, 71, 60, 0) 70.77%);
z-index: -1;
}
.banner.v8 .banner-content {
padding: 218px 0px 230px 0px;
}
.banner.v8 .section-title-white ~ .check-mark-list {
margin-top: 40px;
}
.banner.v8 .check-mark-list ~ .all-btns {
margin-top: 57px;
}
.banner.v8 .big-title {
font-size: 85px;
line-height: 95px;
font-weight: 700;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v1 {
background: var(--color-black);
}
.core-feature.v1 .core-feature-img img {
width: 100%;
max-width: 120px;
}
.core-feature.v1 .title-left-right-end ~ .sub-title {
margin-top: 66px;
}
.core-feature.v1 .core-list-card {
margin-top: 50px;
}
.core-feature.v1 .core-list-card li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
padding: 107px 100px;
border: 1px solid var(--color-border);
background: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.core-feature.v1 .core-list-card li::before {
position: absolute;
content: "";
width: 4px;
height: 100%;
top: 0;
left: 0;
background: var(--color-tr);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.core-feature.v1 .core-list-card li:hover {
border-left: 1px solid var(--color-tr);
background: var(--color-black2);
}
.core-feature.v1 .core-list-card li:hover::before {
background: var(--color-blue);
}
.core-feature.v1 .core-list-card li ~ li {
border-top: none;
}
.core-feature.v1 .core-list-card .core-list-text {
width: calc(50% - 15px);
}
.core-feature.v1 .core-list-card .big-title {
font-weight: 600;
font-size: 55px;
line-height: 65px;
color: var(--color-white);
}
.core-feature.v1 .core-list-card .big-title ~ .title-para {
margin-top: 18px;
}
.core-feature.v1 .core-list-card .title-para {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack3);
}
.core-feature.v1 .core-list-card .core-list-img {
width: 300px;
}
.core-feature.v1 .core-list-card .core-list-img img {
width: 100%;
}
.core-feature.v2 .features-card {
position: relative;
padding: 55px 82px 57px 82px;
border-radius: 20px;
-webkit-box-shadow: 0px 4px 4px #e0e4eb;
box-shadow: 0px 4px 4px #e0e4eb;
border: 1px solid var(--color-white4);
background: var(--color-white);
overflow: hidden;
margin-top: 30px;
z-index: 1;
}
.core-feature.v2 .features-card::before {
position: absolute;
content: "";
width: calc(100% - 40px);
height: calc(100% - 40px);
top: 20px;
left: 20px;
border-radius: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
}
.core-feature.v2 .features-card i {
display: inline-block;
width: 60px;
height: 60px;
font-size: 30px;
text-align: center;
line-height: 60px;
color: var(--color-white);
border-radius: 70px;
}
.core-feature.v2 .features-card i ~ .card-title {
margin-top: 79px;
}
.core-feature.v2 .features-card .card-title {
font-weight: 600;
font-size: 27px;
line-height: 37px;
}
.core-feature.v2 .features-card .card-title ~ .read-more {
margin-top: 89px;
}
.core-feature.v2 .features-card .features-card-img {
position: absolute;
width: 80%;
height: calc(100% - 26px);
bottom: 12px;
right: -30%;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
z-index: -2;
}
.core-feature.v2 .features-card:hover::before {
opacity: 1;
}
.core-feature.v2 .features-card.v1::before {
border: 1px dashed var(--color-greenC);
}
.core-feature.v2 .features-card.v1 i {
background: var(--color-greenC);
}
.core-feature.v2 .features-card.v2::before {
border: 1px dashed var(--color-dBlue);
}
.core-feature.v2 .features-card.v2 i {
background: var(--color-dBlue);
}
.core-feature.v2 .features-card.v3::before {
border: 1px dashed var(--color-orange);
}
.core-feature.v2 .features-card.v3 i {
background: var(--color-orange);
}
.core-feature.v2 .features-card.v4::before {
border: 1px dashed var(--color-pink);
}
.core-feature.v2 .features-card.v4 i {
background: var(--color-pink);
}
.core-feature.v2 .features-card.v5::before {
border: 1px dashed var(--color-lime2);
}
.core-feature.v2 .features-card.v5 i {
background: var(--color-lime2);
}
.core-feature.v2 .row > div:nth-child(1) .small-card,
.core-feature.v2 .row > div:nth-child(2) .small-card,
.core-feature.v2 .row > div:nth-child(3) .small-card,
.core-feature.v2 .row > div:nth-child(1) .big-card,
.core-feature.v2 .row > div:nth-child(2) .big-card {
margin-top: 0;
}
/*=====================
5 Video Box
=======================*/
.video-box.v1 .video-card-box, .video-box.v2 .video-card-box, .video-box.v3 .video-card-box, .video-box.v4 .video-card-box {
position: relative;
}
.video-box.v1 .video-card-box img, .video-box.v2 .video-card-box img, .video-box.v3 .video-card-box img, .video-box.v4 .video-card-box img {
border-radius: 30px;
width: 100%;
}
.video-box.v1 .video-card-box .play-btn, .video-box.v2 .video-card-box .play-btn, .video-box.v3 .video-card-box .play-btn, .video-box.v4 .video-card-box .play-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-box.v1 {
position: relative;
overflow: hidden;
background: var(--color-black);
z-index: 1;
}
.video-box.v1 .bg-shap-1 {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) scale(1.5);
transform: translateY(-50%) scale(1.5);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.video-box.v1 .section-title-white ~ .video-card-box {
margin-top: 82px;
}
.video-box.v1 .video-card-box ~ .earn-staking {
margin-top: 70px;
}
.video-box.v1 .earn-staking {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.video-box.v1 .earn-staking .small-title {
color: var(--color-lblue);
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
}
.video-box.v1 .earn-staking .small-title .staking-vale {
padding: 0px 20px;
display: inline-block;
border-radius: 30px;
font-size: 12px;
font-weight: 600;
color: var(--color-black);
background: var(--color-blue);
margin-left: 9px;
}
.video-box.v1 .earn-staking .small-title ~ .title {
margin-top: 25px;
}
.video-box.v1 .earn-staking .title {
color: var(--color-white);
font-weight: 700;
font-size: 64px;
line-height: 74px;
}
.video-box.v1 .earn-staking .earn-staking-link a {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--color-blue);
text-decoration: underline;
}
.video-box.v1 .earn-staking .earn-staking-link a:hover {
color: var(--color-white);
}
.video-box.v2 .section-title ~ .video-card-box {
margin-top: 60px;
}
.video-box.v3 .video-card-box {
width: 100%;
border-radius: 0px 120px 0px 121px;
overflow: hidden;
}
.video-box.v3 .video-card-box img {
border-radius: 0px;
}
.video-box.v4 .section-title-center ~ .video-card-box {
margin-top: 60px;
}
.video-box.v4 .box-botom-content .bold-para {
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
/*=====================
6 Benefits
=======================*/
.benefits.v1 {
position: relative;
overflow: hidden;
background: var(--color-blue);
z-index: 1;
}
.benefits.v1 .bg-shap-1 {
position: absolute;
width: 672px;
height: 672px;
top: -93px;
right: -93px;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
z-index: -1;
}
.benefits.v1 .benefits-card {
padding: 0px 69px 93px 69px;
border-radius: 30px;
background: var(--color-white);
margin-top: 80px;
}
.benefits.v1 .benefits-card .title {
font-weight: 600;
font-size: 34px;
line-height: 48px;
}
.benefits.v1 .benefits-card .title ~ .para {
margin-top: 55px;
}
.benefits.v1 .benefits-card .para {
font-size: 18px;
line-height: 28px;
}
.benefits.v1 .benefits-img {
width: 340px;
margin: 0px 0px -169px -69px;
-webkit-transform: translateY(-169px);
transform: translateY(-169px);
}
.benefits.v1 .benefits-img img {
width: 100%;
}
.benefits.v1 .row > div:nth-child(1) .benefits-card,
.benefits.v1 .row > div:nth-child(2) .benefits-card {
margin-top: 169px;
}
/*=====================
7 Key Benefits
=======================*/
.key-benefits.v1 .slide-img img {
width: 100%;
border-radius: 20px;
}
.key-benefits.v1 .slider {
padding-bottom: 0;
}
/*=====================
8 Recent Blogs
=======================*/
.recent-blogs.v1 .recent-blog-card-img, .recent-blogs.v2 .recent-blog-card-img, .recent-blogs.v3 .recent-blog-card-img, .recent-blogs.v4 .recent-blog-card-img, .recent-blogs.v5 .recent-blog-card-img {
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.recent-blogs.v1 .recent-blog-card-img img, .recent-blogs.v2 .recent-blog-card-img img, .recent-blogs.v3 .recent-blog-card-img img, .recent-blogs.v4 .recent-blog-card-img img, .recent-blogs.v5 .recent-blog-card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.recent-blogs.v1 .recent-blog-card, .recent-blogs.v2 .recent-blog-card, .recent-blogs.v3 .recent-blog-card, .recent-blogs.v4 .recent-blog-card, .recent-blogs.v5 .recent-blog-card {
margin-top: 30px;
}
.recent-blogs.v1 .recent-blog-card:hover .recent-blog-card-img img, .recent-blogs.v2 .recent-blog-card:hover .recent-blog-card-img img, .recent-blogs.v3 .recent-blog-card:hover .recent-blog-card-img img, .recent-blogs.v4 .recent-blog-card:hover .recent-blog-card-img img, .recent-blogs.v5 .recent-blog-card:hover .recent-blog-card-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.recent-blogs.v1 .recent-blog-card-contant .title, .recent-blogs.v2 .recent-blog-card-contant .title, .recent-blogs.v3 .recent-blog-card-contant .title, .recent-blogs.v4 .recent-blog-card-contant .title, .recent-blogs.v5 .recent-blog-card-contant .title {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.4px;
font-weight: 600;
}
.recent-blogs.v1 .row > div:nth-child(1) .recent-blog-card,
.recent-blogs.v1 .row > div:nth-child(2) .recent-blog-card,
.recent-blogs.v1 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v2 .row > div:nth-child(1) .recent-blog-card,
.recent-blogs.v2 .row > div:nth-child(2) .recent-blog-card,
.recent-blogs.v2 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v3 .row > div:nth-child(1) .recent-blog-card,
.recent-blogs.v3 .row > div:nth-child(2) .recent-blog-card,
.recent-blogs.v3 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v4 .row > div:nth-child(1) .recent-blog-card,
.recent-blogs.v4 .row > div:nth-child(2) .recent-blog-card,
.recent-blogs.v4 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v5 .row > div:nth-child(1) .recent-blog-card,
.recent-blogs.v5 .row > div:nth-child(2) .recent-blog-card,
.recent-blogs.v5 .row > div:nth-child(3) .recent-blog-card {
margin-top: 0;
}
.recent-blogs.v1 .recent-blog-card-contant .title ~ .read-more, .recent-blogs.v2 .recent-blog-card-contant .title ~ .read-more {
margin-top: 37px;
}
.recent-blogs.v1 .title-left-right-center {
padding-bottom: 40px;
border-bottom: 1px solid var(--color-gBlack2);
}
.recent-blogs.v1 .section-title ~ .row {
margin-top: 40px;
}
.recent-blogs.v1 .recent-blog-card {
margin-top: 62px;
}
.recent-blogs.v1 .recent-blog-card-contant {
padding: 36px 24px 0px 24px;
}
.recent-blogs.v1 .recent-blog-card-contant .small-title {
font-size: 12px;
line-height: 22px;
font-weight: 500;
color: var(--color-gBlack);
}
.recent-blogs.v1 .recent-blog-card-contant .small-title ~ .title {
margin-top: 11px;
}
.recent-blogs.v2 {
position: relative;
}
.recent-blogs.v2 .recent-blog-card-img {
position: relative;
}
.recent-blogs.v2 .recent-blog-card-img .card-name-date {
position: absolute;
left: 0;
bottom: 0;
min-width: 230px;
padding: 25px 28px 0px 28px;
border-radius: 0px 16px 0px 0px;
background: var(--color-white);
}
.recent-blogs.v2 .recent-blog-card-img .card-name-date .date {
font-size: 12px;
line-height: 22px;
font-weight: 600;
color: var(--color-gBlack8);
}
.recent-blogs.v2 .recent-blog-card-img .card-name-date .user-name {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--color-black4);
}
.recent-blogs.v2 .recent-blog-card-img .card-name-date a:hover {
color: var(--color-green);
}
.recent-blogs.v2 .recent-blog-card-contant {
padding: 30px 30px 0px 30px;
}
.recent-blogs.v2 .recent-blog-card-contant .title a:hover {
color: var(--color-green);
}
.recent-blogs.v2 .read-more {
color: var(--color-tr);
visibility: hidden;
}
.recent-blogs.v2 .read-more::before {
visibility: visible;
}
.recent-blogs.v2 .read-more:hover {
color: var(--color-black);
visibility: visible;
}
.recent-blogs.v2 .bg-shap-1 {
position: absolute;
width: 340px;
height: 200px;
right: -106px;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.recent-blogs.v3 .recent-blog-card {
margin-top: 60px;
}
.recent-blogs.v3 .recent-blog-card-contant {
padding-top: 30px;
}
.recent-blogs.v3 .recent-blog-card-contant .card-name-date .date {
font-size: 12px;
line-height: 22px;
font-weight: 600;
color: var(--color-gBlack8);
}
.recent-blogs.v3 .recent-blog-card-contant .card-name-date .user-name {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--color-black4);
}
.recent-blogs.v3 .recent-blog-card-contant .card-name-date a:hover {
color: var(--color-purple);
}
.recent-blogs.v3 .recent-blog-card-contant .card-name-date ~ .title {
margin-top: 30px;
}
.recent-blogs.v3 .recent-blog-card-contant .title ~ .read-more {
margin-top: 21px;
}
.recent-blogs.v3 .recent-blog-card-contant .title a:hover {
color: var(--color-purple);
}
.recent-blogs.v3 .read-more {
color: var(--color-tr);
visibility: hidden;
}
.recent-blogs.v3 .read-more::before {
visibility: visible;
}
.recent-blogs.v3 .read-more:hover {
color: var(--color-black);
visibility: visible;
}
.recent-blogs.v4 {
background: var(--color-black9);
}
.recent-blogs.v4 .recent-blog-card {
padding-top: 30px;
}
.recent-blogs.v4 .recent-blog-card-contant {
padding: 25px 25px 0px 25px;
}
.recent-blogs.v4 .recent-blog-card-contant .small-title {
font-size: 12px;
line-height: 22px;
font-weight: 500;
color: var(--color-gBlack12);
}
.recent-blogs.v4 .recent-blog-card-contant .small-title ~ .title {
margin-top: 20px;
}
.recent-blogs.v4 .recent-blog-card-contant .title a {
color: var(--color-white);
}
.recent-blogs.v4 .recent-blog-card-contant .title a:hover {
color: var(--color-lBlue3);
}
.recent-blogs.v4 .recent-blog-card-contant .title ~ .read-more {
margin-top: 42px;
}
.recent-blogs.v5 {
position: relative;
background: var(--color-dGreen5);
}
.recent-blogs.v5 .alert-img {
position: absolute;
top: -68px;
right: 53px;
max-width: 303px;
}
.recent-blogs.v5 .alert-img img {
width: 100%;
}
.recent-blogs.v5 .recent-blog-card {
padding-top: 30px;
}
.recent-blogs.v5 .recent-blog-card-contant {
padding: 25px 25px 0px 25px;
}
.recent-blogs.v5 .recent-blog-card-contant .small-title {
font-size: 12px;
line-height: 22px;
font-weight: 500;
color: var(--color-gBlack12);
}
.recent-blogs.v5 .recent-blog-card-contant .small-title ~ .title {
margin-top: 20px;
}
.recent-blogs.v5 .recent-blog-card-contant .title a {
color: var(--color-white);
}
.recent-blogs.v5 .recent-blog-card-contant .title a:hover {
color: var(--color-green4);
}
.recent-blogs.v5 .recent-blog-card-contant .title ~ .read-more {
margin-top: 42px;
}
.recent-blogs.v5 .read-more {
color: var(--color-tr);
visibility: hidden;
}
.recent-blogs.v5 .read-more::before {
color: var(--color-white);
visibility: visible;
}
.recent-blogs.v5 .read-more:hover {
color: var(--color-white);
visibility: visible;
}
.recent-blogs.moreBlog {
background: #f1f3f3;
}
/*=====================
9 Partners
=======================*/
.partners.v1 {
overflow: hidden;
position: relative;
background: var(--color-blue);
z-index: 1;
}
.partners.v1 .bg-shap-1 {
position: absolute;
width: 60%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
}
.partners.v1 .section-title ~ .slider {
margin-top: 50px;
}
.partners.v1 .title-left-right-center .slider-btns {
gap: 12px;
}
.partners.v1 .slider {
width: 130%;
padding-bottom: 0;
}
.partners.v1 .featured-section .slider {
padding-top: 50px;
border-top: 1px solid var(--color-blue2);
}
.partners.v1 .featured-section .small-text {
font-weight: 500;
font-size: 20px;
line-height: 30px;
margin-bottom: 40px;
}
.partners.v1 .featured-section .title {
display: inline;
font-size: 30px;
line-height: 44px;
font-weight: 600;
background: var(--color-white);
}
.partners.v1 .featured-section ~ .seleced-section {
border-top: 1px solid var(--color-blue2);
padding-top: 50px;
margin-top: 130px;
}
.partners.v1 .seleced-section .seleced-card {
padding: 83px 60px;
border-radius: 8px;
background: var(--color-white);
}
.partners.v1 .seleced-section .seleced-card .partner-logo {
max-width: 122px;
width: 100%;
}
.partners.v1 .seleced-section .seleced-card .partner-logo img {
width: 100%;
opacity: 0.4;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.partners.v1 .seleced-section .seleced-card .partner-logo ~ .para {
margin-top: 42px;
}
.partners.v1 .seleced-section .seleced-card .para {
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: var(--color-gBlack);
}
.partners.v1 .seleced-section .swiper-slide:nth-child(1n+0) {
width: calc(30% - 15px);
}
.partners.v1 .seleced-section .swiper-slide:nth-child(2n+0) {
width: calc(40% - 15px);
}
.partners.v1 .seleced-section .seleced-card:hover .partner-logo img {
opacity: 1;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
.bg-color-1 {
background: var(--color-lblue2);
}
/*=========================
16 Pament Get Card
===========================*/
.body-bg-1,
.body-bg-2,
.body-bg-3 {
background-repeat: no-repeat;
background-size: cover;
}
.body-bg-1,
.body-bg-2 {
background-position: top;
}
.body-bg-3 {
background-position: 0px 250px;
}
.body-bg-1 {
padding-bottom: 400px;
}
.body-bg-1 ~ .mt-shap-over {
margin-top: -400px;
}
.body-bg-2,
.body-bg-3 {
padding-top: 330px;
margin-top: -370px;
}
.pamentget-card.v1 .pament-card-img {
margin-left: -25px;
padding-right: 80px;
}
.pamentget-card.v1 .pament-card-img img {
width: 100%;
}
.pamentget-card.v1 .pay-catch-card {
padding: 40px 32px 32px 32px;
border-radius: 16px;
-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
background: var(--color-white);
margin-left: 110px;
}
.pamentget-card.v1 .pay-catch-header .title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.pamentget-card.v1 .pay-catch-header .title ~ .para {
margin-top: 8px;
}
.pamentget-card.v1 .pay-catch-header .para {
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack4);
}
.pamentget-card.v1 .pay-catch-header ~ .pay-catch-body {
margin-top: 40px;
}
.pamentget-card.v1 .pay-catch-btns ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pamentget-card.v1 .pay-catch-btns li {
width: 50%;
}
.pamentget-card.v1 .pay-catch-btns li:nth-child(1) button::before {
right: 0;
}
.pamentget-card.v1 .pay-catch-btns li:nth-child(2) button::before {
left: 0;
}
.pamentget-card.v1 .pay-catch-btns button {
position: relative;
padding-bottom: 18px;
width: 100%;
font-size: 16px;
font-weight: 700;
color: var(--color-gBlack4);
border-bottom: 2px solid var(--color-gBlack5);
background: var(--color-tr);
}
.pamentget-card.v1 .pay-catch-btns button::before {
position: absolute;
content: "";
width: 0%;
height: 3px;
bottom: -2px;
opacity: 0;
background: var(--color-blue3);
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pamentget-card.v1 .pay-catch-btns button.active {
color: var(--color-black);
}
.pamentget-card.v1 .pay-catch-btns button.active::before {
opacity: 1;
width: 100%;
}
.pamentget-card.v1 .tab-content {
padding-top: 24px;
}
.pamentget-card.v1 .items-cards,
.pamentget-card.v1 .content-uplode,
.pamentget-card.v1 .content-uplode .icon-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pamentget-card.v1 .items-cards {
gap: 16px 8px;
}
.pamentget-card.v1 .items-cards li {
padding: 31px;
border: 1px solid var(--color-gBlack2);
border-radius: 8px;
background: var(--color-white);
}
.pamentget-card.v1 .items-cards li.small-card {
width: calc(50% - 4px);
-webkit-box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
}
.pamentget-card.v1 .items-cards li.big-card {
width: 100%;
padding: 22px 31px 31px 31px;
}
.pamentget-card.v1 .items-cards .icon-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.pamentget-card.v1 .items-cards .icon-tag i {
font-size: 26px;
}
.pamentget-card.v1 .items-cards .icon-tag .tag {
display: inline-block;
font-size: 14px;
text-align: center;
font-weight: 600;
border-radius: 16px;
min-width: 83px;
}
.pamentget-card.v1 .items-cards .icon-tag .tag.v1 {
padding: 4px 12px;
color: var(--color-white);
background: var(--color-black);
}
.pamentget-card.v1 .items-cards .icon-tag .tag.v2 {
padding: 2px 12px;
color: var(--color-black);
border: 1px solid var(--color-blue4);
background: var(--color-blue3);
}
.pamentget-card.v1 .items-cards .icon-tag ~ .para {
margin-top: 33px;
}
.pamentget-card.v1 .items-cards .para {
font-size: 14px;
line-height: 24px;
color: var(--color-gBlack4);
}
.pamentget-card.v1 .items-cards ~ .pay-btn {
margin-top: 24px;
}
.pamentget-card.v1 .content-uplode {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
.pamentget-card.v1 .text-content .small-title {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--color-black);
}
.pamentget-card.v1 .text-content .small-title ~ .main-title {
margin-top: 6px;
}
.pamentget-card.v1 .text-content .main-title {
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.pamentget-card.v1 .text-content .main-title ~ .icon-text {
margin-top: 25px;
}
.pamentget-card.v1 .text-content .icon-text {
gap: 4px;
}
.pamentget-card.v1 .text-content .icon-text i,
.pamentget-card.v1 .text-content .icon-text .text {
color: var(--color-gBlack4);
}
.pamentget-card.v1 .text-content .icon-text i {
font-size: 16px;
}
.pamentget-card.v1 .text-content .icon-text .text {
font-size: 12px;
line-height: 22px;
}
.pamentget-card.v1 .uplode-fild {
padding: 34px 30px 30px 30px;
text-align: center;
border-radius: 4px;
background: var(--color-white3);
}
.pamentget-card.v1 .uplode-fild input {
display: none;
}
.pamentget-card.v1 .uplode-fild .uplode-title {
font-size: 12px;
line-height: 22px;
font-weight: 500;
color: var(--color-black);
}
.pamentget-card.v1 .uplode-fild .uplode-title ~ label {
margin-top: 8px;
}
.pamentget-card.v1 .uplode-fild label {
cursor: pointer;
font-size: 24px;
color: var(--color-gBlack4);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pamentget-card.v1 .uplode-fild label:hover {
color: var(--color-blue4);
}
.pamentget-card.v1 .pay-btn {
display: block;
padding: 22px;
width: 100%;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
background: var(--color-blue4);
}
.pamentget-card.v1 .pay-btn i {
margin-right: 4px;
}
.pamentget-card.v1 .pay-btn:hover {
color: var(--color-white);
}
/*=========================
17 Invoices Card
===========================*/
.invoices.v1 .invoices-card {
height: 100%;
padding: 86px 60px 75px 60px;
border-radius: 15px;
-webkit-box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
background-color: var(--color-white);
margin-top: 30px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.invoices.v1 .invoices-card.bg-img-cover {
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.invoices.v1 .invoices-card .invoices-card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.invoices.v1 .invoices-card .invoices-card-head ~ .card-title {
margin-top: 38px;
}
.invoices.v1 .invoices-card .numbber-stitle {
text-align: right;
}
.invoices.v1 .invoices-card .count-num,
.invoices.v1 .invoices-card .stitle {
font-size: 16px;
font-weight: 600;
}
.invoices.v1 .invoices-card .count-num {
color: var(--color-gBlack4);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.invoices.v1 .invoices-card .stitle {
color: var(--color-black);
}
.invoices.v1 .invoices-card .card-title {
font-weight: 500;
letter-spacing: -0.56px;
}
.invoices.v1 .invoices-card .card-title ~ .card-para {
margin-top: 38px;
}
.invoices.v1 .invoices-card .card-para {
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: var(--color-black);
}
.invoices.v1 .invoices-card.invoices-card-small .card-title {
font-size: 28px;
line-height: 36px;
}
.invoices.v1 .invoices-card.invoices-card-big .card-title {
font-size: 48px;
line-height: 58px;
}
.invoices.v1 .invoices-card:hover {
background-color: var(--color-yellow);
}
.invoices.v1 .invoices-card:hover .count-num {
color: var(--color-black);
}
.invoices.v1 .invoices-card:hover .read-more::before {
background: var(--color-white);
}
.invoices.v1 .row > div:nth-child(1) .invoices-card,
.invoices.v1 .row > div:nth-child(2) .invoices-card-small {
margin-top: 0;
}
/*=========================
18 Financial
===========================*/
.financial.v1 .financial-contant {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.financial.v1 .chart-img-content {
position: relative;
max-width: 475px;
}
.financial.v1 .chart-img-content .chart-img {
max-width: 330px;
}
.financial.v1 .chart-img-content .chart-img img {
width: 100%;
border-radius: 16px;
}
.financial.v1 .chart-img-content .chart-img ~ .contant-para {
margin-top: 32px;
}
.financial.v1 .chart-img-content .shap-2 {
width: 100%;
position: absolute;
right: 0;
top: calc(100% + 40px);
-webkit-transform: scale(2);
transform: scale(2);
}
.financial.v1 .chart-img-content .contant-para {
font-size: 18px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.18px;
color: var(--color-black);
}
.financial.v1 .chart-img-content .contant-para ~ .contant-btn-link {
margin-top: 48px;
}
.financial.v1 .chart-img-content .contant-btn-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.financial.v1 .chart-img-content .contant-btn-link .contant-title {
font-size: 24px;
font-weight: 500;
letter-spacing: -0.48px;
}
.financial.v1 .dollar-img {
max-width: 215px;
}
.financial.v1 .dollar-img img {
width: 100%;
}
/*=========================
19 Why They Prefer
===========================*/
.why-they-prefer.v1 .quick-support-img,
.why-they-prefer.v1 .the-world-box,
.why-they-prefer.v1 .digital-visa-card-img {
overflow: hidden;
-webkit-box-shadow: 10px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 10px 33px 22px 0px rgba(203, 220, 212, 0.17);
}
.why-they-prefer.v1 .quick-support-img img,
.why-they-prefer.v1 .the-world-box img,
.why-they-prefer.v1 .digital-visa-card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.why-they-prefer.v1 .quick-support-img,
.why-they-prefer.v1 .digital-visa-card-img {
position: relative;
border-radius: 32px;
}
.why-they-prefer.v1 .quick-support-img .quick-para,
.why-they-prefer.v1 .digital-visa-card-img .quick-para {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 60px;
gap: 12px;
font-size: 18px;
left: 50%;
font-weight: 600;
border-radius: 16px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.why-they-prefer.v1 .quick-support-img:hover .quick-para,
.why-they-prefer.v1 .digital-visa-card-img:hover .quick-para {
opacity: 1;
visibility: visible;
}
.why-they-prefer.v1 .quick-support-img:hover img,
.why-they-prefer.v1 .digital-visa-card-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.why-they-prefer.v1 .the-world-box {
padding: 65px 50px;
border-radius: 24px;
text-align: center;
background: var(--color-white);
}
.why-they-prefer.v1 .the-world-box .text-content .text-numbber {
font-size: 90px;
line-height: 110px;
}
.why-they-prefer.v1 .the-world-box .text-content .text-para {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--color-black);
}
.why-they-prefer.v1 .the-world-box .text-content ~ img {
margin-top: 40px;
}
.why-they-prefer.v1 .quick-support-img .quick-para {
bottom: 44px;
background: var(--color-white);
}
.why-they-prefer.v1 .digital-visa-card-img .quick-para {
top: 56px;
background: var(--color-lblue2);
}
/*=========================
20 Discover
===========================*/
.discover.v1 {
position: relative;
}
.discover.v1 .bg-right-img {
position: absolute;
top: 354px;
right: 80px;
}
.discover.v1 .discover-left-contant {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
background: var(--color-blue3);
padding: 45px 32px 45px 40px;
border-radius: 10px;
}
.discover.v1 .discover-left-contant .team-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.discover.v1 .discover-left-contant .team-images li ~ li {
margin-left: -22px;
}
.discover.v1 .discover-left-contant .team-images li img {
width: 64px;
height: 64px;
border-radius: 100%;
border: 4px solid var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.discover.v1 .discover-left-contant .team-images li:hover {
z-index: 1;
}
.discover.v1 .discover-left-contant ~ .features-accordion {
margin-top: 68px;
}
.discover.v1 .discover-right-img {
position: relative;
}
.discover.v1 .discover-right-img img {
border-radius: 32px;
width: 100%;
}
.discover.v1 .discover-right-img .right-shap {
position: absolute;
width: 100%;
height: 60%;
bottom: 10%;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.discover.v1 .features-accordion li {
padding: 40px 65px 37px 40px;
border-radius: 0px;
border-bottom: 1px solid var(--color-gBlack7);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.discover.v1 .features-accordion li.active {
border-radius: 10px;
border-bottom: 1px solid var(--color-tr);
-webkit-box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
background: var(--color-white);
}
.discover.v1 .features-accordion li.active button i {
color: var(--color-blue4);
}
.discover.v1 .features-accordion li .box-content {
padding: 25px 0px 0px 45px;
}
.discover.v1 .features-accordion li .box-content p {
font-size: 16px;
line-height: 26px;
}
.discover.v1 .features-accordion button {
position: relative;
font-size: 20px;
font-weight: 600;
width: 100%;
text-align: inherit;
background: var(--color-tr);
}
.discover.v1 .features-accordion button::after {
position: absolute;
font-family: "icomoon";
content: "\e901";
speak: never;
right: -25px;
top: 0;
font-size: calc(100% - 2px);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.discover.v1 .features-accordion button i {
color: var(--color-gBlack6);
margin-right: 20px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.discover.v1 .features-accordion button:not(.collapsed)::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.discover.v1 .features-accordion button:hover {
color: var(--color-blue4);
}
/*=========================
21 Library
===========================*/
.library.v1 .library-card {
position: relative;
border-radius: 32px;
z-index: 1;
}
.library.v1 .library-card .library-card-header ~ .talk-para {
margin-top: 133px;
}
.library.v1 .library-card .library-card-header ~ .guides-title {
margin-top: 154px;
}
.library.v1 .library-card .bg-shap-img {
position: absolute;
width: 54%;
height: 75%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: -1;
}
.library.v1 .library-card.v1 {
padding: 50px 58px 48px 40px;
background: var(--color-blue3);
}
.library.v1 .library-card.v1 .library-card-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.library.v1 .library-card.v1 .library-card-header ~ .talk-para {
padding-right: 145px;
}
.library.v1 .library-card.v1 .talk-title {
font-size: 55px;
font-weight: 500;
}
.library.v1 .library-card.v1 .talk-para {
font-size: 24px;
font-weight: 600;
line-height: 34px;
color: var(--color-black);
}
.library.v1 .library-card.v1 .bg-shap-img {
right: 10px;
top: 25px;
}
.library.v1 .library-card.v2 {
padding: 40px 58px 46px 48px;
background: var(--color-yellow);
}
.library.v1 .library-card.v2 .tag {
display: inline-block;
border: 1px solid var(--color-blue);
font-size: 14px;
text-align: center;
font-weight: 600;
border-radius: 16px;
min-width: 83px;
padding: 2px 12px;
color: var(--color-white);
background: var(--color-black);
}
.library.v1 .library-card.v2 .guides-title {
font-size: 35px;
font-weight: 500;
}
.library.v1 .library-card.v2 .bg-shap-img {
right: 0;
top: 21px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*============================
22 Financial Technology
==============================*/
.financial-technology.v1 .img-right img {
width: 100%;
border-radius: 20px;
}
/*====================
23 Tab Section
======================*/
.tab-section.v1 {
background: var(--color-white5);
}
.tab-section.v1 .nav-tabs {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid var(--color-border3);
}
.tab-section.v1 .nav-tabs button {
padding: 17px 33px;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-black);
background: var(--color-tr);
}
.tab-section.v1 .nav-tabs button.active, .tab-section.v1 .nav-tabs button:hover {
color: var(--color-white);
background: var(--color-dGreen);
}
.tab-section.v1 .tab-pane {
position: relative;
padding: 90px 0px 240px 0px;
z-index: 1;
}
.tab-section.v1 .tab-pane .bg-shap-1 {
position: absolute;
width: 41.66666667%;
height: 60%;
bottom: -135px;
right: 0px;
z-index: -1;
}
.tab-section.v1 .tab-content {
overflow: hidden;
}
.tab-section.v1 .tab-content .big-title {
text-transform: inherit;
}
.tab-section.v1 .section-title ~ .expolor-payment {
margin-top: 103px;
}
.tab-section.v1 .expolor-payment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
width: 58.33333333%;
}
.tab-section.v1 .box-content {
width: 57%;
}
.tab-section.v1 .box-content .title-pera {
color: var(--color-gBlack9);
font-weight: 600;
}
.tab-section.v1 .box-content .title-pera ~ .read-more {
margin-top: 40px;
}
/*=========================
24 Report Download
===========================*/
.report-download.v1 .report-img-right li img {
width: 100%;
height: 100%;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.report-download.v1 .report-img-right li:nth-child(1) {
width: 110px;
height: 110px;
margin: 0 auto;
}
.report-download.v1 .report-img-right li:nth-child(2) {
width: 166px;
height: 166px;
margin: -14px 0px 0px auto;
}
.report-download.v1 .report-img-right li:nth-child(3) {
width: 231px;
height: 231px;
margin-top: -130px;
}
.report-download.v1 .link-anime.v9 {
text-transform: inherit;
}
.report-download.v1 .link-anime.v9::after {
font-size: 24px;
opacity: 0.3;
}
/*=========================
25 Our Services
===========================*/
.our-services.v1 .section-title-center-white ~ .services-list {
margin-top: 60px;
}
.our-services.v1 .services-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 78px 80px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.19);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.06)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
-webkit-box-shadow: 0px 11px 15px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 11px 15px 0px rgba(0, 0, 0, 0.08);
}
.our-services.v1 .services-list li ~ li {
margin-top: 15px;
}
.our-services.v1 .services-list li .services-count {
font-size: 110px;
font-weight: 600;
color: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-services.v1 .services-list li .services-title {
font-size: 28px;
font-weight: 500;
color: var(--color-white);
}
.our-services.v1 .services-list li:hover > .services-count {
color: var(--color-lime);
}
.our-services.v2 {
background: var(--color-black9);
}
.our-services.v2 .service-card {
position: relative;
border: 1px solid var(--color-black7);
text-align: center;
border-radius: 10px;
padding: 10px;
z-index: 1;
margin-top: 30px;
}
.our-services.v2 .service-card::before, .our-services.v2 .service-card::after {
position: absolute;
content: "";
width: calc(100% - 20px);
height: 102px;
top: 10px;
left: 10px;
border-radius: 10px 10px 0 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
}
.our-services.v2 .service-card::before {
opacity: 0;
background: var(--color-bluGradient);
}
.our-services.v2 .service-card::after {
background: var(--color-black8);
opacity: 1;
}
.our-services.v2 .service-card:hover::before {
opacity: 1;
}
.our-services.v2 .service-card:hover::after,
.our-services.v2 .service-card:hover .read-more-btn::before {
opacity: 0;
}
.our-services.v2 .service-card .card-profile-img {
width: 120px;
height: 120px;
margin: 39px auto 0 auto;
}
.our-services.v2 .service-card .card-profile-img img {
width: 100%;
border-radius: 100%;
}
.our-services.v2 .service-card .card-profile-img ~ .card-title {
margin-top: 44px;
}
.our-services.v2 .service-card .card-title {
font-size: 22px;
font-weight: 600;
line-height: 32px;
color: var(--color-white);
}
.our-services.v2 .service-card .card-title ~ .card-para {
margin-top: 17px;
}
.our-services.v2 .service-card .card-para {
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.our-services.v2 .service-card .card-para ~ .read-more-btn {
margin-top: 60px;
}
.our-services.v2 .service-card .read-more-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px;
color: var(--color-white);
gap: 20px;
font-size: 14px;
font-weight: 700;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
border-radius: 0px 0px 10px 10px;
z-index: 1;
background: var(--color-bluGradient);
}
.our-services.v2 .service-card .read-more-btn::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0px;
border-radius: 0px 0px 10px 10px;
background: var(--color-black7);
z-index: -1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-services.v2 .service-card .read-more-btn:hover::before {
opacity: 1;
}
.our-services.v2 .row > div:nth-child(1) .service-card,
.our-services.v2 .row > div:nth-child(2) .service-card,
.our-services.v2 .row > div:nth-child(3) .service-card,
.our-services.v2 .row > div:nth-child(4) .service-card {
margin-top: 0;
}
.our-services.v3 {
border-radius: 0px 120px 0px 121px;
}
.our-services.v3 .service-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.our-services.v3 .service-cards li {
width: calc(50% - 15px);
padding: 32px 28px;
border-radius: 10px 50px 10px 10px;
-webkit-box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
background-color: var(--color-white);
}
.our-services.v3 .service-cards li i {
font-size: 48px;
}
.our-services.v3 .service-cards li .service-card-title {
font-size: 20px;
font-weight: 400;
line-height: 30px;
font-size: 20px;
margin: 16px 0;
}
.our-services.v3 .service-cards li .title-pera {
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(0, 22, 54, 0.6);
text-transform: lowercase;
}
.our-services.v3 .service-cards li .title-pera ~ .read-more {
margin-top: 38px;
}
.our-services.v3 .service-cards li .read-more {
font-size: 14px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #0eb7f9;
gap: 20px;
}
.our-services.v3 .service-cards li .read-more:hover {
color: var(--color-black);
}
.our-services.v3 .service-cards li:nth-child(1) i {
color: #a947ec;
}
.our-services.v3 .service-cards li:nth-child(2) {
margin-bottom: -50%;
}
.our-services.v3 .service-cards li:nth-child(2) i {
color: #00ccff;
}
.our-services.v3 .service-cards li:nth-child(3) i {
color: #e1b013;
}
.our-services.v3 .service-content-right {
margin-left: 100px;
}
.our-services.v3 .service-content-right .read-more {
background-color: var(--color-dBlue);
margin-top: 30px;
}
.our-services.v3 .service-content-right .read-more:hover {
color: var(--color-black);
}
/*=========================
26 Start Expanding
===========================*/
.start-expanding.v1 {
background: var(--color-white5);
}
.start-expanding.v1 .section-title .big-title {
text-transform: inherit;
}
.start-expanding.v1 .img-right {
text-align: center;
margin-bottom: -130px;
}
.start-expanding.v1 .img-right img {
width: 72%;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 {
position: relative;
}
.financial-planners.v1 .bg-shap {
position: absolute;
width: 100vw;
height: calc(100% - 328px);
left: 0;
top: 164px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.financial-planners.v1 .financial-planners-card {
position: relative;
border-radius: 30px;
overflow: hidden;
z-index: 2;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.financial-planners.v1 .financial-planners-card .financial-planners-content {
max-width: 806px;
margin: 0 auto;
}
.financial-planners.v1 .financial-planners-card .contant-title {
position: relative;
color: var(--color-white);
font-size: 55px;
line-height: 80px;
font-weight: 700;
z-index: 1;
}
.financial-planners.v1 .financial-planners-card .contant-title::before {
z-index: -1;
content: "";
position: absolute;
top: 0;
right: -17px;
width: 160px;
height: 160px;
border-radius: 100%;
background: var(--color-red);
}
.financial-planners.v1 .financial-planners-card .contant-title ~ .contant-para {
margin-top: 55px;
}
.financial-planners.v1 .financial-planners-card .contant-para {
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--color-gBlack11);
}
.financial-planners.v1 .financial-planners-card .contant-para ~ .officialPartners {
margin-top: 75px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 .officialPartners-title {
position: relative;
font-size: 20px;
font-weight: 600;
color: var(--color-white);
padding-left: 15px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 .officialPartners-title::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 4px;
height: 21px;
background: var(--color-red);
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 .officialPartners-title ~ ul {
margin-top: 52px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 51px 124px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo {
width: 12%;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo a {
display: inline-block;
opacity: 0.5;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo a:hover {
opacity: 1;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo img {
width: 100%;
}
/*=========================
28 Refine Financial
===========================*/
.refine-financial.v1 {
position: relative;
z-index: 1;
margin-top: -164px;
background: var(--color-white6);
}
.refine-financial.v1 .financial-icon.v1, .refine-financial.v1 .financial-icon.v2, .refine-financial.v1 .financial-icon.v3, .refine-financial.v1 .financial-icon.v4 {
position: relative;
font-size: 42px;
width: 94px;
height: 94px;
min-width: 94px;
text-align: center;
line-height: 94px;
color: var(--color-white);
border-radius: 100px;
z-index: 1;
}
.refine-financial.v1 .financial-icon.v1::before, .refine-financial.v1 .financial-icon.v2::before, .refine-financial.v1 .financial-icon.v3::before, .refine-financial.v1 .financial-icon.v4::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
z-index: -1;
border-radius: 100px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.refine-financial.v1 .financial-icon.v1::before {
background: var(--color-purple);
}
.refine-financial.v1 .financial-icon.v2::before {
background: var(--color-red);
}
.refine-financial.v1 .financial-icon.v3::before {
background: var(--color-lBlue);
}
.refine-financial.v1 .financial-icon.v4::before {
background: var(--color-green3);
}
.refine-financial.v1 .financial-icon ~ .card-contant {
width: calc(100% - 129px);
margin-top: 5px;
}
.refine-financial.v1 .refineFinancial-card {
background: var(--color-white);
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 35px;
border-radius: 20px;
padding: 65px 80px 65px 61px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.refine-financial.v1 .refineFinancial-card .card-title {
font-size: 30px;
font-weight: 600;
line-height: 40px;
}
.refine-financial.v1 .refineFinancial-card .card-title ~ .card-para {
margin-top: 53px;
}
.refine-financial.v1 .refineFinancial-card .card-para {
font-size: 18px;
font-weight: 500;
}
.refine-financial.v1 .refineFinancial-card:hover {
-webkit-box-shadow: 0px 15px 15px rgba(166, 174, 189, 0.18);
box-shadow: 0px 15px 15px rgba(166, 174, 189, 0.18);
}
.refine-financial.v1 .refineFinancial-card:hover .financial-icon::before {
opacity: 1;
}
.refine-financial.v1 .bg-img-top {
position: absolute;
top: 0;
left: 0;
}
.refine-financial.v1 .bg-img-bottom {
position: absolute;
left: 0;
bottom: 76px;
z-index: -1;
}
.refine-financial.v1 .bg-img-right {
position: absolute;
top: 309px;
right: 0;
z-index: -1;
}
.refine-financial.v1 .row > div:nth-child(1) .refineFinancial-card,
.refine-financial.v1 .row > div:nth-child(2) .refineFinancial-card {
margin-top: 0;
}
/*=========================
29 Professionals
===========================*/
.professionals.v1 {
position: relative;
background: var(--color-purple);
z-index: 1;
}
.professionals.v1 .person-card {
margin-top: 30px;
}
.professionals.v1 .person-card .person-img {
position: relative;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
}
.professionals.v1 .person-card .person-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.professionals.v1 .person-card .social-text {
position: absolute;
width: 218px;
left: 50%;
opacity: 0;
visibility: hidden;
bottom: 0px;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.professionals.v1 .person-card .social-text,
.professionals.v1 .person-card .social-text .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.professionals.v1 .person-card .social-text .pro-title {
padding: 12px 20px;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
font-weight: 700;
border-radius: 50px;
color: var(--color-white);
background: var(--color-red);
}
.professionals.v1 .person-card .social-link a {
display: inline-block;
width: 34px;
height: 34px;
font-size: 12px;
line-height: 34px;
text-align: center;
color: var(--color-white);
border-radius: 50px;
background: var(--color-black);
}
.professionals.v1 .person-card .social-link a:hover {
background: var(--color-red);
}
.professionals.v1 .person-card .person-name {
padding: 35px 15px;
font-size: 24px;
line-height: 34px;
font-weight: 600;
text-align: center;
border-radius: 0px 0px 10px 10px;
background: var(--color-white);
}
.professionals.v1 .person-card .person-name a:hover {
color: var(--color-purple);
}
.professionals.v1 .person-card:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.professionals.v1 .person-card:hover .social-text {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.professionals.v1 .bg-img {
position: absolute;
top: 75px;
right: 152px;
z-index: -1;
}
.professionals.v1 .row > div:nth-child(1) .person-card, .professionals.v1 .row > div:nth-child(2) .person-card, .professionals.v1 .row > div:nth-child(3) .person-card, .professionals.v1 .row > div:nth-child(4) .person-card {
margin-top: 0;
}
.professionals.v1 .row ~ .show-more {
margin-top: 87px;
}
.professionals.v1 .show-more {
text-align: center;
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v1 {
position: relative;
z-index: 2;
}
.client-testimonial.v1 .client-testimonial-content {
border-radius: 30px;
background: var(--color-black4);
margin-top: -154px;
}
.client-testimonial.v1 .client-testimonial-card {
padding: 77px 80px;
border-radius: 20px;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 64px;
}
.client-testimonial.v1 .client-testimonial-card h2,
.client-testimonial.v1 .client-testimonial-card p {
color: var(--color-white);
}
.client-testimonial.v1 .client-testimonial-card .card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 26px;
}
.client-testimonial.v1 .client-testimonial-card .card-head i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 67px;
height: 67px;
min-width: 67px;
font-size: 30px;
border-radius: 100%;
color: var(--color-white);
}
.client-testimonial.v1 .client-testimonial-card .card-head .card-title {
font-size: 22px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.66px;
}
.client-testimonial.v1 .client-testimonial-card .card-para {
font-size: 18px;
font-weight: 500;
}
.client-testimonial.v1 .client-testimonial-card .card-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.client-testimonial.v1 .client-testimonial-card .card-author .author-img img {
width: 43px;
height: 43px;
border-radius: 100%;
}
.client-testimonial.v1 .client-testimonial-card .card-author ul .author-title {
color: var(--color-white);
font-size: 12px;
font-weight: 500;
}
.client-testimonial.v1 .client-testimonial-card .card-author ul .author-name {
color: var(--color-white);
font-size: 20px;
font-weight: 600;
}
.client-testimonial.v1 .client-testimonial-card.v1 {
background-color: rgba(119, 167, 191, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v1 i {
background: var(--color-purple2);
}
.client-testimonial.v1 .client-testimonial-card.v2 {
background-color: rgba(255, 116, 79, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v2 i {
background: var(--color-red2);
}
.client-testimonial.v1 .client-testimonial-card.v3 {
background-color: rgba(182, 180, 190, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v3 i {
background: var(--color-lBlue);
}
.client-testimonial.v1 .client-testimonial-card.v4 {
background-color: rgba(182, 180, 190, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v4 i {
background: var(--color-blue5);
}
.client-testimonial.v1 .client-testimonial-card.v5 {
background-color: rgba(57, 163, 248, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v5 i {
background: var(--color-lBlue2);
}
.client-testimonial.v1 .client-testimonial-card.v6 {
background-color: rgba(244, 175, 98, 0.1);
}
.client-testimonial.v1 .client-testimonial-card.v6 i {
background: var(--color-orange2);
}
.client-testimonial.v1 .row > div:nth-child(1) .client-testimonial-card, .client-testimonial.v1 .row > div:nth-child(2) .client-testimonial-card {
margin-top: 0;
}
.client-testimonial.v1 .row ~ .show-more {
margin-top: 60px;
}
.client-testimonial.v1 .show-more {
text-align: center;
}
.client-testimonial.v1 .bg-left {
position: absolute;
top: 495px;
left: 0;
z-index: -1;
}
.client-testimonial.v1 .bg-right-top {
position: absolute;
top: 368px;
right: 0;
z-index: -1;
}
.client-testimonial.v1 .bg-right-bottom {
position: absolute;
bottom: 387px;
right: 0;
z-index: -1;
}
.client-testimonial.v2 {
background: var(--color-black9);
}
.client-testimonial.v2 .testimonial-content {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0px;
border-radius: 10px;
}
.client-testimonial.v2 .testimonial-content .testimonial-card {
max-width: 842px;
text-align: center;
background-color: var(--color-black9);
padding: 71px 115px;
border-radius: 10px;
margin: 0 auto;
}
.client-testimonial.v2 .testimonial-content .testimonial-card h4,
.client-testimonial.v2 .testimonial-content .testimonial-card h6 {
color: var(--color-white);
}
.client-testimonial.v2 .testimonial-content .testimonial-card i {
font-size: 54px;
color: var(--color-yellow2);
}
.client-testimonial.v2 .testimonial-content .testimonial-card .testimonial-para {
margin: 27px 0 42px 0;
font-size: 25px;
font-weight: 500;
line-height: 43px;
letter-spacing: -0.75px;
}
.client-testimonial.v2 .testimonial-content .testimonial-card .testimonial-user-name {
font-size: 14px;
font-weight: 700;
line-height: 30px;
letter-spacing: 2.8px;
text-transform: uppercase;
}
.client-testimonial.v2 .slider ~ .all-btns {
margin-top: 30px;
}
.client-testimonial.v2 .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
}
.client-testimonial.v2 .all-btns button {
width: 50px;
height: 50px;
font-size: 16px;
line-height: 50px;
border-radius: 100%;
}
.client-testimonial.v2 .all-btns button:hover {
color: var(--color-white);
background: var(--color-black);
}
.client-testimonial.v3 .client-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
border-radius: 20px;
background: var(--color-white);
margin-top: 30px;
}
.client-testimonial.v3 .client-card .client-img img {
width: 100px;
height: 100px;
border-radius: 100%;
}
.client-testimonial.v3 .client-card .client-card-contant .contant-title {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.client-testimonial.v3 .client-card .client-card-contant .contant-title ~ .contant-para {
margin-top: 40px;
}
.client-testimonial.v3 .client-card .client-card-contant .contant-para {
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: var(--color-gBlack14);
}
.client-testimonial.v3 .client-card.small-card {
padding: 55px 129px 55px 58px;
min-height: 381px;
}
.client-testimonial.v3 .client-card.big-card {
padding: 55px 270px 55px 58px;
}
.client-testimonial.v3 .row > div:nth-child(1) .small-card,
.client-testimonial.v3 .row > div:nth-child(2) .small-card,
.client-testimonial.v3 .row > div:nth-child(1) .big-card {
margin-top: 0;
}
.client-testimonial.v4 .client-card {
padding: 30px 30px 30px 40px;
border-radius: 8px;
margin-top: 30px;
}
.client-testimonial.v4 .client-card .card-icon {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
color: var(--color-white);
font-size: 32px;
line-height: 50px;
border-radius: 50px;
}
.client-testimonial.v4 .client-card.v1 {
background: rgba(14, 135, 249, 0.1);
}
.client-testimonial.v4 .client-card.v1 .card-icon {
background: #0eb7f9;
}
.client-testimonial.v4 .client-card.v2 {
background: rgba(254, 169, 1, 0.1);
}
.client-testimonial.v4 .client-card.v2 .card-icon {
background: #fea901;
}
.client-testimonial.v4 .client-card.v3 {
background-color: rgba(46, 210, 131, 0.1);
}
.client-testimonial.v4 .client-card.v3 .card-icon {
background: #2ed283;
}
.client-testimonial.v4 .client-card .title-para {
color: rgba(0, 22, 54, 0.6);
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-transform: lowercase;
margin-top: 49px;
}
.client-testimonial.v4 .client-card .card-footer {
margin-top: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.client-testimonial.v4 .client-card .card-footer .name {
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-transform: capitalize;
}
.client-testimonial.v4 .client-card .card-footer .star-mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.client-testimonial.v4 .client-card .card-footer .star-mark .my-icon {
color: #ff8f13;
font-size: 20px;
}
.client-testimonial.v4 .row > div:nth-child(1) .client-card,
.client-testimonial.v4 .row > div:nth-child(2) .client-card,
.client-testimonial.v4 .row > div:nth-child(3) .client-card {
margin-top: 0px;
}
/*=========================
31 CTA
===========================*/
.cta.v4 .cta-content {
position: relative;
padding: 89px 30px 107px 30px;
border: 30px solid var(--color-purple);
border-radius: 30px;
z-index: 1;
}
.cta.v4 .cta-content::before, .cta.v4 .cta-content::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -2;
}
.cta.v4 .cta-content::before {
background: var(--color-purple);
}
.cta.v4 .cta-content::after {
border-radius: 30px;
background: var(--color-white);
}
.cta.v4 .cta-content .section-title-center .big-title ~ .title-para,
.cta.v4 .cta-content .section-title-center .title-para ~ .all-btns {
margin-top: 40px;
}
.cta.v4 .cta-content .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cta.v4 .cta-content .bg-left-img,
.cta.v4 .cta-content .bg-right-img {
position: absolute;
z-index: -1;
}
.cta.v4 .cta-content .bg-left-img {
left: 0;
bottom: 0;
}
.cta.v4 .cta-content .bg-right-img {
top: 0;
right: 0;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
32 Our Story
===========================*/
.our-story.v1 {
background: var(--color-black9);
}
.our-story.v1 .section-title-white ~ .story-list-items {
margin-top: 46px;
}
.our-story.v1 .story-list-items li {
color: white;
position: relative;
padding-left: 17px;
margin-bottom: 16px;
}
.our-story.v1 .story-list-items li:last-child {
margin-bottom: 0;
}
.our-story.v1 .story-list-items li::before {
position: absolute;
content: "";
width: 5px;
height: 5px;
top: 12px;
left: 3px;
border-radius: 100%;
background-color: var(--color-white);
}
.our-story.v1 .story-list-items li .para {
color: var(--color-gBlack3);
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.16px;
}
.our-story.v1 .story-img-right {
padding-left: 70px;
}
.our-story.v1 .story-img-right img {
width: 100%;
}
/*=========================
33 Why Choose Us
===========================*/
.why-choose-us.v1 .section-title-center-white ~ .why-choose-us-cards {
margin-top: 60px;
}
.why-choose-us.v1 .why-choose-us-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 50px;
}
.why-choose-us.v1 .why-choose-us-cards li {
padding: 83px 44px 52px 44px;
width: calc(25% - 55px);
border-radius: 8px;
text-align: center;
background: rgba(255, 255, 255, 0.1);
}
.why-choose-us.v1 .why-choose-us-cards li .card-img {
width: 65px;
height: 65px;
margin: 0 auto;
}
.why-choose-us.v1 .why-choose-us-cards li .card-img img {
width: 100%;
}
.why-choose-us.v1 .why-choose-us-cards li .card-img ~ .card-title {
margin-top: 32px;
}
.why-choose-us.v1 .why-choose-us-cards li .card-title {
color: var(--color-white);
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.why-choose-us.v1 .why-choose-us-cards ~ .content-text {
margin-top: 78px;
}
.why-choose-us.v1 .content-text {
text-align: center;
}
.why-choose-us.v1 .content-text .title-para {
color: var(--color-white);
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.why-choose-us.v1 .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 {
position: relative;
background: var(--color-black9);
z-index: 1;
}
.our-team.v1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
background: linear-gradient(181deg, #2d2e2f 2.19%, rgba(36, 67, 72, 0) 72.1%);
z-index: -1;
}
.our-team.v1 .fun-facts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.our-team.v1 .fun-facts li {
width: calc(18% - 30px);
}
.our-team.v1 .fun-facts li .value {
color: var(--color-dBlue);
font-size: 70px;
line-height: 80px;
font-weight: 700;
}
.our-team.v1 .fun-facts li .value ~ .title-pera {
margin-top: 4px;
}
.our-team.v1 .fun-facts li .title-pera {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: var(--color-white);
}
.our-team.v1 .team-card {
border-radius: 16px;
background: var(--color-black8);
}
.our-team.v1 .team-card .content-left {
padding: 88px 0 88px 100px;
}
.our-team.v1 .team-card .content-right {
padding-bottom: 51px;
margin-left: -30px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
35 Partners Logo
===========================*/
.partners-logo.v1 .slider, .partners-logo.v2 .slider, .partners-logo.v3 .slider, .partners-logo.v4 .slider {
padding-bottom: 0;
}
.partners-logo.v1 .slider a, .partners-logo.v2 .slider a, .partners-logo.v3 .slider a, .partners-logo.v4 .slider a {
display: inline-block;
}
.partners-logo.v1 .slider a img, .partners-logo.v2 .slider a img, .partners-logo.v3 .slider a img, .partners-logo.v4 .slider a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.partners-logo.v1 {
background: var(--color-dGreen5);
}
.partners-logo.v1 .partners-logo-title {
padding-right: 26px;
color: var(--color-white);
font-size: 20px;
font-weight: 600;
line-height: 30px;
border-right: 1px solid var(--color-white);
}
.partners-logo.v1 .partners-logo-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partners-logo.v1 .partners-logo-main .slider {
width: calc(100% - 217px);
}
.partners-logo.v1 .slider a {
width: 83px;
}
.partners-logo.v2 .slider a {
width: 150px;
}
.partners-logo.v3 .section-title-center ~ .slider, .partners-logo.v4 .section-title-center ~ .slider {
margin-top: 20px;
}
.partners-logo.v3 .slider, .partners-logo.v4 .slider {
overflow: inherit;
}
.partners-logo.v3 .slider a, .partners-logo.v4 .slider a {
width: 192px;
}
.partners-logo.v3 .swiper-slide img, .partners-logo.v4 .swiper-slide img {
opacity: 0.5;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.partners-logo.v3 .swiper-slide:hover img, .partners-logo.v4 .swiper-slide:hover img {
opacity: 1;
}
.partners-logo.v4 .partners-logo-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partners-logo.v4 .partners-logo-main .partners-logo-title {
width: calc(40% + 15px);
border-right: 1px solid #606060;
font-size: 35px;
line-height: 45px;
font-weight: 600;
color: #242528;
}
.partners-logo.v4 .partners-logo-main .slider {
width: 130%;
margin-right: -30%;
overflow: hidden;
}
/*=========================
36 Wealth
===========================*/
.wealth.v1 {
background: var(--color-dGreen5);
}
.wealth.v1 .wealth-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wealth.v1 .ball-logo {
position: absolute;
max-width: 255px;
bottom: -106px;
right: -60px;
}
.wealth.v1 .ball-logo img {
width: 100%;
}
.wealth.v1 .wealth-img {
width: calc(41.66666667% + 15px);
}
.wealth.v1 .wealth-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.wealth.v1 .wealth-contant {
width: calc(58.3333333% - 15px);
background: var(--color-green4);
padding: 104px 108px 93px 108px;
}
.wealth.v1 .wealth-contant .wealth-number,
.wealth.v1 .wealth-contant .wealth-title,
.wealth.v1 .wealth-contant .wealth-para {
color: var(--color-white);
}
.wealth.v1 .wealth-contant .wealth-number {
font-size: 90px;
line-height: 90px;
font-weight: 700;
}
.wealth.v1 .wealth-contant .wealth-number ~ .wealth-title {
margin-top: 51px;
}
.wealth.v1 .wealth-contant .wealth-title {
opacity: 0.8;
font-size: 26px;
font-weight: 600;
}
.wealth.v1 .wealth-contant .wealth-title ~ .wealth-para {
margin-top: 44px;
}
.wealth.v1 .wealth-contant .wealth-para {
font-size: 16px;
font-weight: 500;
}
/*=========================
37 Investment Carts
===========================*/
.investment-carts.v1 {
background: var(--color-dBlue1);
}
.investment-carts.v1 .investment-cart {
margin-top: 30px;
}
.investment-carts.v1 .investment-cart .card-img {
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.investment-carts.v1 .investment-cart .card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.investment-carts.v1 .investment-cart .card-img ~ .card-title {
margin-top: 23px;
}
.investment-carts.v1 .investment-cart .card-title {
font-weight: 600;
font-size: 20px;
line-height: 32px;
}
.investment-carts.v1 .investment-cart .card-title ~ .card-para {
margin-top: 6px;
}
.investment-carts.v1 .investment-cart .card-title,
.investment-carts.v1 .investment-cart .card-title a {
color: var(--color-white);
}
.investment-carts.v1 .investment-cart .card-title a:hover {
color: var(--color-dBlue);
}
.investment-carts.v1 .investment-cart .card-para {
color: var(--color-gBlack13);
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.investment-carts.v1 .investment-cart:hover .card-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.investment-carts.v1 .row > div:nth-child(1) .investment-cart,
.investment-carts.v1 .row > div:nth-child(2) .investment-cart,
.investment-carts.v1 .row > div:nth-child(3) .investment-cart,
.investment-carts.v1 .row > div:nth-child(4) .investment-cart {
margin-top: 0;
}
/*=========================
38 Secure Investments
===========================*/
.secureInvestments.v1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
border-bottom: 2px solid var(--color-border6);
}
.secureInvestments.v1 .secureInvestments-title {
color: var(--color-white);
font-size: 55px;
line-height: 65px;
font-weight: 700;
}
.secureInvestments.v1 .secureInvestments-para {
color: var(--color-gBlack13);
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
/*=========================
39 Progress List
===========================*/
.progress-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding-top: 62px;
}
.progress-list .percent {
position: relative;
display: inline-block;
}
.progress-list .percent .number {
position: absolute;
top: 50%;
left: 50%;
color: var(--color-white);
font-size: 24px;
line-height: 34px;
font-weight: 700;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.progress-list .percent .number::after {
content: "%";
}
.progress-list .percent svg {
position: relative;
width: var(--cProgress);
height: var(--cProgress);
--cProgress: 113px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.progress-list .percent svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: var(--color-border7);
stroke-width: 5;
stroke-linecap: round;
}
.progress-list .percent svg circle:nth-child(1) {
opacity: 0.2;
}
.progress-list .percent.v1 svg circle:nth-child(2) {
stroke: var(--color-green4);
}
.progress-list .percent.v2 svg circle:nth-child(2) {
stroke: var(--color-pink2);
}
.progress-list .percent.v3 svg circle:nth-child(2) {
stroke: var(--color-orange3);
}
.progress-list .percent.v4 svg circle:nth-child(2) {
stroke: var(--color-lBlue4);
}
.progress-list .percent.v5 svg circle:nth-child(2) {
stroke: var(--color-purple3);
}
.progress-list .percent ~ .percent-text {
margin-top: 25px;
}
.progress-list .percent-text {
color: var(--color-white);
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.progress-list li ~ li {
position: relative;
}
.progress-list li ~ li::before, .progress-list li ~ li::after, .progress-list li ~ li > .percent::before, .progress-list li ~ li > .percent::after {
position: absolute;
content: "";
width: 4.3px;
height: 4.3px;
top: 50px;
border-radius: 50px;
background: var(--color-white);
}
.progress-list li ~ li::after, .progress-list li ~ li > .percent::after {
opacity: 0.2;
}
.progress-list li ~ li::before {
left: -60px;
}
.progress-list li ~ li::after {
left: -69px;
}
.progress-list li ~ li > .percent::before {
left: -78px;
}
.progress-list li ~ li > .percent::after {
left: -87px;
}
.score-level .my-progress-bar {
padding: 4px 8px;
border-radius: 25px;
background: var(--color-black10);
}
.score-level .my-progress-bar .progress-vale {
height: 10px;
border-radius: 25px;
background: var(--color-green4);
}
.score-level .my-progress-bar ~ .score-text {
margin-top: 25px;
}
.score-level .score-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.score-level .score-text .text {
color: var(--color-white);
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
40 Process Cards
=======================*/
.process-list {
border-radius: 120px 0px;
min-height: 1091px;
overflow: hidden;
}
.process-list .process-card {
padding: 40px 30px;
-webkit-box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
box-shadow: 0px 33px 22px 0px rgba(203, 220, 212, 0.17);
background-color: var(--color-white);
margin-top: 30px;
}
.process-list .process-card i {
font-size: 48px;
color: #a947ec;
}
.process-list .process-card i ~ .process-card-title {
margin-top: 16px;
}
.process-list .process-card .process-card-title {
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.process-list .process-card .process-card-title ~ .process-title-pera {
margin-top: 16px;
}
.process-list .process-card .process-title-pera {
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: var(--color-gBlack16);
}
.process-list .row > div:nth-child(1) .process-card,
.process-list .row > div:nth-child(2) .process-card,
.process-list .row > div:nth-child(3) .process-card {
margin-top: 0;
}
.process-list .row > div:nth-child(1) .process-card {
border-radius: 10px 50px 10px 10px;
}
.process-list .row > div:nth-child(2) .process-card {
border-radius: 10px 10px 10px 50px;
}
.process-list .row > div:nth-child(3) .process-card {
border-radius: 50px 10px 10px 10px;
}
/*=====================
41 Eligbility
=======================*/
.eligbility {
border-radius: 0px 120px;
overflow: hidden;
}
.eligbility .section-title ~ .check-mark-list {
margin-top: 71px;
}
.eligbility .check-mark-list ~ .title-para {
margin-top: 61px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
42 Components Studio
===========================*/
.component-studio.v1 .section-title ~ .component-studio-img {
margin-top: 40px;
}
.component-studio.v1 .payment-flows {
position: relative;
border-radius: 0 0 0 32px;
z-index: 1;
}
.component-studio.v1 .payment-flows::before {
position: absolute;
content: "";
width: 50%;
height: calc(100% - 60px);
top: 61px;
left: -50px;
border-radius: 0 0 0 32px;
border-left: 1px solid var(--color-border10);
border-bottom: 1px solid var(--color-border10);
z-index: -2;
}
.component-studio.v1 .component-studio-img {
position: relative;
padding: 92px 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
border-radius: 32px;
overflow: hidden;
background: #013830;
}
.component-studio.v1 .component-studio-img .accept-send-link {
height: 100%;
padding-right: 50px;
-webkit-transform: translateY(-143px);
transform: translateY(-143px);
}
.component-studio.v1 .component-studio-img .accept-send-link li ~ li {
margin-top: 16px;
}
.component-studio.v1 .component-studio-img .accept-send-link a {
color: #faf8f5;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-transform: capitalize;
display: block;
opacity: 0.3;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
margin-bottom: 16px;
}
.component-studio.v1 .component-studio-img .accept-send-link a:hover {
text-decoration-line: underline;
opacity: 1;
}
.component-studio.v1 .component-studio-img .cash-out-img {
position: relative;
width: 37%;
z-index: 1;
}
.component-studio.v1 .component-studio-img .cash-out-img::before {
position: absolute;
content: "";
width: 550px;
height: 550px;
left: -70px;
top: -25px;
border-radius: 800px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05%, #00b011), color-stop(87.74%, rgba(0, 176, 17, 0)));
background: linear-gradient(180deg, #00b011 0.05%, rgba(0, 176, 17, 0) 87.74%);
z-index: -1;
}
.component-studio.v1 .component-studio-img .cash-out-img img {
width: 100%;
}
.component-studio.v1 .component-studio-img .facilitate-text {
height: 100%;
padding-left: 55px;
-webkit-transform: translateY(180px);
transform: translateY(180px);
}
.component-studio.v1 .component-studio-img .facilitate-text .text {
color: var(--color-white);
font-size: 24px;
font-weight: 500;
line-height: 34px;
text-transform: capitalize;
padding-top: 4px;
border-top: 1px solid #d6f1a2;
}
.component-studio.v1 .with-fincatch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.component-studio.v1 .with-fincatch .with-fincatch-para {
display: block;
color: var(--color-dGreen8);
font-size: 16px;
font-weight: 400;
line-height: 27px;
text-transform: capitalize;
margin: 30px 0 40px 0;
}
.component-studio.v1 .container {
position: relative;
z-index: 1;
}
.component-studio.v1 .container::before, .component-studio.v1 .container::after {
position: absolute;
content: "";
width: 33px;
height: 33px;
border-radius: 100%;
background: linear-gradient(265deg, #0dc79c -18.85%, #131217 127%);
z-index: -1;
}
.component-studio.v1 .container::before {
top: 28px;
left: -50px;
}
.component-studio.v1 .container::after {
bottom: -16px;
left: -50px;
}
.component-studio.v1 .component {
position: relative;
z-index: 1;
}
.component-studio.v1 .component::before, .component-studio.v1 .component::after {
position: absolute;
content: "";
width: 60%;
height: 100%;
bottom: 0px;
z-index: -2;
}
.component-studio.v1 .component::before {
right: -50px;
border-radius: 0 32px 32px 0;
border: 1px solid var(--color-border10);
border-left: none;
}
.component-studio.v1 .component::after {
left: -32px;
border-bottom: 1px solid var(--color-border10);
}
.component-studio.v1 .component-box {
position: relative;
border-radius: 32px;
background: #ecebe3;
z-index: 1;
}
.component-studio.v1 .component-box .section-title-center .title-para ~ .read-more {
margin-top: 30px;
}
.component-studio.v1 .component-box .payment,
.component-studio.v1 .component-box .payment-method,
.component-studio.v1 .component-box .payment-under-left,
.component-studio.v1 .component-box .pay,
.component-studio.v1 .component-box .loading {
border-radius: 17px;
overflow: hidden;
-webkit-box-shadow: 0px 19.269px 15.416px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 19.269px 15.416px 0px rgba(0, 0, 0, 0.05);
}
.component-studio.v1 .component-box .box-screenshot {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.component-studio.v1 .component-box .box-screenshot.v1 {
padding: 50px 60px;
}
.component-studio.v1 .component-box .box-screenshot.v2 {
padding: 35px 27px 85px 33px;
}
.component-studio.v1 .component-box .loading {
margin-top: 110px;
border-radius: 20px;
overflow: hidden;
-webkit-box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
}
.component-studio.v1 .component-box .payment-under-left {
margin-top: -146px;
}
.component-studio.v1 .component-box .calculateGrowth {
max-width: 423px;
padding: 89px 43px;
border-radius: 20px;
background: #013830;
-webkit-box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
margin-bottom: -240px;
}
.component-studio.v1 .component-box .calculateGrowth h2,
.component-studio.v1 .component-box .calculateGrowth h4,
.component-studio.v1 .component-box .calculateGrowth p,
.component-studio.v1 .component-box .calculateGrowth a {
color: var(--color-white);
text-align: center;
}
.component-studio.v1 .component-box .calculateGrowth a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.component-studio.v1 .component-box .calculateGrowth .amount {
font-size: 49px;
font-weight: 700;
line-height: 59px;
margin-bottom: 11px;
}
.component-studio.v1 .component-box .calculateGrowth .calculateGrowth-title {
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 14.49px;
}
.component-studio.v1 .component-box .calculateGrowth .calculateGrowth-para {
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-transform: capitalize;
margin-bottom: 22px;
}
.component-studio.v1 .component-box .mask-img-1 {
position: absolute;
top: 70px;
left: 205px;
z-index: -1;
}
.component-studio.v1 .component-box .mask-img-2 {
position: absolute;
bottom: 114px;
right: 0px;
z-index: -1;
}
/*===========================
43 Built By Developers
=============================*/
.built-by-developers.v1 {
background: #202222;
}
.built-by-developers.v1 .section-title-white {
padding-right: 35px;
}
.built-by-developers.v1 .section-title-white .title-para ~ .read-more {
margin-top: 40px;
}
.built-by-developers.v1 .big-img {
position: relative;
z-index: 1;
}
.built-by-developers.v1 .big-img img {
width: calc(100% - 80px);
border-radius: 20px;
margin-left: 50px;
}
.built-by-developers.v1 .big-img .small-img {
position: absolute;
top: -69px;
right: -87px;
z-index: -1;
}
/*========================
44 Grow With Peace
==========================*/
.grow-with-peace.v1 {
position: relative;
border-bottom: 1px solid rgba(0, 71, 60, 0.2588235294);
z-index: 1;
}
.grow-with-peace.v1 .main-content {
padding-right: 40px;
}
.grow-with-peace.v1 .grow-with-peace-img img {
width: 100%;
border-radius: 20px;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.grow-with-peace.v1 .bg-slide {
position: absolute;
top: 158px;
right: 0;
z-index: -1;
}
/*=====================
45 Stay Control
=======================*/
.stay-control.v1 {
position: relative;
border-bottom: 1px solid rgba(0, 71, 60, 0.2588235294);
}
.stay-control.v1 .stay-control-img {
padding-right: 15px;
}
.stay-control.v1 .stay-control-img img {
width: 100%;
border-radius: 20px;
-webkit-filter: drop-shadow(0px 2.767px 2.214px rgba(0, 0, 0, 0.02)) drop-shadow(0px 6.65px 5.32px rgba(0, 0, 0, 0.03)) drop-shadow(0px 12.522px 10.017px rgba(0, 0, 0, 0.04)) drop-shadow(0px 22.336px 17.869px rgba(0, 0, 0, 0.04)) drop-shadow(0px 41.778px 33.422px rgba(0, 0, 0, 0.05)) drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07));
filter: drop-shadow(0px 2.767px 2.214px rgba(0, 0, 0, 0.02)) drop-shadow(0px 6.65px 5.32px rgba(0, 0, 0, 0.03)) drop-shadow(0px 12.522px 10.017px rgba(0, 0, 0, 0.04)) drop-shadow(0px 22.336px 17.869px rgba(0, 0, 0, 0.04)) drop-shadow(0px 41.778px 33.422px rgba(0, 0, 0, 0.05)) drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07));
}
.stay-control.v1 .main-content {
padding-left: 80px;
}
.stay-control.v1 .bg-slider {
position: absolute;
top: 24px;
left: 0;
z-index: -1;
}
/*=========================
46 Powerfull Payment
===========================*/
.powerful-payment.v1 .powerful-payment-card {
margin-top: 30px;
}
.powerful-payment.v1 .powerful-payment-card .card-img img {
width: 88px;
height: 75px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.powerful-payment.v1 .powerful-payment-card .payment-title {
color: #00473c;
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 32px 0 20px 0;
}
.powerful-payment.v1 .powerful-payment-card .payment-para {
color: #00473c;
font-size: 16px;
font-weight: 400;
line-height: 27px;
}
.powerful-payment.v1 .row > div:nth-child(1) .powerful-payment-card,
.powerful-payment.v1 .row > div:nth-child(2) .powerful-payment-card,
.powerful-payment.v1 .row > div:nth-child(3) .powerful-payment-card,
.powerful-payment.v1 .row > div:nth-child(4) .powerful-payment-card {
margin-top: 0;
}
/*=========================
47 Our Inverstors
===========================*/
.our-inverstors.v1 {
background: #ecebe3;
}
.our-inverstors.v1 .calculate-growth {
border-radius: 24px;
background: #013830;
text-align: center;
padding: 118px 40px;
}
.our-inverstors.v1 .calculate-growth .calculate-growth-title {
font-size: 65px;
font-weight: 700;
line-height: 74px;
}
.our-inverstors.v1 .calculate-growth .mini-title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-transform: capitalize;
margin: 16px 0 20px 0;
}
.our-inverstors.v1 .calculate-growth .title-para {
font-size: 16px;
font-weight: 400;
line-height: 27px;
text-transform: capitalize;
margin-bottom: 30px;
color: var(--color-gBlack3);
}
.our-inverstors.v1 .calculate-growth h2,
.our-inverstors.v1 .calculate-growth h4,
.our-inverstors.v1 .calculate-growth a {
color: var(--color-white);
}
.our-inverstors.v1 .all-btns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.our-inverstors.v1 .logo-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 38px 30px;
margin-top: 24px;
}
.our-inverstors.v1 .logo-list li {
width: calc(50% - 15px);
}
.our-inverstors.v1 .logo-list li img {
width: 100%;
border-radius: 16px;
-webkit-box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.05);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
10 About Us
=======================*/
.about-us.v1 .section-title {
position: relative;
padding-bottom: 50px;
}
.about-us.v1 .section-title .about-title-shap {
position: absolute;
bottom: 0;
right: 39px;
}
.about-us.v1 .section-title .about-title-shap img {
width: 88px;
}
.about-us.v1 .about-profile {
position: relative;
overflow: hidden;
border-radius: 40px;
z-index: 1;
}
.about-us.v1 .about-profile::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
mix-blend-mode: luminosity;
}
.about-us.v1 .about-profile img {
width: 100%;
}
.about-us.v1 .about-profile .play-btn {
position: absolute;
width: 95px;
height: 95px;
top: 50%;
left: 50%;
font-size: 23px;
line-height: 95px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-us.v1 .about-right {
padding-left: 53px;
}
.about-us.v1 .about-right .sub-title {
color: var(--color-gBlack);
font-size: 18px;
line-height: 28px;
}
.about-us.v1 .about-right .sub-title ~ .about-right-cards {
margin-top: 50px;
}
.about-us.v1 .about-right-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
text-align: center;
}
.about-us.v1 .about-right-cards li {
padding: 55px;
border-radius: 16px;
background: var(--color-white2);
}
.about-us.v1 .about-right-cards .small-box {
width: calc(50% - 15px);
}
.about-us.v1 .about-right-cards .big-box {
width: 100%;
}
.about-us.v1 .about-right-cards .title {
font-size: 58px;
line-height: 68px;
font-weight: 600;
}
.about-us.v1 .about-right-cards .title ~ .sub-title {
margin-top: 25px;
}
/*=====================
11 Our Mission
=======================*/
.our-mission.v1 {
background: var(--color-black);
}
.our-mission.v1 .our-mission-card {
padding: 90px 50px;
text-align: center;
border-radius: 30px;
background: var(--color-black3);
margin-top: 30px;
}
.our-mission.v1 .our-mission-card .card-icon {
width: 80px;
height: 80px;
font-size: 36px;
line-height: 80px;
border-radius: 100%;
background: var(--color-blue);
margin: 0 auto;
}
.our-mission.v1 .our-mission-card .card-icon ~ .card-title {
margin-top: 44px;
}
.our-mission.v1 .our-mission-card .card-title {
font-size: 21px;
font-weight: 600;
text-align: center;
color: var(--color-white);
}
.our-mission.v1 .big-title {
text-transform: inherit;
}
.our-mission.v1 .row > div:nth-child(1) .our-mission-card,
.our-mission.v1 .row > div:nth-child(2) .our-mission-card,
.our-mission.v1 .row > div:nth-child(3) .our-mission-card {
margin-top: 0;
}
.our-mission.v2 {
background: var(--color-dGreen5);
}
.our-mission.v2 .our-mission-logo li:nth-child(1) {
width: 197px;
height: 199px;
margin-left: auto;
}
.our-mission.v2 .our-mission-logo li:nth-child(2) {
width: 250px;
height: 250px;
margin-top: -115px;
}
.our-mission.v2 .our-mission-logo li:nth-child(3) {
width: 97px;
height: 96px;
margin: -90px 0px 0px auto;
}
.our-mission.v2 .our-mission-logo li:nth-child(4) {
width: 154px;
height: 153px;
margin: 0 auto;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
.our-mission.v2 .our-mission-logo li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.our-mission.v2 .our-mission-content {
padding-left: 35px;
}
/*=====================
12 Our Values
=======================*/
.our-values.v1 .faq-accordion button, .our-values.v2 .faq-accordion button {
position: relative;
width: 100%;
padding: 30px 64px 30px 4px;
color: var(--color-white);
font-weight: 600;
text-align: inherit;
font-size: 40px;
line-height: 50px;
border-bottom: 1px solid var(--color-border);
background: var(--color-tr);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-values.v1 .faq-accordion button::after, .our-values.v2 .faq-accordion button::after {
position: absolute;
width: 48px;
height: 48px;
right: 0;
top: 30px;
text-align: center;
font-family: "icomoon";
content: "\e906";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
border-radius: 50px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-values.v1 .faq-accordion button:not(.collapsed), .our-values.v2 .faq-accordion button:not(.collapsed) {
color: var(--color-blue);
border-bottom: 1px solid var(--color-tr);
}
.our-values.v1 .faq-accordion button:not(.collapsed)::after, .our-values.v2 .faq-accordion button:not(.collapsed)::after {
color: var(--color-black);
background: var(--color-blue);
}
.our-values.v1 .faq-accordion .box-content, .our-values.v2 .faq-accordion .box-content {
padding: 0px 4px 50px 4px;
border-bottom: 1px solid var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-values.v1 .faq-accordion .box-content h6, .our-values.v2 .faq-accordion .box-content h6 {
color: var(--color-gBlack3);
}
.our-values.v1 {
position: relative;
overflow: hidden;
border-top: 1px solid var(--color-border);
background: var(--color-black);
z-index: 1;
}
.our-values.v1 .bg-shap {
position: absolute;
width: 1497px;
height: 1488px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
z-index: -1;
}
.our-values.v1 .section-title-center-white ~ .faq-accordion {
margin-top: 60px;
}
.our-values.v1 .faq-accordion button {
color: var(--color-white);
font-weight: 600;
text-align: inherit;
font-size: 40px;
line-height: 50px;
}
.our-values.v1 .faq-accordion button::after {
font-size: 20px;
line-height: 48px;
color: var(--color-white);
background: var(--color-black);
}
.our-values.v2 {
background: #242528;
}
.our-values.v2 .faq-accordion {
padding-left: 88px;
}
.our-values.v2 .faq-accordion button {
font-size: 20px;
line-height: 30px;
}
.our-values.v2 .faq-accordion button::after {
width: 48px;
height: 48px;
font-size: 20px;
line-height: 48px;
}
/*==========================
13 Banking Experience
============================*/
.banking-experience.v1 .banking-card-img {
padding: 30px;
border-radius: 16px;
background: var(--color-white2);
margin-right: 62px;
}
.banking-experience.v1 .banking-card-img img {
width: 100%;
border-radius: 16px;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
.banking-experience.v1 .banking-card-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 0px;
border-bottom: 1px solid var(--color-black);
}
.banking-experience.v1 .banking-card-title h2 {
font-size: 120px;
line-height: 140px;
font-weight: 700;
}
.banking-experience.v1 .banking-card-title h6 {
font-weight: 500;
color: var(--color-gBlack);
}
.banking-experience.v1 .banking-card-title ~ .card-description {
margin-top: 150px;
}
.banking-experience.v1 .card-description ~ .read-more {
margin-top: 60px;
}
/*=====================
14 The founders
=======================*/
.the-founders.v1 .the-founder-card {
margin-top: 30px;
}
.the-founders.v1 .the-founder-card .founder-card-img {
overflow: hidden;
border-radius: 16px;
}
.the-founders.v1 .the-founder-card .founder-card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.the-founders.v1 .the-founder-card .card-contant {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding: 16px 0px;
}
.the-founders.v1 .the-founder-card .card-contant h4 {
font-weight: 600;
}
.the-founders.v1 .the-founder-card .card-contant h4 ~ p {
margin-top: 4px;
}
.the-founders.v1 .the-founder-card .card-contant .card-link a {
display: inline-block;
width: 53px;
height: 53px;
text-align: center;
line-height: 53px;
border-radius: 60px;
background: var(--color-white2);
}
.the-founders.v1 .the-founder-card .card-contant .card-link a:hover {
color: var(--color-black);
background: var(--color-blue);
}
.the-founders.v1 .the-founder-card:hover .founder-card-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.the-founders.v1 .row > div:nth-child(1) .the-founder-card,
.the-founders.v1 .row > div:nth-child(2) .the-founder-card,
.the-founders.v1 .row > div:nth-child(3) .the-founder-card,
.the-founders.v1 .row > div:nth-child(4) .the-founder-card {
margin-top: 0;
}
/*===========================
15 Interested Our Team
=============================*/
.interested-our-team.v1 .interested-team-card {
padding: 30px;
border-radius: 16px;
background: var(--color-white2);
}
.interested-our-team.v1 .interested-team-card .interested-team-content {
padding: 89px 0px;
border-radius: 16px;
text-align: center;
background: var(--color-white);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.interested-our-team.v1 .interested-team-card .section-title ~ .link-anime {
margin-top: 30px;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*============================
48 Pricing
==============================*/
.pricing {
background: var(--color-black);
}
.pricing .plan-card {
border-radius: 15px;
background: var(--color-white);
text-align: center;
padding: 60px 15px;
margin-top: 30px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.pricing .plan-card .tag {
border: 1px solid var(--color-lgreen);
border-radius: 72px;
font-size: 12px;
font-weight: 700;
padding: 12px 16px;
margin-bottom: 31px;
}
.pricing .plan-card .list-price {
margin-top: 31px;
font-size: 72px;
font-weight: 700;
}
.pricing .plan-card .list-price sup {
font-size: 14px;
vertical-align: super;
}
.pricing .plan-card .list-price ~ .plan-card-feature {
margin-top: 63px;
}
.pricing .plan-card .plan-card-feature {
margin: 0 auto;
display: inline-block;
}
.pricing .plan-card .plan-card-feature li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.pricing .plan-card .plan-card-feature li ~ li {
margin-top: 16px;
}
.pricing .plan-card .plan-card-feature li i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-black);
width: 23px;
height: 23px;
border-radius: 100%;
color: var(--color-white);
}
.pricing .plan-card .plan-card-feature li .feature-title {
font-size: 20px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.4px;
}
.pricing .plan-card .plan-content ~ .link-anime {
margin-top: 155px;
}
.pricing .plan-card .link-anime {
border-radius: 16px;
border: 2px solid #188be8;
-webkit-box-shadow: 0px -14px 48px 0px rgba(40, 51, 111, 0.25), 0px 16px 24px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px -14px 48px 0px rgba(40, 51, 111, 0.25), 0px 16px 24px 0px rgba(0, 0, 0, 0.25);
}
.pricing .plan-card:hover {
background: var(--color-blue);
}
.pricing .row > div:nth-child(1) .plan-card,
.pricing .row > div:nth-child(2) .plan-card,
.pricing .row > div:nth-child(3) .plan-card {
margin-top: 0;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*============================
49 About The Team
==============================*/
.aboutTheTeam .aboutTheTeam-left-contant .section-title ~ .features-cards {
margin-top: 60px;
}
.aboutTheTeam .aboutTheTeam-left-contant .features-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 54px;
}
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card {
width: 45%;
}
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 48px;
height: 48px;
padding: 12px;
font-size: 24px;
background: var(--color-blue);
border-radius: 100%;
}
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card .card-head {
margin: 12px 0 20px 0;
font-size: 28px;
font-weight: 600;
}
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card .card-para {
font-size: 18px;
font-weight: 500;
}
.aboutTheTeam .aboutTheTeam-right-img img {
width: 100%;
border-radius: 32px;
overflow: hidden;
}
/*============================
50 Team Testimonial
==============================*/
.team-testimonial {
background: var(--color-black);
}
.team-testimonial .big-title {
text-transform: inherit;
}
.team-testimonial .success .success-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
margin-top: 60px;
}
.team-testimonial .success .success-cards .success-card {
border: 1px solid var(--color-blue);
text-align: center;
background: var(--color-black2);
padding: 49px 10px;
width: calc(33.3333333% - 30px);
border-radius: 16px;
}
.team-testimonial .success .success-cards .success-card .card-number {
color: var(--color-blue);
font-size: 80px;
font-weight: 700;
}
.team-testimonial .success .success-cards .success-card .card-para {
margin-top: 24px;
font-size: 28px;
font-weight: 600;
color: var(--color-white);
}
.team-testimonial .finflowSuccess .finflowSuccessLeft .section-title p {
color: var(--color-gBlack3);
}
.team-testimonial .finflowSuccess .team-features {
margin-top: 60px;
}
.team-testimonial .finflowSuccess .team-features .team-features-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 60px 30px;
margin-bottom: 20px;
}
.team-testimonial .finflowSuccess .team-features .team-features-list:last-child {
margin-bottom: 0;
}
.team-testimonial .finflowSuccess .team-features .team-features-list i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
min-width: 32px;
color: var(--color-black);
background: #79f4e4;
border-radius: 100%;
font-size: 16px;
}
.team-testimonial .finflowSuccess .team-features .team-features-list .team-list-title {
color: #c2c2c2;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.team-testimonial .finflowSuccess .finflowSuccess-img img {
width: 100%;
border-radius: 24px;
}
/*============================
51 Meet The Team
==============================*/
.meet-the-team {
border-bottom: 1px solid #000;
}
.meet-the-team .section-title-center ~ .meet-the-team-members {
margin-top: 60px;
}
.meet-the-team .meet-the-team-members {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 60px 30px;
}
.meet-the-team .meet-the-team-members .member {
width: calc(25% - 23px);
text-align: center;
}
.meet-the-team .meet-the-team-members .member .member-img img {
width: 160px;
height: 160px;
}
.meet-the-team .meet-the-team-members .member .member-title {
font-size: 32px;
font-weight: 600;
margin: 20px 0 8px 0;
}
.meet-the-team .meet-the-team-members .member .member-title.verified {
position: relative;
display: inline-block;
padding-right: 30px;
}
.meet-the-team .meet-the-team-members .member .member-title.verified::after {
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 6px;
text-align: center;
line-height: 20px;
content: "\e914";
font-family: "icomoon";
speak: never;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--color-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50px;
background: #2c8dff;
}
.meet-the-team .meet-the-team-members .member .member-para {
font-size: 14px;
font-weight: 600;
}
/*=========================
52 Perks and benefits
===========================*/
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon, .perks-and-benefits.v2 .perks-and-benefits-item .perks-icon {
position: relative;
text-align: center;
z-index: 1;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::before, .perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::after, .perks-and-benefits.v2 .perks-and-benefits-item .perks-icon::before, .perks-and-benefits.v2 .perks-and-benefits-item .perks-icon::after {
position: absolute;
content: "";
border-radius: 100px;
background: #79f4e4;
z-index: -1;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::before, .perks-and-benefits.v2 .perks-and-benefits-item .perks-icon::before {
width: 60px;
height: 60px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::after, .perks-and-benefits.v2 .perks-and-benefits-item .perks-icon::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
.perks-and-benefits.v1 .perks-and-benefits-item .card-title, .perks-and-benefits.v2 .perks-and-benefits-item .card-title {
color: var(--color-black);
font-weight: 600;
font-size: 28px;
line-height: 38px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .card-title ~ .card-para, .perks-and-benefits.v2 .perks-and-benefits-item .card-title ~ .card-para {
margin-top: 20px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .card-para, .perks-and-benefits.v2 .perks-and-benefits-item .card-para {
color: var(--color-gBlack);
font-size: 18px;
line-height: 28px;
}
.perks-and-benefits.v1 .perks-and-benefits-item {
text-align: center;
margin-top: 60px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon {
width: 86px;
height: 86px;
line-height: 86px;
font-size: 32px;
margin: 0 auto;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::before {
width: 60px;
height: 60px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon ~ .card-title {
margin-top: 20px;
}
.perks-and-benefits.v2 .perks-and-benefits-item {
margin-top: 80px;
}
.perks-and-benefits.v2 .perks-and-benefits-item .perks-icon {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 24px;
}
.perks-and-benefits.v2 .perks-and-benefits-item .perks-icon::before {
width: 48px;
height: 48px;
}
.perks-and-benefits.v2 .perks-and-benefits-item .perks-icon ~ .card-title {
margin-top: 16px;
}
.perks-and-benefits .row > div:nth-child(1) .perks-and-benefits-item,
.perks-and-benefits .row > div:nth-child(2) .perks-and-benefits-item,
.perks-and-benefits .row > div:nth-child(3) .perks-and-benefits-item {
margin-top: 0;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
53 Your Voice Area
===========================*/
.your-voice-area .content-left .section-title .big-title ~ .title-para, .your-voice-area .content-left .section-title ~ .author {
margin-top: 70px;
}
.your-voice-area .content-left .author .name {
font-size: 32px;
font-weight: 600;
line-height: 48px;
letter-spacing: -1.28px;
}
.your-voice-area .content-left .author-comment {
margin-top: 70px;
}
.your-voice-area .content-left .author-comment .duble-qutesion {
font-size: 60px;
color: #78f1e1;
font-style: italic;
}
.your-voice-area .content-left .author-comment .comment-para {
color: var(--color-black);
font-size: 22px;
font-style: italic;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.44px;
}
.your-voice-area .content-left .author-comment ~ .slider-btns {
margin-top: 48px;
}
.your-voice-area .content-left .slider-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.your-voice-area .content-left .slider-btns button {
width: 60px;
height: 60px;
line-height: 63px;
border-radius: 100%;
background: #78f1e1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.your-voice-area .content-left .slider-btns button:hover {
background-color: var(--color-black9);
color: var(--color-white);
}
.your-voice-area .slider {
padding-bottom: 0;
}
.your-voice-area .content-right-img {
padding-left: 55px;
}
.your-voice-area .content-right-img img {
border-radius: 24px;
width: 100%;
}
/*=========================
54 job-opportunities
===========================*/
.job-opportunities {
background-color: var(--color-white2);
}
.job-opportunities .bold-para {
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.job-opportunities .job-card {
border-radius: 4px;
padding: 16px;
text-align: center;
background-color: var(--color-white);
-webkit-box-shadow: 0px 4px 4px #e9e9e9;
box-shadow: 0px 4px 4px #e9e9e9;
margin-top: 30px;
}
.job-opportunities .job-card:hover .card-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.job-opportunities .job-card .card-img {
overflow: hidden;
border-radius: 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.job-opportunities .job-card .card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.job-opportunities .job-card .card-title {
margin: 50px 0 20px 0;
font-size: 30px;
font-weight: 600;
line-height: 48px;
letter-spacing: -1.2px;
}
.job-opportunities .job-card .title-pera {
font-size: 16px;
font-weight: 500;
color: #76797c;
margin-bottom: 47px;
}
.job-opportunities .job-card .card-btn {
width: 100%;
padding: 12px 0;
text-align: center;
background: #78f1e1;
font-size: 16px;
font-weight: 700;
border-radius: 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.job-opportunities .job-card .card-btn:hover {
background: var(--color-black);
color: var(--color-white);
}
.job-opportunities .row > div:nth-child(1) .job-card,
.job-opportunities .row > div:nth-child(2) .job-card,
.job-opportunities .row > div:nth-child(3) .job-card {
margin-top: 0;
}
/*=========================
55 Work Space
===========================*/
.workspace {
border-top: 1px solid var(--color-border);
}
.workspace .work-item {
margin-top: 30px;
}
.workspace .work-item .icon-box {
font-size: 32px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
border-radius: 100%;
background: #79f4e4;
}
.workspace .work-item .icon-box ~ .title,
.workspace .work-item .title ~ .title-pera {
margin-top: 24px;
}
.workspace .work-item .title {
font-size: 28px;
line-height: 38px;
font-weight: 600;
}
.workspace .work-item .title-pera {
font-weight: 500;
}
.workspace .row > div:nth-child(1) .work-item,
.workspace .row > div:nth-child(2) .work-item,
.workspace .row > div:nth-child(3) .work-item {
margin-top: 0;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
56 Job Filter
===========================*/
.job-filter {
background: var(--color-white2);
}
.job-filter .categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.job-filter .categories label {
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.job-filter .categories label ~ .custom-select {
margin-top: 4px;
}
.job-filter .categories > li {
width: calc(25% - 30px);
}
.job-filter .categories > li .my-select,
.job-filter .categories > li .current {
width: 100%;
}
.job-filter .categories > li .current {
text-align: inherit;
border-radius: 8px;
}
.job-filter .categories > li .current::before {
font-size: 15px;
}
/*=========================
57 Abilable Job
===========================*/
.abilable-job .avilable-job-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding: 40px;
border: 0.5px solid rgba(118, 121, 124, 0.5);
border-radius: 8px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.abilable-job .avilable-job-list > li ~ li {
margin-top: 30px;
}
.abilable-job .avilable-job-list > li:hover {
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.abilable-job .avilable-job-list > li .job-content-left .job-title {
color: #242528;
font-size: 32px;
font-weight: 600;
line-height: 48px;
letter-spacing: -1.28px;
}
.abilable-job .avilable-job-list > li .job-content-left .job-para {
margin: 30px 0 25px 0;
color: #76797c;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.abilable-job .avilable-job-list > li .job-content-left .rate {
font-size: 24px;
font-weight: 600;
line-height: 48px;
letter-spacing: -0.96px;
}
.abilable-job .avilable-job-list > li .job-content-left .job-sub-para {
color: #76797c;
font-size: 18px;
font-weight: 500;
line-height: 28px;
margin-bottom: 40px;
}
.abilable-job .avilable-job-list .tag-1,
.abilable-job .avilable-job-list .tag-2,
.abilable-job .avilable-job-list .tag-3,
.abilable-job .avilable-job-list .tag-4 {
display: inline-block;
position: relative;
padding: 15px 30px;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.2px;
border-radius: 4px;
z-index: 1;
}
.abilable-job .avilable-job-list .tag-1::before,
.abilable-job .avilable-job-list .tag-2::before,
.abilable-job .avilable-job-list .tag-3::before,
.abilable-job .avilable-job-list .tag-4::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.15;
border-radius: 4px;
z-index: -1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.abilable-job .avilable-job-list .tag-1 {
color: #188be8;
}
.abilable-job .avilable-job-list .tag-1::before {
background: #188be8;
}
.abilable-job .avilable-job-list .tag-1:hover {
color: var(--color-white);
}
.abilable-job .avilable-job-list .tag-1:hover::before {
opacity: 1;
}
.abilable-job .avilable-job-list .tag-2 {
color: #c23533;
}
.abilable-job .avilable-job-list .tag-2::before {
background: #c23533;
}
.abilable-job .avilable-job-list .tag-2:hover {
color: var(--color-white);
}
.abilable-job .avilable-job-list .tag-2:hover::before {
opacity: 1;
}
.abilable-job .avilable-job-list .tag-3 {
color: #4620eb;
}
.abilable-job .avilable-job-list .tag-3::before {
background: #4620eb;
}
.abilable-job .avilable-job-list .tag-3:hover {
color: var(--color-white);
}
.abilable-job .avilable-job-list .tag-3:hover::before {
opacity: 1;
}
.abilable-job .avilable-job-list .tag-4 {
color: #242528;
}
.abilable-job .avilable-job-list .tag-4::before {
opacity: 1;
background: #f1f3f3;
}
.abilable-job .avilable-job-list .tag-4:hover {
color: var(--color-white);
}
.abilable-job .avilable-job-list .tag-4:hover::before {
background: #242528;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
58 Trasted By
=======================*/
.service-area .left-contant .small-img {
max-width: 300px;
margin-left: auto;
}
.service-area .left-contant .small-img img {
width: 100%;
border-radius: 16px;
}
.service-area .big-img img {
width: 100%;
}
/*=====================
59 Why Fincatch
=======================*/
.why-fincatch {
position: relative;
background: var(--color-black);
z-index: 1;
}
.why-fincatch .features-list {
margin-top: 60px;
}
.why-fincatch .features-list li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.why-fincatch .features-list li ~ li {
padding-top: 19px;
border-top: 1px solid var(--color-border);
margin-top: 19px;
}
.why-fincatch .features-list li:last-child {
padding-bottom: 19px;
border-bottom: 1px solid var(--color-border);
}
.why-fincatch .features-list li i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
width: 40px;
height: 40px;
font-size: 20px;
color: var(--color-black);
background: #79f4e4;
}
.why-fincatch .features-list li .features-item {
width: calc(100% - 60px);
font-size: 18px;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.36px;
}
.why-fincatch .features-list li p {
color: var(--color-white);
}
.why-fincatch .right-contant .big-img img {
width: 100%;
border-radius: 32px;
}
.why-fincatch .why-fincatch-card {
padding: 32px 25px 47px 25px;
text-align: center;
background: var(--color-black2);
margin-top: 30px;
}
.why-fincatch .why-fincatch-card .card-icon {
position: relative;
width: 86px;
height: 86px;
text-align: center;
line-height: 86px;
font-size: 32px;
margin: 0 auto;
z-index: 1;
}
.why-fincatch .why-fincatch-card .card-icon::before, .why-fincatch .why-fincatch-card .card-icon::after {
position: absolute;
content: "";
border-radius: 100px;
background: #79f4e4;
z-index: -1;
}
.why-fincatch .why-fincatch-card .card-icon::before {
width: 60px;
height: 60px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.why-fincatch .why-fincatch-card .card-icon::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
.why-fincatch .why-fincatch-card .card-icon ~ .card-title {
margin-top: 31px;
}
.why-fincatch .why-fincatch-card .card-title {
color: var(--color-white);
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.48px;
margin-bottom: 20px;
}
.why-fincatch .why-fincatch-card .card-para {
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-transform: lowercase;
color: var(--color-gBlack3);
}
.why-fincatch .row > div:nth-child(1) .why-fincatch-card,
.why-fincatch .row > div:nth-child(2) .why-fincatch-card,
.why-fincatch .row > div:nth-child(3) .why-fincatch-card,
.why-fincatch .row > div:nth-child(4) .why-fincatch-card {
margin-top: 0;
}
.why-fincatch .bg-slider-img {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
/*=========================
60 Box Image Content
===========================*/
.box-image-content.v1 .main-image-content, .box-image-content.v2 .main-image-content {
padding: 63px 70px;
border-radius: 16px;
background: #f1f3f3;
}
.box-image-content.v1 .section-title .big-title, .box-image-content.v2 .section-title .big-title {
letter-spacing: -3px;
}
.box-image-content.v1 .section-title .title-para, .box-image-content.v2 .section-title .title-para {
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.box-image-content.v1 .taxes-img img, .box-image-content.v2 .taxes-img img {
border-radius: 16px;
width: 100%;
}
.box-image-content.v1 .taxes-img {
padding-left: 38px;
}
.box-image-content.v2 .taxes-img {
padding-right: 50px;
}
/*=========================
61 Wallet Integrations
===========================*/
.wallet-integrations .section-title-center ~ .integrations-circle {
margin-top: 63px;
}
.wallet-integrations .integrations-circle {
position: relative;
width: 870px;
height: 870px;
margin: 0 auto;
}
.wallet-integrations .integrations-circle i {
position: absolute;
width: 169px;
height: 169px;
text-align: center;
font-size: 90px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 169px;
border-radius: 200px;
background: var(--color-blue);
}
.wallet-integrations .integrations-circle .pament-item-1,
.wallet-integrations .integrations-circle .pament-item-2,
.wallet-integrations .integrations-circle .pament-item-3,
.wallet-integrations .integrations-circle .pament-item-4 {
position: absolute;
width: 180px;
height: 115px;
}
.wallet-integrations .integrations-circle .pament-item-1::before,
.wallet-integrations .integrations-circle .pament-item-2::before,
.wallet-integrations .integrations-circle .pament-item-3::before,
.wallet-integrations .integrations-circle .pament-item-4::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 50px;
border: 8px solid var(--color-black);
background: var(--color-blue);
}
.wallet-integrations .integrations-circle .pament-item-1 img,
.wallet-integrations .integrations-circle .pament-item-2 img,
.wallet-integrations .integrations-circle .pament-item-3 img,
.wallet-integrations .integrations-circle .pament-item-4 img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.wallet-integrations .integrations-circle .pament-item-1 {
top: 61px;
left: -54px;
padding-right: 58px;
}
.wallet-integrations .integrations-circle .pament-item-1::before {
right: 0;
bottom: 0;
}
.wallet-integrations .integrations-circle .pament-item-2 {
top: 61px;
right: -54px;
padding-left: 58px;
}
.wallet-integrations .integrations-circle .pament-item-2::before {
left: 0;
bottom: 0;
}
.wallet-integrations .integrations-circle .pament-item-3 {
bottom: 65px;
left: -63px;
}
.wallet-integrations .integrations-circle .pament-item-3::before {
top: 0;
right: 0;
}
.wallet-integrations .integrations-circle .pament-item-4 {
right: -45px;
bottom: 43px;
padding-left: 58px;
}
.wallet-integrations .integrations-circle .pament-item-4::before {
top: 0;
left: 0;
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
62 Automated Payments
===========================*/
.automated-payments .section-title .big-title {
font-weight: 700;
letter-spacing: -2.5px;
}
.automated-payments .automated-payments-right-img img {
width: 100%;
border-radius: 16px;
}
/*=========================
63 How To It Work
===========================*/
.howToItWork {
position: relative;
background: var(--color-black);
z-index: 1;
}
.howToItWork .section-title-white ~ .howToItWork-left-cards {
margin-top: 60px;
}
.howToItWork .howToItWork-left-cards li ~ li {
margin-top: 62px;
}
.howToItWork .howToItWork-left-cards .card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 19px;
}
.howToItWork .howToItWork-left-cards .card-head:last-child {
margin-bottom: 0;
}
.howToItWork .howToItWork-left-cards .card-head .head-number {
width: 50px;
height: 50px;
min-width: 50px;
text-align: center;
line-height: 50px;
border-radius: 80px;
background: var(--color-blue);
}
.howToItWork .howToItWork-left-cards .card-head .head-number a {
font-size: 18px;
font-weight: 600;
}
.howToItWork .howToItWork-left-cards .card-head .head-title {
font-size: 28px;
font-weight: 600;
color: var(--color-white);
}
.howToItWork .howToItWork-left-cards .card-head .head-title ~ .title-para {
margin-top: 27px;
}
.howToItWork .howToItWork-left-cards .card-head .title-para {
color: var(--color-gBlack);
font-size: 18px;
line-height: 28px;
}
.howToItWork .howToItWork-left-cards .content-text {
width: calc(100% - 66px);
margin-top: 15px;
}
.howToItWork .howToItWork-right-contant-img {
padding-left: 57px;
}
.howToItWork .howToItWork-right-contant-img img {
width: 100%;
border-radius: 20px;
}
.howToItWork .bg-img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
/*=========================
64 Use Case
===========================*/
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
65 Buisness
===========================*/
.blog-details-container {
width: 80%;
margin: 0 auto;
}
.business {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.business .socialTop a {
position: relative;
display: inline-block;
font-size: 16px;
width: 60px;
color: var(--color-black);
height: 60px;
text-align: center;
line-height: 60px;
border-radius: 100px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 1;
}
.business .socialTop a::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
top: 50%;
left: 50%;
border-radius: 50px;
border: 1px solid #dddde3;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
}
.business .socialTop a:hover {
width: 60px;
height: 60px;
background: var(--color-blue);
}
.business .socialTop a:hover::before {
opacity: 0;
}
.business .tag-link {
display: inline-block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
border-radius: 4px;
color: var(--color-black);
font-weight: 700;
background: var(--color-blue);
}
.business .tag-link ~ .big-title {
margin-top: 52px;
}
.business .tag-link:hover {
color: var(--color-blue);
background: var(--color-black);
}
.business .post-info {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
}
.business .post-info .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13px;
}
.business .post-info .author .author-img img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.business .post-info li .big-title {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.business .post-info li .info-para {
font-size: 15px;
line-height: 24px;
font-weight: 500;
color: #c8c8c9;
}
.text-big-title {
font-size: 40px;
font-weight: 600;
line-height: 58px;
margin-top: 107px;
}
.text-big-title ~ .text-para {
margin-top: 24px;
}
.text-para {
color: #76797c;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.text-para ~ .realTime {
margin-top: 70px;
}
.realTime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.realTime .realTime-head {
width: calc(35% - 15px);
font-size: 22px;
line-height: 32px;
font-weight: 600;
}
.realTime .realTime-para {
width: calc(50% - 15px);
font-size: 18px;
line-height: 28px;
}
.realTime ~ .text-para {
margin-top: 70px;
}
.blog-details-container ~ .mask-img,
.mask-img ~ .blog-details-container {
margin-top: 70px;
}
.mask-img {
margin: 0px 60px;
}
.mask-img img {
border-radius: 16px;
width: 100%;
}
.text-para ~ .codePost {
margin-top: 40px;
}
.codePost {
padding: 36px 57px;
text-align: center;
border-radius: 8px;
background: var(--color-blue);
}
.codePost i {
font-size: 34px;
}
.codePost .title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.codePost ~ .text-para {
margin-top: 40px;
}
.accessibility {
margin: 28px 0;
}
.accessibility li {
font-size: 16px;
font-weight: 600;
line-height: 32px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 20px;
}
.accessibility li::before {
content: "";
background: var(--color-black);
width: 10px;
height: 10px;
position: absolute;
border-radius: 100%;
top: 13px;
left: -20px;
}
.tag-social-link {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
.tag-social-link .text-tag,
.tag-social-link .social-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 11px;
}
.tag-social-link .tags-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.tag-social-link .tags-list a {
display: inline-block;
padding: 5px 14px;
font-weight: 500;
border: 1px solid #eaeaef;
border-radius: 4px;
}
.tag-social-link .tags-list a:hover {
color: var(--color-black);
background: var(--color-blue);
}
.tag-social-link .title {
font-size: 14px;
line-height: 24px;
font-weight: 700;
}
.tag-social-link ~ .author-box {
margin-top: 34px;
}
.blog-details-container .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
}
.blog-details-container .social-link a {
display: inline-block;
width: 36px;
height: 36px;
font-size: 12px;
line-height: 36px;
text-align: center;
border-radius: 4px;
color: var(--color-black);
border: 1px solid #eaeaef;
}
.blog-details-container .social-link a:hover {
border: 1px solid var(--color-blue);
background: var(--color-blue);
}
.author-box {
border-radius: 16px;
background: #f1f3f3;
padding: 34px 84px 41px 34px;
}
.author-box .author-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 23px;
}
.author-box .author-head .author-img {
width: 70px;
height: 70px;
min-width: 70px;
overflow: hidden;
border-radius: 100px;
}
.author-box .author-head .author-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.author-box .author-head .author-contant .author-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 14px;
}
.author-box .author-head .author-contant .author-para {
font-size: 16px;
font-weight: 400;
margin-bottom: 27px;
}
.all-comments .comments-title {
font-size: 34px;
font-weight: 700;
}
.all-comments .comments-title ~ ul {
margin-top: 17px;
}
.all-comments li {
padding-top: 30px;
padding-bottom: 30px;
}
.all-comments li ~ li {
border-top: 1px solid #eaeaef;
}
.all-comments li > ul {
margin: 30px 0px 0px 84px;
border-top: 1px solid #eaeaef;
border-bottom: 1px solid #eaeaef;
}
.all-comments .comment-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 24px;
}
.all-comments .comment-wrapper .profile-img {
width: 80px;
height: 80px;
min-width: 80px;
overflow: hidden;
border-radius: 100px;
}
.all-comments .comment-wrapper .profile-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.all-comments .comment-wrapper .profile-text {
width: calc(100% - 104px);
}
.all-comments .comment-wrapper .profile-text .post-date {
font-size: 13px;
font-weight: 500;
}
.all-comments .comment-wrapper .profile-text .post-date ~ .post-user {
margin-top: 8px;
}
.all-comments .comment-wrapper .profile-text .post-user {
font-size: 18px;
font-weight: 600;
}
.all-comments .comment-wrapper .profile-text .post-user ~ .post-desi {
margin-top: 14px;
}
.all-comments .comment-wrapper .profile-text .reply-btn {
padding: 10px 18px;
border-radius: 16px;
border-radius: 4px;
border: 1px solid #eaeaef;
font-size: 14px;
font-weight: 500;
background: var(--color-tr);
}
.all-comments .comment-wrapper .profile-text .reply-btn:hover {
background: var(--color-blue);
color: var(--color-black);
}
.all-comments .comment-wrapper .post-desi ~ .reply-btn {
margin-top: 27px;
}
.all-comments ~ .leaveAReply {
margin-top: 100px;
}
.leaveAReply .leaveAReply-big-title {
color: #242528;
font-size: 34px;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.68px;
margin-bottom: 18px;
}
.leaveAReply .leaveAReply-title-para {
color: #76797c;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.leaveAReply .leaveAReply-form ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
margin-top: 46px;
}
.leaveAReply .leaveAReply-form ul ~ .form-comment-box {
margin-top: 20px;
}
.leaveAReply .leaveAReply-form li {
width: calc(33.3333333% - 14px);
}
.leaveAReply .leaveAReply-form input,
.leaveAReply .leaveAReply-form textarea {
width: 100%;
padding: 25px 0 25px 26px;
border-radius: 8px;
border: 1px solid var(--color-tr);
background-color: #f1f3f3;
}
.leaveAReply .leaveAReply-form input:focus,
.leaveAReply .leaveAReply-form textarea:focus {
border: 1px solid var(--color-blue);
background-color: var(--color-white);
-webkit-box-shadow: none;
box-shadow: none;
}
.leaveAReply .leaveAReply-form input {
height: 60px;
}
.leaveAReply .leaveAReply-form .form-comment-box textarea {
width: 100%;
height: 180px;
}
.leaveAReply .leaveAReply-form .form-comment-box ~ .check-box {
margin-top: 20px;
}
.leaveAReply .leaveAReply-form .check-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.leaveAReply .leaveAReply-form .check-box input {
padding: 0;
width: 14px;
height: 14px;
min-width: 14px;
border-radius: 1px;
border: 1px solid #76797c;
margin-top: 2px;
}
.leaveAReply .leaveAReply-form .check-box input:checked {
background-color: var(--color-blue);
border-color: var(--color-blue);
}
.leaveAReply .leaveAReply-form .check-box:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaveAReply .leaveAReply-form .check-box label {
width: calc(100% - 20px);
color: #76797c;
font-size: 14px;
line-height: 24px;
margin-top: -5px;
}
.leaveAReply .leaveAReply-form .check-box ~ .btn-anime {
margin-top: 30px;
}
.leaveAReply .leaveAReply-form .submit-btn {
padding: 16px 26px;
font-size: 14px;
font-weight: 700;
border-radius: 8px;
background: var(--color-blue);
}
.leaveAReply .leaveAReply-form .submit-btn:hover {
color: var(--color-blue);
background: var(--color-black);
}
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=========================
66 Contact
===========================*/
.contact .content-left .section-title ~ .contact-info {
margin-top: 60px;
}
.contact .content-left .contact-info li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
font-size: 18px;
font-weight: 500;
color: #242520;
line-height: 32px;
}
.contact .content-left .contact-info li ~ li {
margin-top: 20px;
}
.contact .content-left .contact-info li .box-icon {
position: relative;
width: 60px;
height: 60px;
font-size: 16px;
line-height: 60px;
text-align: center;
z-index: 1;
}
.contact .content-left .contact-info li .box-icon::before, .contact .content-left .contact-info li .box-icon::after {
position: absolute;
content: "";
border-radius: 100px;
background: #79f4e4;
z-index: -1;
}
.contact .content-left .contact-info li .box-icon::before {
width: 48px;
height: 48px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contact .content-left .contact-info li .box-icon::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
.contact .content-left .contact-info li .list-title {
color: #242528;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.27px;
}
.contact .contact-form {
position: relative;
padding: 30px 40px;
border: 1px solid #e9e9e9;
background-color: #fff;
margin: 0px 0px -30px 50px;
border-radius: 16px;
-webkit-box-shadow: 0px 33px 22px 0px rgba(168, 168, 168, 0.24);
box-shadow: 0px 33px 22px 0px rgba(168, 168, 168, 0.24);
overflow: hidden;
z-index: 1;
}
.contact .contact-form form .form-input {
margin-bottom: 20px;
}
.contact .contact-form form .form-input label {
display: block;
margin-bottom: 5px;
color: var(--color-black);
font-size: 18px;
font-weight: 500;
}
.contact .contact-form form .form-input input,
.contact .contact-form form .form-input textarea {
width: 100%;
padding: 8px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.5px solid rgba(118, 121, 124, 0.5);
border-radius: 8px;
font-size: 18px;
}
.contact .contact-form form .form-input input {
height: 65px;
}
.contact .contact-form form .form-input textarea {
height: 136px;
}
.contact .contact-form form .form-btn button {
width: 100%;
color: var(--color-black);
padding: 22px 15px;
border-radius: 8px;
font-size: 16px;
font-size: 16px;
font-weight: 700;
background: #78f1e1;
}
.contact .contact-form form .form-btn button:hover {
color: var(--color-blue);
background: var(--color-black);
}
/*=========================
67 Map Area
===========================*/
.contact-map iframe {
height: 628px;
width: 100%;
margin-bottom: -7px;
}
/*=========================
68 Sponser
===========================*/
/*
Theme Name: Fincatch HTML5 Template
Theme URI:
Design by:
Developed by: Flash Coder Studio
Version: 1.0
License:
Tags:
*/
/*================================================
[ Table of contents ]
================================================
1 Theme Default
2 Manu Bar
3 Banner
4 Core Feature
5 Video Box
6 Benefits
7 Key Benefits
8 Recent Blogs
9 Partners
10 About Us
11 Our Mission
12 Our Values
13 Banking Experience
14 The founders
15 Interested Our Team
16 Pament Get Card
17 Invoices Card
18 Financial
19 Why They Prefer
20 Discover
21 Library
22 Financial Technology
23 Tab Section
24 Report Download
25 Our Services
26 Start Expanding
27 Financial Placnners
28 Refine Financial
29 Professionals
30 Client Testimonial
31 CTA
32 Our Story
33 Why Choose Us
34 Our Team
35 Partners Logo
36 Wealth
37 Investment Carts
38 Secure Investments
39 Progress List
40 Process Cards
41 Eligbility
42 Components Studio
43 Built By Developers
44 Grow With Peace
45 Stay Control
46 Powerfull Payment
47 Our Inverstors
48 Pricing
49 About The Team
50 Team Testimonial
51 Meet The Team
52 Perks and benefits
53 Your Voice Area
54 job-opportunities
55 Work Space
56 Job Filter
57 Abilable Job
58 Trasted By
59 Why Fincatch
60 Box Image Content
61 Wallet Integrations
62 Automated Payments
63 How To It Work
64 Use Case
65 Buisness
66 Contact
67 Map Area
68 Sponser
69 Footer
======================================
[ End table content ]
======================================*/
/*=====================
69 Footer
=======================*/
.footer-section.v1 .info-footer-content, .footer-section.v2 .info-footer-content, .footer-section.v3 .info-footer-content, .footer-section.v4 .info-footer-content, .footer-section.v5 .info-footer-content, .footer-section.v6 .info-footer-content, .footer-section.v7 .info-footer-content, .footer-section.v8 .info-footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-section.v1 .footer-logo a,
.footer-section.v1 .footer-logo img, .footer-section.v2 .footer-logo a,
.footer-section.v2 .footer-logo img, .footer-section.v3 .footer-logo a,
.footer-section.v3 .footer-logo img, .footer-section.v4 .footer-logo a,
.footer-section.v4 .footer-logo img, .footer-section.v5 .footer-logo a,
.footer-section.v5 .footer-logo img, .footer-section.v6 .footer-logo a,
.footer-section.v6 .footer-logo img, .footer-section.v7 .footer-logo a,
.footer-section.v7 .footer-logo img, .footer-section.v8 .footer-logo a,
.footer-section.v8 .footer-logo img {
max-width: 160px;
}
.footer-section.v1 .footer-logo a, .footer-section.v2 .footer-logo a, .footer-section.v3 .footer-logo a, .footer-section.v4 .footer-logo a, .footer-section.v5 .footer-logo a, .footer-section.v6 .footer-logo a, .footer-section.v7 .footer-logo a, .footer-section.v8 .footer-logo a {
display: inline-block;
}
.footer-section.v1 .footer-logo a img, .footer-section.v2 .footer-logo a img, .footer-section.v3 .footer-logo a img, .footer-section.v4 .footer-logo a img, .footer-section.v5 .footer-logo a img, .footer-section.v6 .footer-logo a img, .footer-section.v7 .footer-logo a img, .footer-section.v8 .footer-logo a img {
width: 100%;
}
.footer-section.v1 .footer-logo ~ .social-profile, .footer-section.v2 .footer-logo ~ .social-profile, .footer-section.v3 .footer-logo ~ .social-profile, .footer-section.v4 .footer-logo ~ .social-profile, .footer-section.v5 .footer-logo ~ .social-profile, .footer-section.v6 .footer-logo ~ .social-profile, .footer-section.v7 .footer-logo ~ .social-profile, .footer-section.v8 .footer-logo ~ .social-profile {
margin-top: 106px;
}
.footer-section.v1 .social-link, .footer-section.v2 .social-link, .footer-section.v3 .social-link, .footer-section.v4 .social-link, .footer-section.v5 .social-link, .footer-section.v6 .social-link, .footer-section.v7 .social-link, .footer-section.v8 .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.footer-section.v1 .social-link a, .footer-section.v2 .social-link a, .footer-section.v3 .social-link a, .footer-section.v4 .social-link a, .footer-section.v5 .social-link a, .footer-section.v6 .social-link a, .footer-section.v7 .social-link a, .footer-section.v8 .social-link a {
display: inline-block;
color: var(--color-white);
text-align: center;
border-radius: 50px;
}
.footer-section.v1 {
position: relative;
z-index: 1;
overflow: hidden;
background: var(--color-black);
}
.footer-section.v1 .staking-reward-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-section.v1 .staking-reward-content .title {
color: var(--color-white);
font-size: 48px;
line-height: 58px;
font-weight: 600;
}
.footer-section.v1 .staking-reward ~ .info-footer {
margin-top: 80px;
}
.footer-section.v1 .info-footer ~ .footer-main {
margin-top: 19px;
}
.footer-section.v1 .footer-logo ~ .social-profile {
margin-top: 106px;
}
.footer-section.v1 .social-profile .small-title {
font-size: 12px;
line-height: 22px;
color: var(--color-gBlack2);
text-transform: uppercase;
}
.footer-section.v1 .social-profile .small-title ~ .social-link {
margin-top: 8px;
}
.footer-section.v1 .social-link a {
width: 36px;
height: 36px;
color: var(--color-white);
font-size: 16px;
line-height: 36px;
background: var(--color-black2);
}
.footer-section.v1 .social-link a:hover {
color: var(--color-black2);
background: var(--color-blue);
}
.footer-section.v1 .info-footer-content {
padding: 80px 0px;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
.footer-section.v1 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
}
.footer-section.v1 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v1 .footer-widget:last-child {
width: 22%;
}
.footer-section.v1 .link-list li ~ li {
margin-top: 5px;
}
.footer-section.v1 .link-list a {
color: var(--color-gBlack3);
}
.footer-section.v1 .link-list a:hover {
color: var(--color-blue);
}
.footer-section.v1 .address-link-line .title {
color: var(--color-white);
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.footer-section.v1 .address-link-line .title ~ .link-line {
margin-top: 40px;
}
.footer-section.v1 .link-line a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding-bottom: 10px;
color: var(--color-white);
font-size: 18px;
opacity: 0.5;
line-height: 32px;
}
.footer-section.v1 .link-line a::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: var(--color-tr);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-section.v1 .link-line a i {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
font-size: 16px;
line-height: 30px;
color: var(--color-white);
}
.footer-section.v1 .link-line a:hover {
opacity: 1;
}
.footer-section.v1 .link-line a:hover::after {
background: var(--color-white);
}
.footer-section.v1 .bg-shap-1 {
position: absolute;
width: 55%;
height: 100%;
right: -20%;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
}
.footer-section.v1 .shap-1 {
position: absolute;
width: 356px;
height: 356px;
left: -200px;
bottom: 100px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
}
.footer-section.v2 {
position: relative;
overflow: hidden;
z-index: 1;
}
.footer-section.v2::before {
position: absolute;
content: "";
width: 30%;
height: 175px;
left: 0;
bottom: 0;
background: var(--color-blue3);
}
.footer-section.v2 .container {
position: relative;
z-index: 1;
}
.footer-section.v2 .container::before {
position: absolute;
content: "";
top: -130px;
left: 0;
width: 100vw;
height: calc(100% + 130px);
border-radius: 32px 0px 0px 0px;
background: var(--color-black4);
z-index: -1;
}
.footer-section.v2 .info-footer {
padding-left: 60px;
}
.footer-section.v2 .footer-logo a ~ .content-para {
margin-top: 28px;
}
.footer-section.v2 .footer-logo .content-para {
font-size: 16px;
font-weight: 500;
line-height: 32px;
color: var(--color-gBlack3);
}
.footer-section.v2 .footer-logo .content-para ~ .social-link {
margin-top: 32px;
}
.footer-section.v2 .social-link a {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
color: var(--color-white);
background: var(--color-black5);
}
.footer-section.v2 .social-link a:hover {
background: var(--color-green);
}
.footer-section.v2 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 18px;
line-height: 28px;
font-weight: 500;
text-transform: uppercase;
}
.footer-section.v2 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 24px;
}
.footer-section.v2 .link-list li ~ li {
margin-top: 19px;
}
.footer-section.v2 .link-list a {
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack3);
text-transform: capitalize;
border-bottom: 1px solid var(--color-tr);
}
.footer-section.v2 .link-list a:hover {
color: var(--color-green);
border-bottom: 1px solid var(--color-green);
}
.footer-section.v2 .info-footer-content ~ .footer-menu-links {
margin-top: 67px;
}
.footer-section.v2 .footer-menu-links,
.footer-section.v2 .footer-menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-section.v2 .footer-menu-links,
.footer-section.v2 .footer-main {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-section.v2 .footer-menu-links {
position: relative;
padding: 27px 0px;
gap: 30px;
}
.footer-section.v2 .footer-menu-links::before {
position: absolute;
content: "";
height: 1px;
width: 100vw;
top: 0;
left: 0;
background: var(--color-border2);
}
.footer-section.v2 .footer-menu-list {
gap: 48px;
}
.footer-section.v2 .footer-menu-list a {
color: var(--color-white);
font-weight: 700;
font-size: 14px;
line-height: 24px;
}
.footer-section.v2 .footer-menu-list a:hover {
color: var(--color-green);
}
.footer-section.v2 .bottom-top a {
display: inline-block;
width: 48px;
height: 48px;
font-size: 16px;
line-height: 48px;
border-radius: 50px;
color: var(--color-black);
text-align: center;
background: var(--color-blue3);
}
.footer-section.v2 .bottom-top a:hover {
color: var(--color-blue3);
background: var(--color-white);
}
.footer-section.v2 .footer-bg-shap-1 {
position: absolute;
width: 375px;
height: 338px;
left: -207px;
bottom: 225px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.footer-section.v3 {
background: var(--color-dGreen2);
}
.footer-section.v3 .staking-reward .all-btns {
gap: 20px;
}
.footer-section.v3 .staking-reward .all-btns .link-anime.v9,
.footer-section.v3 .staking-reward .all-btns .btn-anime.v9 {
gap: 30px;
padding: 22px 30px;
}
.footer-section.v3 .staking-reward .all-btns .link-anime.v9::after,
.footer-section.v3 .staking-reward .all-btns .btn-anime.v9::after {
font-size: 22px;
opacity: 0.3;
}
.footer-section.v3 .staking-reward .all-btns .link-anime.v9 {
padding: 17px 30px;
text-transform: inherit;
}
.footer-section.v3 .staking-reward ~ .info-footer {
margin-top: 71px;
}
.footer-section.v3 .info-footer-content {
padding: 90px 0px;
border-top: 1px solid var(--color-dGreen3);
border-bottom: 1px solid var(--color-dGreen3);
}
.footer-section.v3 .footer-widget {
width: 15%;
}
.footer-section.v3 .footer-widget:nth-child(1) {
width: 22%;
}
.footer-section.v3 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
}
.footer-section.v3 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v3 .footer-widget .footer-logo ~ .small-title {
margin-top: 19px;
}
.footer-section.v3 .footer-widget .small-title {
font-size: 20px;
font-weight: 500;
color: var(--color-white);
}
.footer-section.v3 .footer-widget .small-title ~ .para {
margin-top: 30px;
}
.footer-section.v3 .footer-widget .para {
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: var(--color-gBlack10);
}
.footer-section.v3 .link-list li ~ li {
margin-top: 10px;
}
.footer-section.v3 .link-list a {
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack10);
}
.footer-section.v3 .link-list a:hover {
color: var(--color-lime);
}
.footer-section.v3 .info-footer ~ .footer-contact {
margin-top: 31px;
}
.footer-section.v3 .footer-contact-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-section.v3 .footer-contact-content .small-title {
font-size: 12px;
line-height: 22px;
color: var(--color-gBlack2);
letter-spacing: 1.44px;
text-transform: uppercase;
font-weight: 700;
color: var(--color-white);
}
.footer-section.v3 .footer-contact-content .small-title ~ .social-link, .footer-section.v3 .footer-contact-content .small-title ~ .link-anime {
margin-top: 31px;
}
.footer-section.v3 .social-link a {
width: 36px;
height: 36px;
line-height: 36px;
background: var(--color-dGreen4);
}
.footer-section.v3 .social-link a:hover {
color: var(--color-black);
background: var(--color-lime);
}
.footer-section.v4 {
position: relative;
z-index: 1;
overflow: hidden;
background: var(--color-black4);
}
.footer-section.v4 .staking-reward-content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-section.v4 .staking-reward-content,
.footer-section.v4 .staking-reward-content .footer-subscribe,
.footer-section.v4 .staking-reward-content .inputFill {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-section.v4 .staking-reward-content .inputFill {
width: calc(100% - 158px);
}
.footer-section.v4 .staking-reward-content .inputFill input {
width: calc(100% - 30px);
}
.footer-section.v4 .staking-reward-content .title {
color: var(--color-white);
font-size: 48px;
line-height: 58px;
font-weight: 600;
width: calc(50% - 15px);
}
.footer-section.v4 .footer-subscribe {
width: calc(50% - 15px);
padding: 8px 10px 8px 32px;
border-radius: 5px;
background: var(--color-white);
}
.footer-section.v4 .footer-subscribe .inputFill i {
font-size: 24px;
color: var(--color-gBlack3);
}
.footer-section.v4 .footer-subscribe .inputFill input {
font-size: 18px;
color: var(--color-black4);
}
.footer-section.v4 .footer-subscribe .btn-anime {
padding: 10px 37px;
text-transform: uppercase;
border: 1px solid var(--color-red);
}
.footer-section.v4 .staking-reward ~ .info-footer {
margin-top: 80px;
}
.footer-section.v4 .info-footer ~ .footer-main {
margin-top: 19px;
}
.footer-section.v4 .footer-logo ~ .social-profile {
margin-top: 106px;
}
.footer-section.v4 .info-footer-content {
padding: 80px 0px;
border-top: 1px solid var(--color-border);
}
.footer-section.v4 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
}
.footer-section.v4 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v4 .link-list li ~ li {
margin-top: 5px;
}
.footer-section.v4 .link-list a {
color: var(--color-gBlack3);
}
.footer-section.v4 .link-list a:hover {
color: var(--color-red);
}
.footer-section.v4 .bg-img {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.footer-section.v4 .bg-img img {
width: 100%;
}
.footer-section.v5 {
position: relative;
z-index: 1;
}
.footer-section.v5::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60.71%, #000303), color-stop(97.63%, rgba(0, 3, 3, 0.13)));
background: linear-gradient(180deg, #000303 60.71%, rgba(0, 3, 3, 0.13) 97.63%);
z-index: -1;
}
.footer-section.v5 .staking-reward-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-section.v5 .staking-reward .cta-card {
padding: 62px 80px;
border-radius: 10px;
overflow: hidden;
}
.footer-section.v5 .staking-reward .cta-card .card-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.footer-section.v5 .staking-reward .cta-card .card-content .big-title {
font-size: 48px;
font-weight: 700;
line-height: 65px;
color: var(--color-white);
}
.footer-section.v5 .footer-widget {
width: 15%;
}
.footer-section.v5 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
}
.footer-section.v5 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v5 .footer-widget:last-child {
width: 22%;
}
.footer-section.v5 .link-list li ~ li {
margin-top: 5px;
}
.footer-section.v5 .link-list a {
position: relative;
font-size: 16px;
line-height: 26px;
color: var(--color-gBlack3);
}
.footer-section.v5 .link-list a::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
opacity: 0;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-section.v5 .link-list a:hover {
color: var(--color-white);
}
.footer-section.v5 .link-list a:hover::before {
opacity: 1;
}
.footer-section.v5 .address-link-line .title {
color: var(--color-white);
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.footer-section.v5 .address-link-line .title ~ .link-line {
margin-top: 40px;
}
.footer-section.v5 .link-line a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
padding-bottom: 10px;
color: var(--color-white);
font-size: 18px;
opacity: 0.5;
line-height: 32px;
}
.footer-section.v5 .link-line a::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: var(--color-tr);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-section.v5 .link-line a i {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
font-size: 16px;
line-height: 30px;
color: var(--color-white);
}
.footer-section.v5 .link-line a:hover {
opacity: 1;
}
.footer-section.v5 .link-line a:hover::after {
background: var(--color-white);
}
.footer-section.v5 .social-link-list li ~ li {
margin-top: 16px;
}
.footer-section.v5 .social-link-list a {
position: relative;
color: var(--color-white);
font-size: 16px;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-section.v5 .social-link-list a i,
.footer-section.v5 .social-link-list a span {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-section.v5 .social-link-list a i:nth-child(1) {
opacity: 0.5;
font-size: 20px;
margin-right: 30px;
}
.footer-section.v5 .social-link-list a i:nth-child(2) {
top: -3px;
font-size: 16px;
line-height: 30px;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.footer-section.v5 .social-link-list a i:nth-child(2),
.footer-section.v5 .social-link-list a span {
position: absolute;
right: 0;
}
.footer-section.v5 .social-link-list a:hover {
color: var(--color-lBlue3);
}
.footer-section.v5 .social-link-list a:hover i:nth-child(1) {
opacity: 1;
}
.footer-section.v6 .staking-reward .card-content {
border-bottom: 1px solid var(--color-border6);
}
.footer-section.v6 .staking-reward .big-title {
width: calc(50% - 150px);
color: var(--color-white);
font-size: 36px;
line-height: 46px;
font-weight: 700;
}
.footer-section.v6 .staking-reward .box-info {
width: 226px;
}
.footer-section.v6 .staking-reward .box-info img {
width: 100%;
}
.footer-section.v6 .staking-reward .subscribe {
width: calc(50% - 150px);
}
.footer-section.v6 .staking-reward .subscribe input {
width: 100%;
padding: 20px 24px;
border-radius: 25px;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: var(--color-white);
border: 1px solid var(--color-border6);
background: var(--color-black11);
}
.footer-section.v6 .staking-reward .subscribe input ~ button {
margin-top: 14px;
}
.footer-section.v6 .staking-reward .subscribe button {
padding: 16px 40px;
}
.footer-section.v6 .info-footer-content {
padding: 90px 0px 70px 0px;
}
.footer-section.v6 .footer-widget {
width: calc(20% - 25px);
}
.footer-section.v6 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
}
.footer-section.v6 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 45px;
}
.footer-section.v6 .footer-widget .link-list li ~ li {
margin-top: 20px;
}
.footer-section.v6 .footer-widget .link-list a {
color: var(--color-gBlack15);
}
.footer-section.v6 .footer-widget .link-list a:hover {
color: var(--color-white);
}
.footer-section.v6 .card-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.footer-section.v7 .cta {
border-radius: 128px 128px 0px 0px;
}
.footer-section.v7 .cta .section-title-center-white .title-para {
color: var(--color-white);
}
.footer-section.v7 .cta .section-title-center-white ~ .email-container {
margin-top: 60px;
}
.footer-section.v7 .cta .email-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 6px 10px 6px 0px;
max-width: 500px;
gap: 15px;
border-radius: 50px;
background: #e5f2ff;
margin: 0 auto;
}
.footer-section.v7 .cta .email-container .input-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(78% - 50px);
}
.footer-section.v7 .cta .email-container i {
padding: 0px 14px 0px 33px;
font-size: 18px;
color: rgba(0, 22, 54, 0.6);
}
.footer-section.v7 .cta .email-container input {
padding: 0;
width: calc(100% - 70px);
height: 100%;
font-size: 18px;
font-weight: 400;
color: var(--color-black);
background: var(--color-tr);
}
.footer-section.v7 .cta .email-container .btn-anime {
padding: 12px 20px;
font-size: 16px;
line-height: 26px;
}
.footer-section.v7 .footer-contact,
.footer-section.v7 .info-footer {
background: var(--color-dBlue3);
}
.footer-section.v7 .footer-contact .footer-contact-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-section.v7 .footer-contact .contact-info .title {
font-size: 32px;
line-height: 42px;
font-weight: 700;
color: var(--color-white);
}
.footer-section.v7 .footer-contact .contact-info .title ~ .title-pera {
margin-top: 15px;
}
.footer-section.v7 .footer-contact .contact-info .title-pera {
font-size: 18px;
font-weight: 400;
color: var(--color-white);
}
.footer-section.v7 .footer-contact .head-office .title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-decoration: underline;
color: var(--color-white);
}
.footer-section.v7 .footer-contact .head-office .title ~ .info-address {
margin-top: 15px;
}
.footer-section.v7 .footer-contact .head-office .info-address {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: var(--color-white);
}
.footer-section.v7 .footer-contact .contact-number li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.footer-section.v7 .footer-contact .contact-number li ~ li {
margin-top: 15px;
}
.footer-section.v7 .footer-contact .contact-number li .text {
font-size: 14px;
line-height: 24px;
}
.footer-section.v7 .footer-contact .contact-number li .text,
.footer-section.v7 .footer-contact .contact-number li a {
color: var(--color-white);
}
.footer-section.v7 .footer-contact .contact-number li a:hover,
.footer-section.v7 .footer-contact .contact-number li .my-icon {
color: var(--color-dBlue);
}
.footer-section.v7 .info-footer-content {
padding: 80px 0px;
border-top: 1px solid var(--color-black13);
}
.footer-section.v7 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 14px;
line-height: 24px;
font-weight: 500;
opacity: 0.5;
}
.footer-section.v7 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v7 .footer-widget .link-list li ~ li {
margin-top: 15px;
}
.footer-section.v7 .footer-widget .link-list a {
color: var(--color-white);
font-size: 16px;
font-weight: 500;
}
.footer-section.v7 .footer-widget .link-list a:hover {
opacity: 0.6;
}
.footer-section.v8 .cta {
position: relative;
overflow: hidden;
background: var(--color-dGreen8);
z-index: 1;
}
.footer-section.v8 .cta .slide-1,
.footer-section.v8 .cta .slide-2,
.footer-section.v8 .cta .slide-3 {
position: absolute;
bottom: 0;
z-index: -1;
}
.footer-section.v8 .cta .slide-1 {
left: 0;
}
.footer-section.v8 .cta .slide-2 {
left: 634px;
}
.footer-section.v8 .cta .slide-3 {
right: 0;
}
.footer-section.v8 .cta .section-title-white ~ .all-btns {
margin-top: 0;
}
.footer-section.v8 .big-title {
text-transform: inherit;
}
.footer-section.v8 .info-footer {
background: #013830;
}
.footer-section.v8 .info-footer-content {
border-top: 1px solid rgba(255, 255, 255, 0.1882352941);
}
.footer-section.v8 .footer-widget .footer-widget-title {
color: var(--color-white);
font-size: 22px;
line-height: 32px;
font-weight: 700;
text-transform: capitalize;
}
.footer-section.v8 .footer-widget .footer-widget-title ~ .footer-widget-content {
margin-top: 26px;
}
.footer-section.v8 .link-list li ~ li {
margin-top: 5px;
}
.footer-section.v8 .link-list a {
color: var(--color-gBlack3);
}
.footer-section.v8 .link-list a:hover {
color: var(--color-white);
}
.footer-main.v1 .footer-main-content, .footer-main.v2 .footer-main-content, .footer-main.v3 .footer-main-content, .footer-main.v4 .footer-main-content, .footer-main.v5 .footer-main-content, .footer-main.v6 .footer-main-content, .footer-main.v7 .footer-main-content, .footer-main.v8 .footer-main-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-main.v1 .text, .footer-main.v2 .text, .footer-main.v3 .text, .footer-main.v4 .text, .footer-main.v5 .text, .footer-main.v6 .text, .footer-main.v7 .text, .footer-main.v8 .text {
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.footer-main.v1 .text {
color: var(--color-white);
}
.footer-main.v1 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v1 .text a:hover {
color: var(--color-blue);
border-bottom: 1px solid var(--color-blue);
}
.footer-main.v2 {
position: relative;
padding: 25px 0px 25px 60px;
z-index: 1;
}
.footer-main.v2::before {
position: absolute;
content: "";
top: 0;
left: -15px;
height: 100%;
width: 100vw;
background: var(--color-black6);
z-index: -1;
}
.footer-main.v2 .footer-main-content {
gap: 30px;
}
.footer-main.v2 .text {
font-size: 14px;
line-height: 24px;
color: var(--color-white);
}
.footer-main.v2 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v2 .text a:hover {
color: var(--color-green);
border-bottom: 1px solid var(--color-green);
}
.footer-main.v3 {
padding: 25px 0px;
}
.footer-main.v3 .text {
color: var(--color-black);
}
.footer-main.v3 .text a {
color: var(--color-black);
border-bottom: 1px solid var(--color-black);
}
.footer-main.v3 .text a:hover {
color: var(--color-dGreen);
border-bottom: 1px solid var(--color-dGreen);
}
.footer-main.v4 .footer-main-content {
padding: 25px 0px;
border-top: 1px solid var(--color-border);
}
.footer-main.v4 .text {
color: var(--color-white);
}
.footer-main.v4 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-black4);
}
.footer-main.v4 .text a:hover {
color: var(--color-red);
border-bottom: 1px solid var(--color-red);
}
.footer-main.v5 {
background: var(--color-black7);
}
.footer-main.v5 .footer-main-content {
padding: 20px 0px;
}
.footer-main.v5 .text {
color: var(--color-white);
}
.footer-main.v5 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v5 .text a:hover {
color: var(--color-lBlue3);
border-bottom: 1px solid var(--color-lBlue3);
}
.footer-main.v6 {
background: var(--color-tr);
}
.footer-main.v6 .footer-main-content {
padding: 18px 0px 80px 0px;
border-top: 1px solid var(--color-border6);
}
.footer-main.v6 .text {
color: var(--color-white);
}
.footer-main.v6 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v6 .text a:hover {
color: var(--color-lBlue3);
border-bottom: 1px solid var(--color-lBlue3);
}
.footer-main.v6 .social-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.footer-main.v6 .social-link a {
width: 35px;
height: 35px;
text-align: center;
font-size: 13px;
line-height: 33px;
border-radius: 50px;
border: 1px solid var(--color-border6);
}
.footer-main.v6 .social-link a:hover {
background: var(--color-lBlue3);
}
.footer-main.v7 {
background: var(--color-dBlue3);
}
.footer-main.v7 .footer-main-content {
padding: 20px 0px;
border-top: 1px solid var(--color-black13);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-main.v7 .text {
color: var(--color-white);
}
.footer-main.v7 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v7 .text a:hover {
color: var(--color-lBlue3);
border-bottom: 1px solid var(--color-lBlue3);
}
.footer-main.v8 {
background: #013830;
}
.footer-main.v8 .footer-main-content {
padding: 20px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.1882352941);
}
.footer-main.v8 .text {
color: var(--color-white);
}
.footer-main.v8 .text a {
color: var(--color-white);
border-bottom: 1px solid var(--color-white);
}
.footer-main.v8 .text a:hover {
color: var(--color-green5);
border-bottom: 1px solid var(--color-green5);
}