/*
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 ]
======================================*/
/* =================
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;
}
@media (max-width: 1400px) {
/*=====================
1 Theme Default
=======================*/
/* Generate Margin Classes */
/* Generate Margin Direction Classes */
.ml-xxl-0 {
margin-left: 0px;
}
.mr-xxl-0 {
margin-right: 0px;
}
/* Generate Padding Classes */
.pt-xxl-130 {
padding-top: 130px;
}
.pb-xxl-130 {
padding-bottom: 130px;
}
/* Generate Padding Direction Classes */
.pl-xxl-0 {
padding-left: 0px;
}
.pl-xxl-40 {
padding-left: 40px;
}
.pr-xxl-0 {
padding-right: 0px;
}
.pr-xxl-40 {
padding-right: 40px;
}
.pr-xxl-50 {
padding-right: 50px;
}
/*=====================
2 Manu Bar
=======================*/
.menu-bar.v3 .container-fluid, .menu-bar.v4 .container-fluid, .menu-bar.v8 .container-fluid {
max-width: 1140px;
}
.menu-bar.v8 .menu-right .right-menur-btns {
gap: 15px;
}
.top-bar.v1 .top-content, .top-bar.v2 .top-content, .top-bar.v3 .top-content {
padding: 45px 0px;
}
.top-bar.v1 .container-fluid {
max-width: 1140px;
}
/*=====================
3 Banner
=======================*/
.banner.v1 .banner-content {
padding: 150px 0px;
}
.banner.v1 .big-title {
font-size: 80px;
line-height: 105px;
}
.banner.v1 .banner-img {
width: 400px;
}
.banner.v2 .banner-content {
padding: 180px 0px;
}
.banner.v2 .big-title {
font-size: 50px;
line-height: 60px;
}
.banner.v2 .content-text {
padding-right: 0;
}
.banner.v3 .banner-content .big-title {
font-size: 50px;
line-height: 60px;
}
.banner.v4 .container-fluid {
max-width: 1140px;
}
.banner.v4 .banner-content {
padding: 255px 21vw 255px 17vw;
}
.banner.v4 .banner-content .left-img-1 img, .banner.v4 .banner-content .left-img-2 img, .banner.v4 .banner-content .right-img-1 img, .banner.v4 .banner-content .right-img-2 img {
width: 100%;
}
.banner.v4 .banner-content .left-img-1 {
width: calc(14vw + 7px);
}
.banner.v4 .banner-content .left-img-2 {
width: calc(14vw - 15px);
}
.banner.v4 .banner-content .right-img-1 {
width: calc(14vw + 7px);
right: calc(4vw - 2px);
}
.banner.v4 .banner-content .right-img-2 {
width: calc(17vw + 20px);
}
.banner.v4 .banner-content .play-video {
bottom: 90px;
}
.banner.v5 .banner-content {
padding: 150px 0px 0px 0px;
}
.banner.v5 .banner-content .big-title {
font-size: 80px;
line-height: 105px;
}
.banner.v5 .banner-content .all-btns ~ .features {
margin-top: 130px;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v2 .features-card {
padding: 55px 49px;
}
/*=====================
8 Recent Blogs
=======================*/
.recent-blogs.v5 .alert-img {
right: 30px;
max-width: 255px;
}
/*=====================
10 About Us
=======================*/
.about-us.v1 .about-right {
padding-left: 0;
}
/*==========================
13 Banking Experience
============================*/
.banking-experience.v1 .banking-card-title ~ .card-description {
margin-top: 60px;
}
.banking-experience.v1 .banking-card-title {
padding: 25px 0px;
}
.banking-experience.v1 .banking-card-title h2 {
font-size: 95px;
line-height: 115px;
}
.banking-experience.v1 .banking-card-title ~ .card-description {
margin-top: 40px;
}
.banking-experience.v1 .banking-card-img {
margin-right: 30px;
}
.banking-experience.v1 .card-description ~ .read-more {
margin-top: 35px;
}
/*=========================
16 Pament Get Card
===========================*/
.pamentget-card.v1 .pament-card-img {
margin-left: 0px;
}
.pamentget-card.v1 .pay-catch-card {
margin-left: 0;
}
/*=========================
19 Why They Prefer
===========================*/
.why-they-prefer.v1 .quick-support-img .quick-para, .why-they-prefer.v1 .digital-visa-card-img .quick-para {
padding: 25px 35px;
}
.why-they-prefer.v1 .the-world-box {
padding: 30px;
}
/*=========================
24 Report Download
===========================*/
.report-download.v1 .report-img-right li:nth-child(1) {
width: 95px;
height: 95px;
}
.report-download.v1 .report-img-right li:nth-child(2) {
width: 140px;
height: 140px;
}
.report-download.v1 .report-img-right li:nth-child(3) {
width: 180px;
height: 180px;
}
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 .container-fluid {
max-width: 1140px;
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v1 .container-fluid {
max-width: 1320px;
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 .team-card .content-right img {
width: 100%;
}
/*=========================
35 Partners Logo
===========================*/
.partners-logo.v3 .slider a {
width: 100%;
}
/*=========================
36 Wealth
===========================*/
.wealth.v1 .ball-logo {
max-width: 230px;
bottom: -106px;
right: -53px;
}
.wealth.v1 .wealth-contant .wealth-number {
font-size: 60px;
line-height: 70px;
}
/*=========================
42 Components Studio
===========================*/
.component-studio.v1 .component-studio-img .accept-send-link, .component-studio.v1 .component-studio-img .cash-out-img, .component-studio.v1 .component-studio-img .facilitate-text {
width: 33.3333333%;
}
.component-studio.v1 .component-studio-img .cash-out-img::before {
width: 380px;
height: 380px;
left: -55px;
}
.component-studio.v1 .component-studio-img .accept-send-link {
-webkit-transform: translateY(-95px);
transform: translateY(-95px);
}
.component-studio.v1 .component-studio-img .facilitate-text {
-webkit-transform: translateY(105px);
transform: translateY(105px);
}
/*===========================
43 Built By Developers
=============================*/
.built-by-developers.v1 .big-img img {
width: calc(100% - 30px);
margin-left: 0;
}
.built-by-developers.v1 .big-img .small-img {
right: -30px;
}
/*=========================
47 Our Inverstors
===========================*/
.our-inverstors.v1 .calculate-growth .calculate-growth-title {
font-size: 50px;
line-height: 60px;
}
/*============================
51 Meet The Team
==============================*/
.meet-the-team .meet-the-team-members .member {
width: calc(33.3333333% - 20px);
}
}
@media (max-width: 1199px) {
/*=====================
1 Theme Default
=======================*/
/* Generate Margin Classes */
.mt-xl-50 {
margin-top: 50px;
}
.mt-xl-120 {
margin-top: 120px;
}
.mb-xl-10 {
margin-bottom: 10px;
}
/* Generate Margin Direction Classes */
.ml-xl-0 {
margin-left: 0px;
}
.mr-xl-0 {
margin-right: 0px;
}
/* Generate Padding Classes */
.pt-xl-10 {
padding-top: 10px;
}
.pt-xl-100 {
padding-top: 100px;
}
.pb-xl-80 {
padding-bottom: 80px;
}
.pb-xl-100 {
padding-bottom: 100px;
}
/* Generate Padding Direction Classes */
.pl-xl-0 {
padding-left: 0px;
}
.pr-xl-0 {
padding-right: 0px;
}
.link-anime {
padding: 19px 26px;
}
.btn-anime {
padding: 21.2px 35px;
}
/*=====================
2 Manu Bar
=======================*/
.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 {
gap: 15px;
}
.menu-bar.v2 .main-menu > ul, .menu-bar.v5 .main-menu > ul, .menu-bar.v7 .main-menu > ul, .menu-bar.v8 .main-menu > ul {
gap: 10px;
}
.menu-bar.v1 .main-menu > ul {
gap: 5px;
}
.menu-bar.v1 .main-menu > ul > li > a {
padding: 30px 13px;
}
.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 {
gap: 15px;
}
.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 {
padding: 30px 0px;
}
.menu-bar.v3 .container-fluid, .menu-bar.v4 .container-fluid, .menu-bar.v8 .container-fluid {
max-width: 960px;
}
.menu-bar.v4 .header-search {
width: 800px;
}
.menu-bar.v8 {
padding: 20px 0px;
}
.menu-bar.v8 .main-menu {
display: none;
}
.menu-bar.v8 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v8 .menu-right .right-menur-btns li:nth-child(2) {
display: none;
}
.menu-bar.v8 .menu-right .right-menur-btns li:nth-child(3) {
display: inline-block;
}
.menu-bar.v8 .menu-right .right-menur-btns li button.siderbar-btns {
display: none;
}
.menu-bar.v8 .menu-right .right-menur-btns li button.mobile-btns {
display: inline-block;
}
.top-bar.v1 .container-fluid {
max-width: 960px;
}
/*=====================
3 Banner
=======================*/
.banner.v1 .banner-img, .banner.v1 .bg-shap-2, .banner.v1 .bg-shap-3 {
display: none;
}
.banner.v4 .big-title {
font-size: 40px;
line-height: 65px;
}
.banner.v4 .container-fluid {
max-width: 960px;
}
.banner.v5 .features {
padding: 50px;
}
.banner.v7, .banner.v8 {
border-radius: 0;
}
.banner.v7 .banner-content, .banner.v8 .banner-content {
padding: 120px 0px;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v1 .core-list-card li {
padding: 50px;
}
.core-feature.v1 .core-list-card .core-list-text {
width: calc(65% - 15px);
}
.core-feature.v1 .core-list-card .core-list-img {
width: 250px;
}
.core-feature.v2 .features-card {
padding: 55px 35px;
}
.core-feature.v2 .features-card .card-title {
font-size: 22px;
line-height: 32px;
}
.core-feature.v2 .features-card .card-title ~ .read-more {
margin-top: 50px;
}
/*=====================
5 Video Box
=======================*/
.video-box.v1 .earn-staking {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.video-box.v1 .earn-staking .content-left {
width: 100%;
}
.video-box.v3 .video-card-box {
border-radius: 0;
}
/*=====================
6 Benefits
=======================*/
.benefits.v1 .benefits-card {
padding: 0px 45px 60px 45px;
margin-top: 80px;
}
.benefits.v1 .benefits-card .benefits-img {
margin: 0px 0px -169px -45px;
}
.benefits.v1 .benefits-card .title ~ .para {
margin-top: 30px;
}
.benefits.v1 .row > div:nth-child(1) .benefits-card, .benefits.v1 .row > div:nth-child(2) .benefits-card {
margin-top: 80px;
}
/*=====================
10 About Us
=======================*/
.about-us.v1 .about-right {
margin-top: 50px;
}
/*=====================
11 Our Mission
=======================*/
.our-mission.v1 .our-mission-card {
padding: 70px 30px;
}
.our-mission.v2 .our-mission-logo li:nth-child(1) {
width: 160px;
height: 160px;
margin-left: auto;
}
.our-mission.v2 .our-mission-logo li:nth-child(2) {
width: 195px;
height: 195px;
margin-top: -115px;
}
.our-mission.v2 .our-mission-logo li:nth-child(3) {
width: 80px;
height: 80px;
margin: -65px 0px 0px auto;
}
.our-mission.v2 .our-mission-logo li:nth-child(4) {
width: 140px;
height: 140px;
margin: 0 auto;
}
/*==========================
13 Banking Experience
============================*/
.banking-experience.v1 .banking-card-img {
margin-right: 0px;
}
/*=========================
16 Pament Get Card
===========================*/
.pamentget-card.v1 .pament-card-img {
padding-right: 30px;
}
/*=========================
18 Financial
===========================*/
.financial.v1 .chart-img-content {
max-width: 350px;
}
/*=========================
19 Why They Prefer
===========================*/
.why-they-prefer.v1 .the-world-box {
padding: 15px;
}
.why-they-prefer.v1 .the-world-box .text-content .text-numbber {
font-size: 65px;
line-height: 80px;
}
.why-they-prefer.v1 .the-world-box .text-content ~ img {
margin-top: 27px;
}
/*============================
22 Financial Technology
==============================*/
.financial-technology.v1 .img-right {
margin-top: 50px;
}
/*====================
23 Tab Section
======================*/
.tab-section.v1 .nav-tabs button {
padding: 23px;
}
.tab-section.v1 .section-title ~ .expolor-payment {
margin-top: 50px;
}
/*=========================
25 Our Services
===========================*/
.our-services.v1 .services-list li {
padding: 70px 60px;
}
.our-services.v1 .services-list li .services-count {
font-size: 90px;
}
.our-services.v1 .services-list li .services-title {
font-size: 24px;
}
.our-services.v2 .row > div:nth-child(4) .service-card {
margin-top: 30px;
}
.our-services.v3 {
border-radius: 0;
}
.our-services.v3 .service-cards li:nth-child(2) {
margin-bottom: 0;
}
.our-services.v3 .service-content-right {
margin: 50px 0px 0px 0px;
}
.our-services.v3 .service-content-right br {
display: none;
}
.our-services.v3 .section-title.v8 .title-para ~ .title-para {
margin-top: 4px;
}
/*=========================
26 Start Expanding
===========================*/
.start-expanding.v1 .img-right {
text-align: inherit;
margin-bottom: 0px;
}
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 .container-fluid {
max-width: 960px;
}
/*=========================
28 Refine Financial
===========================*/
.refine-financial.v1 .financial-icon ~ .card-contant {
width: 100%;
margin-top: 0px;
}
.refine-financial.v1 .refineFinancial-card .card-title ~ .card-para {
margin-top: 30px;
}
/*=========================
29 Professionals
===========================*/
.professionals.v1 .row > div:nth-child(3) .person-card, .professionals.v1 .row > div:nth-child(4) .person-card {
margin-top: 30px;
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v1 .client-testimonial-content {
border-radius: 0px;
margin-top: 0;
}
.client-testimonial.v1 .container-fluid {
max-width: 960px;
}
.client-testimonial.v3 .client-card.small-card {
padding: 30px;
}
.client-testimonial.v4 .row > div:nth-child(3) .client-card {
margin-top: 30px;
}
/*=========================
32 Our Story
===========================*/
.our-story.v1 .section-title-white {
padding-right: 25px;
}
.our-story.v1 .story-img-right {
padding-left: 0px;
}
.our-story.v1 .story-img-right img {
width: 100%;
}
/*=========================
33 Why Choose Us
===========================*/
.why-choose-us.v1 {
display: block;
}
.why-choose-us.v1 .why-choose-us-cards {
gap: 30px;
}
.why-choose-us.v1 .why-choose-us-cards li {
width: calc(50% - 15px);
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 .fun-facts li {
width: calc(25% - 25px);
}
.our-team.v1 .team-card {
padding: 50px;
}
.our-team.v1 .team-card .content-left, .our-team.v1 .team-card .content-right {
padding: 0;
}
.our-team.v1 .team-card .content-right {
margin-left: 0;
}
/*=========================
35 Partners Logo
===========================*/
.partners-logo.v4 .partners-logo-main .partners-logo-title {
width: calc(45% + 15px);
}
/*=========================
36 Wealth
===========================*/
.wealth.v1 .wealth-img, .wealth.v1 .wealth-contant {
width: 50%;
}
.wealth.v1 .wealth-contant {
padding: 50px;
}
.wealth.v1 .ball-logo {
max-width: 150px;
bottom: -70px;
right: -37px;
}
/*=========================
39 Progress List
===========================*/
.progress-list li ~ li::before, .progress-list li ~ li::after, .progress-list li ~ li > .percent::before, .progress-list li ~ li > .percent::after {
content: none;
}
/*=====================
40 Process Cards
=======================*/
.process-list {
border-radius: 0px;
}
/*=====================
41 Eligbility
=======================*/
.eligbility {
border-radius: 0px;
}
/*=========================
42 Components Studio
===========================*/
.component-studio.v1 .component-studio-img {
padding: 80px 60px;
}
.component-studio.v1 .component-studio-img .cash-out-img::before {
width: 290px;
height: 290px;
left: -20px;
}
.component-studio.v1 .component-studio-img .facilitate-text .text {
font-size: 18px;
line-height: 28px;
}
.component-studio.v1 .component-studio-img .facilitate-text .text br {
display: none;
}
.component-studio.v1 .container::before, .component-studio.v1 .container::after, .component-studio.v1 .payment-flows::before, .component-studio.v1 .component::before, .component-studio.v1 .component::after {
content: none;
}
.component-studio.v1 .component-box .box-screenshot.v1 {
padding: 45px;
}
.component-studio.v1 .component-box .mask-img-1 {
left: 0;
}
.component-studio.v1 .component-box .section-title-center {
padding: 0px 45px;
}
.component-studio.v1 .component-box .payment-under-left {
margin-top: 0;
}
.component-studio.v1 .component-box .calculateGrowth {
margin-bottom: 0;
}
.component-studio.v1 .component-box .box-screenshot.v2 {
padding: 45px;
}
/*========================
44 Grow With Peace
==========================*/
.grow-with-peace.v1 .bg-slide {
display: none;
}
/*=====================
45 Stay Control
=======================*/
.stay-control.v1 .bg-slider {
display: none;
}
/*=========================
46 Powerfull Payment
===========================*/
.powerful-payment.v1 .row > div:nth-child(3) .powerful-payment-card, .powerful-payment.v1 .row > div:nth-child(4) .powerful-payment-card {
margin-top: 30px;
}
/*============================
48 Pricing
==============================*/
.pricing .row > div:nth-child(3) .plan-card {
margin-top: 30px;
}
/*============================
49 About The Team
==============================*/
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card {
width: calc(50% - 30px);
}
.aboutTheTeam .aboutTheTeam-right-img {
margin-top: 50px;
}
/*=========================
52 Perks and benefits
===========================*/
.perks-and-benefits.v1 .row > div:nth-child(3) .perks-and-benefits-item, .perks-and-benefits.v2 .row > div:nth-child(3) .perks-and-benefits-item {
margin-top: 30px;
}
.perks-and-benefits.v1 .perks-and-benefits-item {
margin-top: 30px;
}
.perks-and-benefits.v2 .section-title .title-para {
margin-top: 30px;
}
.perks-and-benefits.v2 .perks-and-benefits-item {
margin-top: 30px;
}
/*=========================
53 Your Voice Area
===========================*/
.your-voice-area .content-left .section-title .big-title ~ .title-para, .your-voice-area .content-left .section-title ~ .author, .your-voice-area .content-left .author-comment {
margin-top: 30px;
}
.your-voice-area .content-right-img {
padding-left: 0;
padding-top: 50px;
}
/*=========================
54 job-opportunities
===========================*/
.job-opportunities .title-pera {
margin-top: 30px;
}
.job-opportunities .row > div:nth-child(3) .job-card {
margin-top: 30px;
}
/*=========================
56 Job Filter
===========================*/
.job-filter .categories > li {
width: calc(50% - 30px);
margin-top: 30px;
}
.job-filter .categories > li:nth-child(1), .job-filter .categories > li:nth-child(2) {
margin-top: 0;
}
/*=====================
59 Why Fincatch
=======================*/
.why-fincatch .right-contant .big-img {
margin-top: 50px;
}
.why-fincatch .row > div:nth-child(3) .why-fincatch-card, .why-fincatch .row > div:nth-child(4) .why-fincatch-card {
margin-top: 30px;
}
/*=========================
61 Wallet Integrations
===========================*/
.wallet-integrations .integrations-circle {
width: 733px;
height: 733px;
}
.wallet-integrations .integrations-circle .pament-item-1, .wallet-integrations .integrations-circle .pament-item-3 {
left: -98px;
}
.wallet-integrations .integrations-circle .pament-item-2 {
right: -98px;
}
.wallet-integrations .integrations-circle .pament-item-4 {
right: -80px;
}
.wallet-integrations .integrations-circle i {
width: 150px;
height: 150px;
font-size: 70px;
line-height: 150px;
}
/*=========================
65 Buisness
===========================*/
.blog-details-container {
width: 100%;
}
.business .tag-link ~ .big-title, .business .big-title ~ .post-info, .business .section-title ~ .socialTop {
margin-top: 30px;
}
.business .section-title {
width: 100%;
}
.business .post-info {
gap: 20px;
}
.business .socialTop {
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: 15px;
}
.business .socialTop a {
font-size: 16px;
width: 50px;
height: 50px;
color: var(--color-black);
line-height: 50px;
border: 1px solid #dddde3;
}
.business .socialTop a::before {
content: none;
}
.business .socialTop a:hover {
width: 50px;
height: 50px;
background: var(--color-blue);
}
.text-big-title {
margin-top: 30px;
}
.realTime {
gap: 15px;
}
.realTime .realTime-head, .realTime .realTime-para {
width: 100%;
}
.text-para ~ .realTime, .realTime ~ .text-para, .blog-details-container ~ .mask-img, .mask-img ~ .blog-details-container, .tag-social-link {
margin-top: 50px;
}
.mask-img {
margin: 0px;
}
.codePost {
padding: 30px;
}
.all-comments ~ .leaveAReply {
margin-top: 40px;
}
/*=====================
69 Footer
=======================*/
.footer-section.v2 .info-footer {
padding-left: 30px;
}
.footer-section.v2 .footer-widget {
width: calc(25% - 15px);
}
.footer-section.v3 .footer-widget:nth-child(1) {
width: 25%;
}
.footer-section.v4 .staking-reward-content .title {
font-size: 40px;
line-height: 50px;
}
.footer-section.v6 .staking-reward .big-title {
font-size: 25px;
line-height: 35px;
}
.footer-section.v8 .big-title {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 991px) {
/*=====================
1 Theme Default
=======================*/
/* Generate Margin Classes */
.mt-lg-30 {
margin-top: 30px;
}
/* Generate Margin Direction Classes */
.ml-lg-0 {
margin-left: 0px;
}
.mr-lg-0 {
margin-right: 0px;
}
/* Generate Padding Classes */
.pt-lg-50 {
padding-top: 50px;
}
.pt-lg-85 {
padding-top: 85px;
}
.pt-lg-100 {
padding-top: 100px;
}
.pb-lg-50 {
padding-bottom: 50px;
}
.pb-lg-80 {
padding-bottom: 80px;
}
.pb-lg-85 {
padding-bottom: 85px;
}
.pb-lg-100 {
padding-bottom: 100px;
}
/* Generate Padding Direction Classes */
.w-lg-80-15 {
width: calc(80% - 15px);
}
.section-title.v1 .title-left-right-center .w-80-15, .section-title.v1 .title-left-right-center .w-80-15, .section-title.v1 .title-left-right-end .w-80-15, .section-title.v1 .title-left-right-end .w-80-15, .section-title.v5 .title-left-right-center .w-80-15, .section-title.v5 .title-left-right-center .w-80-15, .section-title.v5 .title-left-right-end .w-80-15, .section-title.v5 .title-left-right-end .w-80-15, .section-title.v6 .title-left-right-center .w-80-15, .section-title.v6 .title-left-right-center .w-80-15, .section-title.v6 .title-left-right-end .w-80-15, .section-title.v6 .title-left-right-end .w-80-15, .section-title.v7 .title-left-right-center .w-80-15, .section-title.v7 .title-left-right-center .w-80-15, .section-title.v7 .title-left-right-end .w-80-15, .section-title.v7 .title-left-right-end .w-80-15, .section-title.v8 .title-left-right-center .w-80-15, .section-title.v8 .title-left-right-center .w-80-15, .section-title.v8 .title-left-right-end .w-80-15, .section-title.v8 .title-left-right-end .w-80-15, .section-title.v9 .title-left-right-center .w-80-15, .section-title.v9 .title-left-right-center .w-80-15, .section-title.v9 .title-left-right-end .w-80-15, .section-title.v9 .title-left-right-end .w-80-15, .section-title-center.v1 .title-left-right-center .w-80-15, .section-title-center.v1 .title-left-right-center .w-80-15, .section-title-center.v1 .title-left-right-end .w-80-15, .section-title-center.v1 .title-left-right-end .w-80-15, .section-title-center.v5 .title-left-right-center .w-80-15, .section-title-center.v5 .title-left-right-center .w-80-15, .section-title-center.v5 .title-left-right-end .w-80-15, .section-title-center.v5 .title-left-right-end .w-80-15, .section-title-center.v6 .title-left-right-center .w-80-15, .section-title-center.v6 .title-left-right-center .w-80-15, .section-title-center.v6 .title-left-right-end .w-80-15, .section-title-center.v6 .title-left-right-end .w-80-15, .section-title-center.v7 .title-left-right-center .w-80-15, .section-title-center.v7 .title-left-right-center .w-80-15, .section-title-center.v7 .title-left-right-end .w-80-15, .section-title-center.v7 .title-left-right-end .w-80-15, .section-title-center.v8 .title-left-right-center .w-80-15, .section-title-center.v8 .title-left-right-center .w-80-15, .section-title-center.v8 .title-left-right-end .w-80-15, .section-title-center.v8 .title-left-right-end .w-80-15, .section-title-center.v9 .title-left-right-center .w-80-15, .section-title-center.v9 .title-left-right-center .w-80-15, .section-title-center.v9 .title-left-right-end .w-80-15, .section-title-center.v9 .title-left-right-end .w-80-15, .section-title-white.v1 .title-left-right-center .w-80-15, .section-title-white.v1 .title-left-right-center .w-80-15, .section-title-white.v1 .title-left-right-end .w-80-15, .section-title-white.v1 .title-left-right-end .w-80-15, .section-title-white.v5 .title-left-right-center .w-80-15, .section-title-white.v5 .title-left-right-center .w-80-15, .section-title-white.v5 .title-left-right-end .w-80-15, .section-title-white.v5 .title-left-right-end .w-80-15, .section-title-white.v6 .title-left-right-center .w-80-15, .section-title-white.v6 .title-left-right-center .w-80-15, .section-title-white.v6 .title-left-right-end .w-80-15, .section-title-white.v6 .title-left-right-end .w-80-15, .section-title-white.v7 .title-left-right-center .w-80-15, .section-title-white.v7 .title-left-right-center .w-80-15, .section-title-white.v7 .title-left-right-end .w-80-15, .section-title-white.v7 .title-left-right-end .w-80-15, .section-title-white.v8 .title-left-right-center .w-80-15, .section-title-white.v8 .title-left-right-center .w-80-15, .section-title-white.v8 .title-left-right-end .w-80-15, .section-title-white.v8 .title-left-right-end .w-80-15, .section-title-white.v9 .title-left-right-center .w-80-15, .section-title-white.v9 .title-left-right-center .w-80-15, .section-title-white.v9 .title-left-right-end .w-80-15, .section-title-white.v9 .title-left-right-end .w-80-15, .section-title-center-white.v1 .title-left-right-center .w-80-15, .section-title-center-white.v1 .title-left-right-center .w-80-15, .section-title-center-white.v1 .title-left-right-end .w-80-15, .section-title-center-white.v1 .title-left-right-end .w-80-15, .section-title-center-white.v5 .title-left-right-center .w-80-15, .section-title-center-white.v5 .title-left-right-center .w-80-15, .section-title-center-white.v5 .title-left-right-end .w-80-15, .section-title-center-white.v5 .title-left-right-end .w-80-15, .section-title-center-white.v6 .title-left-right-center .w-80-15, .section-title-center-white.v6 .title-left-right-center .w-80-15, .section-title-center-white.v6 .title-left-right-end .w-80-15, .section-title-center-white.v6 .title-left-right-end .w-80-15, .section-title-center-white.v7 .title-left-right-center .w-80-15, .section-title-center-white.v7 .title-left-right-center .w-80-15, .section-title-center-white.v7 .title-left-right-end .w-80-15, .section-title-center-white.v7 .title-left-right-end .w-80-15, .section-title-center-white.v8 .title-left-right-center .w-80-15, .section-title-center-white.v8 .title-left-right-center .w-80-15, .section-title-center-white.v8 .title-left-right-end .w-80-15, .section-title-center-white.v8 .title-left-right-end .w-80-15, .section-title-center-white.v9 .title-left-right-center .w-80-15, .section-title-center-white.v9 .title-left-right-center .w-80-15, .section-title-center-white.v9 .title-left-right-end .w-80-15, .section-title-center-white.v9 .title-left-right-end .w-80-15 {
width: 100%;
}
.section-title.v3 .big-title, .section-title.v7 .big-title, .section-title.v9 .big-title, .section-title-center.v3 .big-title, .section-title-center.v7 .big-title, .section-title-center.v9 .big-title, .section-title-white.v3 .big-title, .section-title-white.v7 .big-title, .section-title-white.v9 .big-title, .section-title-center-white.v3 .big-title, .section-title-center-white.v7 .big-title, .section-title-center-white.v9 .big-title {
font-size: 50px;
line-height: 60px;
}
.section-title.v4 .big-title, .section-title-center.v4 .big-title, .section-title-white.v4 .big-title, .section-title-center-white.v4 .big-title {
font-size: 50px;
line-height: 80px;
}
.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-size: 50px;
line-height: 60px;
}
.section-title.v8 .big-title img, .section-title-center.v8 .big-title img, .section-title-white.v8 .big-title img, .section-title-center-white.v8 .big-title img {
max-width: 120px;
}
.play-btn.v1, .play-btn.v2, .play-btn.v3, .play-btn.v4, .play-btn.v5 {
width: 90px;
height: 90px;
font-size: 20px;
line-height: 90px;
}
.title-left-right-center .prev-btn, .title-left-right-center .next-btn, .title-left-right-end .prev-btn, .title-left-right-end .next-btn {
width: 50px;
height: 50px;
line-height: 50px;
}
.breadcum.v1 {
padding: 140px 0px 130px 0px;
}
.breadcum.v1 h2 {
font-size: 45px;
line-height: 55px;
}
.breadcum.v1 h2 ~ ul {
margin-top: 30px;
}
.breadcum.v1 .bg-shap-2, .breadcum.v1 .bg-shap-3 {
display: none;
}
/*=====================
2 Manu Bar
=======================*/
.menu-bar.v1, .menu-bar.v2, .menu-bar.v3, .menu-bar.v4, .menu-bar.v5, .menu-bar.v6, .menu-bar.v7 {
padding: 20px 0px;
}
.menu-bar.v1 .main-menu, .menu-bar.v2 .main-menu, .menu-bar.v3 .main-menu, .menu-bar.v4 .main-menu, .menu-bar.v5 .main-menu, .menu-bar.v6 .main-menu, .menu-bar.v7 .main-menu {
display: none;
}
.menu-bar.v1 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v2 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v3 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v4 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v5 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v6 .menu-right .right-menur-btns li button.siderbar-btns, .menu-bar.v7 .menu-right .right-menur-btns li button.siderbar-btns {
display: none;
}
.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 {
display: inline-block;
}
.menu-bar.v3 .container-fluid, .menu-bar.v4 .container-fluid, .menu-bar.v8 .container-fluid {
max-width: 720px;
}
.menu-bar.v4 .header-search {
width: 600px;
}
.top-bar.v1, .top-bar.v2, .top-bar.v3 {
/* display: none;*/
}
.top-bar.v1 .top-content, .top-bar.v2 .top-content, .top-bar.v3 .top-content {
padding: 52px 0px;
}
.top-bar.v1 .info-list, .top-bar.v2 .info-list, .top-bar.v3 .info-list {
gap: 12px;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-bar.v1 .container-fluid {
max-width: 720px;
}
/*=====================
3 Banner
=======================*/
.banner.v1 .banner-content {
padding: 120px 0px 100px 0px;
}
.banner.v1 .big-title {
font-size: 65px;
line-height: 85px;
}
.banner.v1 .title-para {
font-size: 18px;
line-height: 28px;
}
.banner.v1 .title-para br {
display: none;
}
.banner.v2 .banner-content {
padding: 150px 0px 0px 0px;
}
.banner.v2 .title-para ~ .all-btns {
margin-top: 40px;
}
.banner.v2 .content-text {
margin-top: 50px;
}
.banner.v3 .banner-content {
padding: 150px 0px 100px 0px;
}
.banner.v3 .banner-content .check-mark-list ~ .all-btns {
margin-top: 50px;
}
.banner.v4 .container-fluid {
max-width: 720px;
}
.banner.v4 .left-img-1, .banner.v4 .left-img-2, .banner.v4 .right-img-1, .banner.v4 .right-img-2, .banner.v4 .bg-img {
display: none;
}
.banner.v4 .banner-content {
padding: 150px 0px 100px 0px;
}
.banner.v4 .banner-content .play-video {
position: inherit;
width: inherit;
height: inherit;
right: inherit;
bottom: inherit;
margin-top: 50px;
text-align: inherit;
}
.banner.v4 .banner-content .big-title ~ .title-para {
margin-top: 40px;
}
.banner.v4 .banner-content .title-para {
font-size: 18px;
line-height: 28px;
}
.banner.v5 .banner-content .big-title {
font-size: 65px;
line-height: 85px;
}
.banner.v5 .features {
padding: 0px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-tr);
}
.banner.v5 .features li {
padding: 40px 20px;
width: calc(50% - 15px);
border-radius: 20px;
background: var(--color-black8);
}
.banner.v6 .banner-content {
padding: 130px 0px 328px 0px;
}
.banner.v6 .banner-content .big-title {
font-size: 50px;
line-height: 60px;
}
.banner.v7 .email-container {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.banner.v7 .email-container input {
width: calc(100% - 245px);
padding: 0px 0px 0px 25px;
}
.banner.v7 .banner-content {
padding: 120px 0px;
}
.banner.v7 .banner-content .big-title {
font-size: 65px;
line-height: 75px;
}
.banner.v8 .big-title {
font-size: 65px;
line-height: 75px;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v1 .core-list-card .core-list-text {
width: 100%;
}
.core-feature.v2 .features-card {
padding: 55px 49px;
}
.core-feature.v2 .features-card .card-title {
font-size: 27px;
line-height: 37px;
}
.core-feature.v2 .row > div:nth-child(2) .features-card, .core-feature.v2 .row > div:nth-child(3) .features-card {
margin-top: 30px;
}
/*=====================
5 Video Box
=======================*/
.video-box.v1 .section-title-white ~ .video-card-box {
margin-top: 50px;
}
.video-box.v2 .section-title .w-80-15 {
width: 100%;
}
.video-box.v4 .title-pera {
margin-top: 30px;
}
/*=====================
6 Benefits
=======================*/
.benefits.v1 .benefits-card {
padding: 40px;
}
.benefits.v1 .row > div:nth-child(1) .benefits-card, .benefits.v1 .row > div:nth-child(2) .benefits-card {
margin-top: 80px;
}
/*=====================
8 Recent Blogs
=======================*/
.recent-blogs.v1 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v2 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v3 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v4 .row > div:nth-child(3) .recent-blog-card, .recent-blogs.v5 .row > div:nth-child(3) .recent-blog-card {
margin-top: 30px;
}
.recent-blogs.v1 .section-title ~ .row {
margin-top: 20px;
}
.recent-blogs.v3 .recent-blog-card {
margin-top: 30px;
}
.recent-blogs.v5 .alert-img {
display: none;
}
/*=====================
9 Partners
=======================*/
.partners.v1 .slider {
width: 100%;
padding-bottom: 0;
}
.partners.v1 .featured-section ~ .seleced-section {
margin-top: 100px;
}
/*=====================
11 Our Mission
=======================*/
.our-mission.v1 .our-mission-card .card-icon {
width: 75px;
height: 75px;
font-size: 30px;
line-height: 75px;
}
.our-mission.v1 .our-mission-card .card-icon ~ .card-title {
margin-top: 30px;
}
.our-mission.v1 .row > div:nth-child(2) .our-mission-card, .our-mission.v1 .row > div:nth-child(3) .our-mission-card {
margin-top: 30px;
}
.our-mission.v2 .our-mission-logo {
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;
margin-bottom: 50px;
}
.our-mission.v2 .our-mission-logo li:nth-child(1), .our-mission.v2 .our-mission-logo li:nth-child(2), .our-mission.v2 .our-mission-logo li:nth-child(3), .our-mission.v2 .our-mission-logo li:nth-child(4) {
width: 100px;
height: 100px;
margin: 0;
}
.our-mission.v2 .our-mission-logo li:nth-child(4) {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.our-mission.v2 .our-mission-content {
padding-left: 0;
}
/*=====================
12 Our Values
=======================*/
.our-values.v1 .section-title-center-white ~ .faq-accordion {
margin-top: 30px;
}
.our-values.v1 .faq-accordion button {
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.our-values.v1 .faq-accordion button::after {
width: 40px;
height: 40px;
font-size: 15px;
line-height: 40px;
}
.our-values.v2 .faq-accordion {
padding-left: 0;
margin-top: 30px;
}
/*==========================
13 Banking Experience
============================*/
.banking-experience.v1 .banking-card-title h2 {
font-size: 70px;
line-height: 90px;
}
/*=====================
14 The founders
=======================*/
.the-founders.v1 .row > div:nth-child(3) .the-founder-card, .the-founders.v1 .row > div:nth-child(4) .the-founder-card {
margin-top: 30px;
}
/*=========================
16 Pament Get Card
===========================*/
.pamentget-card.v1 .pament-card-img {
margin-left: 0px;
padding-right: 0px;
}
.pamentget-card.v1 .pay-catch-card {
margin-top: 50px;
}
/*=========================
17 Invoices Card
===========================*/
.invoices.v1 .row > div:nth-child(2) .invoices-card-small {
margin-top: 30px;
}
/*=========================
18 Financial
===========================*/
.financial.v1 .chart-img-content, .financial.v1 .chart-img-content .chart-img {
max-width: 100%;
}
.financial.v1 .chart-img-content .shap-2 {
display: none;
}
.financial.v1 .financial-contant {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.financial.v1 .dollar-img {
margin-bottom: 50px;
}
/*=========================
19 Why They Prefer
===========================*/
.why-they-prefer.v1 .the-world-box, .why-they-prefer.v1 .digital-visa-card-img {
margin-top: 30px;
}
.why-they-prefer.v1 .the-world-box {
padding: 65px 50px;
}
.why-they-prefer.v1 .the-world-box .text-content .text-numbber {
font-size: 65px;
line-height: 80px;
}
.why-they-prefer.v1 .the-world-box .text-content .text-numbber ~ .text-para {
margin-top: 15px;
}
.why-they-prefer.v1 .the-world-box .text-content ~ img {
margin-top: 27px;
}
/*=========================
20 Discover
===========================*/
.discover.v1 .discover-right-img {
margin-top: 30px;
}
/*=========================
21 Library
===========================*/
.library.v1 .library-card.v2 {
margin-top: 30px;
}
/*====================
23 Tab Section
======================*/
.tab-section.v1 .tab-pane {
padding: 60px 0px 100px 0px;
}
.tab-section.v1 .box-content, .tab-section.v1 .expolor-payment {
width: 100%;
}
.tab-section.v1 .bg-shap-1 {
display: none;
}
/*=========================
24 Report Download
===========================*/
.report-download.v1 .report-img-right {
margin-top: 50px;
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: 15px;
}
.report-download.v1 .report-img-right li:nth-child(1), .report-download.v1 .report-img-right li:nth-child(2), .report-download.v1 .report-img-right li:nth-child(3) {
width: 80px;
height: 80px;
margin: 0;
}
/*=========================
25 Our Services
===========================*/
.our-services.v1 .services-list li {
display: block;
padding: 45px 50px;
}
.our-services.v1 .services-list li .services-count {
font-size: 65px;
}
.our-services.v1 .services-list li .services-count ~ .services-title {
margin-top: 30px;
}
.our-services.v2 .row > div:nth-child(3) .service-card {
margin-top: 30px;
}
/*=========================
26 Start Expanding
===========================*/
.start-expanding.v1 .img-right {
margin-top: 30px;
}
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 .bg-shap {
height: 100%;
top: 0;
}
.financial-planners.v1 .container-fluid {
max-width: 720px;
}
.financial-planners.v1 .financial-planners-card .contant-title {
font-size: 36px;
line-height: 46px;
}
.financial-planners.v1 .financial-planners-card .contant-title::before {
right: 0px;
width: 100px;
height: 100px;
}
.financial-planners.v1 .financial-planners-card .contant-title ~ .contant-para {
margin-top: 30px;
}
.financial-planners.v1 .financial-planners-card .contant-para ~ .officialPartners {
margin-top: 50px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul {
gap: 30px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo {
width: calc(25% - 23px);
}
/*=========================
28 Refine Financial
===========================*/
.refine-financial.v1 {
margin-top: 0;
}
.refine-financial.v1 .bg-img-top, .refine-financial.v1 .bg-img-bottom, .refine-financial.v1 .bg-img-right {
display: none;
}
.refine-financial.v1 .refineFinancial-card {
padding: 45px;
}
.refine-financial.v1 .refineFinancial-card .financial-icon.v1, .refine-financial.v1 .refineFinancial-card .financial-icon.v2, .refine-financial.v1 .refineFinancial-card .financial-icon.v3, .refine-financial.v1 .refineFinancial-card .financial-icon.v4 {
font-size: 33px;
width: 75px;
height: 75px;
min-width: 75px;
line-height: 75px;
}
.refine-financial.v1 .refineFinancial-card .card-title br {
display: none;
}
.refine-financial.v1 .row > div:nth-child(2) .refineFinancial-card {
margin-top: 30px;
}
/*=========================
29 Professionals
===========================*/
.professionals.v1 .row > div:nth-child(2) .person-card {
margin-top: 30px;
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v1 .container-fluid {
max-width: 720px;
}
.client-testimonial.v1 .client-testimonial-card {
padding: 55px 40px;
}
.client-testimonial.v1 .row > div:nth-child(2) .client-testimonial-card {
margin-top: 30px;
}
.client-testimonial.v2 .testimonial-content .slider {
padding-bottom: 0;
}
.client-testimonial.v2 .testimonial-content .testimonial-card {
max-width: 600px;
padding: 50px;
}
.client-testimonial.v3 .client-card {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.client-testimonial.v3 .client-card.small-card, .client-testimonial.v3 .client-card.big-card {
padding: 50px 60px;
}
.client-testimonial.v3 .client-card .client-card-contant .contant-title br {
display: none;
}
.client-testimonial.v3 .row > div:nth-child(2) .small-card {
margin-top: 30px;
}
.client-testimonial.v4 .row > div:nth-child(2) .client-card {
margin-top: 30px;
}
/*=========================
31 CTA
===========================*/
.cta.v4 .cta-content .bg-left-img, .cta.v4 .cta-content .bg-right-img {
display: none;
}
/*=========================
32 Our Story
===========================*/
.our-story.v1 .section-title-white {
padding-right: 0px;
}
.our-story.v1 .story-img-right {
margin: 50px auto 0px auto;
max-width: 400px;
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 .fun-facts li {
width: inherit;
}
.our-team.v1 .team-card .content-right {
max-width: 450px;
margin: 50px auto 0px auto;
}
/*=========================
35 Partners Logo
===========================*/
.partners-logo.v4 .partners-logo-main .partners-logo-title {
width: calc(90% + 15px);
}
/*=========================
36 Wealth
===========================*/
.wealth.v1 .wealth-img, .wealth.v1 .wealth-contant {
width: 100%;
}
.wealth.v1 .ball-logo {
display: none;
}
.wealth.v1 .wealth-contant .wealth-number {
font-size: 50px;
line-height: 60px;
}
.wealth.v1 .wealth-contant .wealth-number ~ .wealth-title {
margin-top: 40px;
}
.wealth.v1 .wealth-contant .wealth-title {
font-size: 26px;
line-height: 36px;
}
.wealth.v1 .wealth-contant .wealth-title ~ .wealth-para {
margin-top: 25px;
}
/*=========================
37 Investment Carts
===========================*/
.investment-carts.v1 .row > div:nth-child(3) .investment-cart, .investment-carts.v1 .row > div:nth-child(4) .investment-cart {
margin-top: 30px;
}
/*=========================
38 Secure Investments
===========================*/
.secureInvestments.v1 .secureInvestments-title {
font-size: 50px;
line-height: 60px;
}
/*=========================
39 Progress List
===========================*/
.progress-list li {
width: calc(25% - 20px);
}
/*=====================
40 Process Cards
=======================*/
.process-list {
min-height: inherit;
}
.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 {
border-radius: 15px;
}
.process-list .row > div:nth-child(2) .process-card, .process-list .row > div:nth-child(3) .process-card {
margin-top: 30px;
}
/*=====================
41 Eligbility
=======================*/
.eligbility .section-title ~ .check-mark-list {
margin-top: 50px;
}
.eligbility .check-mark-list.v2 li {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
gap: 10px;
}
.eligbility .check-mark-list.v2 li .text {
font-size: 18px;
line-height: 28px;
}
.eligbility .check-mark-list ~ .title-para {
margin-top: 30px;
}
.eligbility .title-para br {
display: none;
}
/*=========================
42 Components Studio
===========================*/
.component-studio.v1 .component-studio-img {
padding: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.component-studio.v1 .component-studio-img .accept-send-link, .component-studio.v1 .component-studio-img .cash-out-img, .component-studio.v1 .component-studio-img .facilitate-text {
width: 100%;
}
.component-studio.v1 .component-studio-img .cash-out-img::before {
content: none;
}
.component-studio.v1 .component-studio-img .accept-send-link, .component-studio.v1 .component-studio-img .facilitate-text {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.component-studio.v1 .component-studio-img .accept-send-link a {
display: inline-block;
}
.component-studio.v1 .component-studio-img .facilitate-text {
padding-left: 0px;
}
.component-studio.v1 .with-fincatch {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.component-studio.v1 .component-box .box-screenshot.v1, .component-studio.v1 .component-box .box-screenshot.v2 {
gap: 30px;
}
.component-studio.v1 .component-box .loading {
margin-top: 0px;
}
.component-studio.v1 .component-box .mask-img-1, .component-studio.v1 .component-box .mask-img-2 {
display: none;
}
/*===========================
43 Built By Developers
=============================*/
.built-by-developers.v1 .big-img {
margin-top: 50px;
}
.built-by-developers.v1 .big-img img {
width: 100%;
}
.built-by-developers.v1 .big-img .small-img {
display: none;
}
/*========================
44 Grow With Peace
==========================*/
.grow-with-peace.v1 .main-content {
padding-right: 0px;
}
.grow-with-peace.v1 .grow-with-peace-img {
margin-top: 50px;
}
/*=====================
45 Stay Control
=======================*/
.stay-control.v1 .stay-control-img {
padding-right: 0px;
}
.stay-control.v1 .main-content {
padding-left: 0px;
margin-top: 50px;
}
/*=========================
47 Our Inverstors
===========================*/
.our-inverstors.v1 .calculate-growth {
margin-bottom: 50px;
}
/*============================
48 Pricing
==============================*/
.pricing .row > div:nth-child(2) .plan-card {
margin-top: 30px;
}
.pricing .plan-card .plan-content ~ .link-anime {
margin-top: 100px;
}
/*============================
50 Team Testimonial
==============================*/
.team-testimonial .finflowSuccess .finflowSuccess-img {
margin-top: 50px;
}
/*============================
51 Meet The Team
==============================*/
.meet-the-team .meet-the-team-members .member {
width: calc(50% - 15px);
}
/*=========================
52 Perks and benefits
===========================*/
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon {
width: 65px;
height: 65px;
line-height: 65px;
font-size: 20px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .perks-icon::before {
width: 48px;
height: 48px;
}
/*=========================
55 Work Space
===========================*/
.workspace .row > div:nth-child(3) .work-item {
margin-top: 30px;
}
/*=====================
58 Trasted By
=======================*/
.service-area .left-contant .small-img {
margin: 30px 0px 0px 0px;
max-width: 100%;
}
.service-area .right-contant {
margin-top: 50px;
}
/*=========================
60 Box Image Content
===========================*/
.box-image-content.v1 .main-image-content, .box-image-content.v2 .main-image-content {
padding: 50px 30px;
}
.box-image-content.v1 .taxes-img {
margin-top: 50px;
padding-left: 0px;
}
.box-image-content.v2 .taxes-img {
padding-right: 0px;
margin-bottom: 50px;
}
/*=========================
61 Wallet Integrations
===========================*/
.wallet-integrations .integrations-circle {
width: 433px;
height: 433px;
}
.wallet-integrations .integrations-circle .pament-item-1 {
top: -3px;
left: -127px;
}
.wallet-integrations .integrations-circle .pament-item-2 {
top: -3px;
right: -127px;
}
.wallet-integrations .integrations-circle .pament-item-3 {
left: -127px;
bottom: -3px;
}
.wallet-integrations .integrations-circle .pament-item-4 {
right: -127px;
bottom: -8px;
}
.wallet-integrations .integrations-circle i {
width: 100px;
height: 100px;
font-size: 35px;
line-height: 100px;
}
/*=========================
63 How To It Work
===========================*/
.howToItWork .howToItWork-right-contant-img {
padding-left: 0;
margin-top: 50px;
}
.all-comments ~ .leaveAReply {
margin-top: 10px;
}
.leaveAReply .leaveAReply-form li {
width: 100%;
}
/*=========================
66 Contact
===========================*/
.contact .contact-form {
position: relative;
padding: 30px 40px;
margin: 50px 0px 0px 0px;
}
/*=====================
69 Footer
=======================*/
.footer-section.v1 .footer-widget, .footer-section.v2 .footer-widget, .footer-section.v3 .footer-widget, .footer-section.v4 .footer-widget, .footer-section.v5 .footer-widget, .footer-section.v6 .footer-widget, .footer-section.v7 .footer-widget, .footer-section.v8 .footer-widget {
width: calc(33.3333333% - 30px);
}
.footer-section.v1 .shap-1 {
display: none;
}
.footer-section.v1 .footer-widget:last-child {
width: calc(66.6666667% - 30px);
}
.footer-section.v2 {
background: var(--color-black4);
}
.footer-section.v2 .info-footer {
padding-left: 0px;
}
.footer-section.v2::before, .footer-section.v2 .container::before {
display: none;
}
.footer-section.v2 .footer-main.v2::before {
left: -20vw;
width: 120vw;
}
.footer-section.v2 .info-footer-content ~ .footer-menu-links {
margin-top: 40px;
}
.footer-section.v4 .staking-reward-content .title, .footer-section.v4 .footer-subscribe {
width: 100%;
}
.footer-section.v5 .footer-widget:nth-child(5) {
width: calc(66.6666667% - 30px);
}
.footer-section.v6 .staking-reward .big-title {
width: calc(100% - 256px);
}
.footer-section.v6 .staking-reward .big-title br {
display: none;
}
.footer-section.v6 .staking-reward .subscribe {
width: 100%;
padding-bottom: 70px;
}
.footer-section.v6 .staking-reward .subscribe input ~ button {
margin-top: 20px;
}
.footer-section.v7 .cta {
border-radius: 0px;
}
.footer-section.v7 .cta .section-title-center-white .title-para br {
display: none;
}
}
@media (max-width: 767px) {
/*=====================
1 Theme Default
=======================*/
/* Generate Margin Classes */
/* Generate Margin Direction Classes */
/* Generate Padding Classes */
.pt-md-50 {
padding-top: 50px;
}
.pt-md-70 {
padding-top: 70px;
}
.pb-md-50 {
padding-bottom: 50px;
}
.pb-md-70 {
padding-bottom: 70px;
}
/* Generate Padding Direction Classes */
.section-title.v1 .big-title, .section-title.v2 .big-title, .section-title.v3 .big-title, .section-title.v5 .big-title, .section-title.v6 .big-title, .section-title.v7 .big-title, .section-title.v8 .big-title, .section-title.v9 .big-title, .section-title-center.v1 .big-title, .section-title-center.v2 .big-title, .section-title-center.v3 .big-title, .section-title-center.v5 .big-title, .section-title-center.v6 .big-title, .section-title-center.v7 .big-title, .section-title-center.v8 .big-title, .section-title-center.v9 .big-title, .section-title-white.v1 .big-title, .section-title-white.v2 .big-title, .section-title-white.v3 .big-title, .section-title-white.v5 .big-title, .section-title-white.v6 .big-title, .section-title-white.v7 .big-title, .section-title-white.v8 .big-title, .section-title-white.v9 .big-title, .section-title-center-white.v1 .big-title, .section-title-center-white.v2 .big-title, .section-title-center-white.v3 .big-title, .section-title-center-white.v5 .big-title, .section-title-center-white.v6 .big-title, .section-title-center-white.v7 .big-title, .section-title-center-white.v8 .big-title, .section-title-center-white.v9 .big-title {
font-size: 36px;
line-height: 46px;
}
.section-title br, .section-title-center br, .section-title-white br, .section-title-center-white br {
display: none;
}
.section-title.v4 .big-title, .section-title-center.v4 .big-title, .section-title-white.v4 .big-title, .section-title-center-white.v4 .big-title {
font-size: 36px;
line-height: 66px;
}
.section-title.v7 .title-para, .section-title-center.v7 .title-para, .section-title-white.v7 .title-para, .section-title-center-white.v7 .title-para {
font-size: 18px;
line-height: 28px;
}
.section-title.v8 .big-title img, .section-title-center.v8 .big-title img, .section-title-white.v8 .big-title img, .section-title-center-white.v8 .big-title img {
max-width: 100px;
}
.breadcum.v1 {
padding: 130px 0px 100px 0px;
}
.breadcum.v1 h2 {
font-size: 36px;
line-height: 46px;
}
.breadcum.v1 h2 ~ ul {
margin-top: 25px;
}
.body-bg-2, .body-bg-3 {
padding-top: 0px;
margin-top: 0px;
}
.play-btn.v1, .play-btn.v2, .play-btn.v3, .play-btn.v4, .play-btn.v5 {
width: 70px;
height: 70px;
font-size: 18px;
line-height: 70px;
}
.link-anime .v12, .btn-anime .v12 {
padding: 19px 15px;
font-size: 12px;
}
/*=====================
2 Manu Bar
=======================*/
.menu-bar.v3 .container-fluid, .menu-bar.v4 .container-fluid, .menu-bar.v8 .container-fluid {
max-width: 540px;
}
.menu-bar.v4 .header-search {
width: 550px;
}
.top-bar.v1 .container-fluid {
max-width: 540px;
}
/*=====================
3 Banner
=======================*/
.banner.v1 .big-title {
font-size: 47px;
line-height: 57px;
}
.banner.v3 .banner-content .big-title {
font-size: 36px;
line-height: 46px;
}
.banner.v3 .banner-content .section-title ~ .check-mark-list {
margin-top: 50px;
}
.banner.v4 .container-fluid {
max-width: 540px;
}
.banner.v4 .banner-content {
padding: 150px 0px 70px 0px;
}
.banner.v4 .banner-content .big-title {
font-size: 36px;
line-height: 56px;
}
.banner.v5 .banner-content .big-title {
font-size: 47px;
line-height: 57px;
}
.banner.v5 .banner-content .title-para {
font-size: 18px;
line-height: 28px;
}
.banner.v5 .features li {
width: 100%;
padding: 50px 30px;
}
.banner.v6 .banner-content .big-title {
font-size: 36px;
line-height: 46px;
}
.banner.v6 .banner-content .title-para {
font-size: 18px;
line-height: 28px;
}
.banner.v7 .email-container {
width: 100%;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: var(--color-tr);
}
.banner.v7 .email-container input {
width: 100%;
height: 65px;
padding: 15px 30px;
background: var(--color-white);
}
.banner.v7 .banner-content .big-title {
font-size: 47px;
line-height: 57px;
}
.banner.v7 .banner-content .big-title img {
max-width: 120px;
}
.banner.v8 .big-title {
font-size: 47px;
line-height: 57px;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v1 .core-list-card li {
padding: 20px;
}
.core-feature.v2 .features-card .card-title {
font-size: 22px;
line-height: 32px;
}
.core-feature.v2 .features-card .card-title ~ .read-more {
margin-top: 50px;
}
/*=====================
5 Video Box
=======================*/
.video-box.v1 .earn-staking .title {
font-size: 46px;
line-height: 46px;
}
/*=====================
6 Benefits
=======================*/
.benefits.v1 .benefits-card {
padding: 20px;
}
.benefits.v1 .benefits-card .title {
font-size: 24px;
line-height: 34px;
}
/*=====================
8 Recent Blogs
=======================*/
.recent-blogs.v1 .row > div:nth-child(2) .recent-blog-card, .recent-blogs.v2 .row > div:nth-child(2) .recent-blog-card, .recent-blogs.v3 .row > div:nth-child(2) .recent-blog-card, .recent-blogs.v4 .row > div:nth-child(2) .recent-blog-card, .recent-blogs.v5 .row > div:nth-child(2) .recent-blog-card {
margin-top: 30px;
}
/*=====================
9 Partners
=======================*/
.partners.v1 .featured-section ~ .seleced-section {
margin-top: 50px;
}
.partners.v1 .seleced-section .seleced-card {
padding: 30px;
}
/*=====================
10 About Us
=======================*/
.about-us.v1 .section-title .about-title-shap img {
width: 75px;
}
.about-us.v1 .about-right-cards .small-box {
width: 100%;
}
/*=====================
11 Our Mission
=======================*/
.our-mission.v2 .our-mission-logo li:nth-child(1), .our-mission.v2 .our-mission-logo li:nth-child(2), .our-mission.v2 .our-mission-logo li:nth-child(3), .our-mission.v2 .our-mission-logo li:nth-child(4) {
width: 80px;
height: 80px;
}
/*=====================
14 The founders
=======================*/
.the-founders.v1 .row > div:nth-child(2) .the-founder-card {
margin-top: 30px;
}
/*=========================
21 Library
===========================*/
.library.v1 .library-card.v1 .talk-para {
font-size: 20px;
line-height: 30px;
}
.library.v1 .library-card.v1 .library-card-header ~ .talk-para {
padding-right: 0px;
margin-top: 60px;
}
.library.v1 .library-card.v1 .library-card.v1 .talk-title, .library.v1 .library-card.v1 .library-card.v2 .guides-title {
font-size: 36px;
line-height: 46px;
}
.library.v1 .library.v1 .library-card-header ~ .guides-title, .library.v1 .library-card .library-card-header ~ .guides-title {
margin-top: 60px;
}
/*====================
23 Tab Section
======================*/
.tab-section.v1 .tab-pane {
padding: 50px 0px 70px 0px;
}
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 .container-fluid {
max-width: 540px;
}
.financial-planners.v1 .financial-planners-card .contant-title {
font-size: 24px;
line-height: 34px;
}
.financial-planners.v1 .financial-planners-card .contant-title::before {
width: 80px;
height: 80px;
}
.financial-planners.v1 .financial-planners-card .contant-para {
font-size: 18px;
line-height: 28px;
}
/*=========================
35 Partners Logo
===========================*/
.partners-logo.v4 .partners-logo-main {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partners-logo.v4 .partners-logo-main .partners-logo-title {
width: 100%;
border-bottom: 1px solid #606060;
border-right: 0px;
padding-bottom: 20px;
}
.partners-logo.v4 .partners-logo-main .slider {
padding-top: 20px;
width: 100%;
margin-right: 0;
}
/*=========================
25 Our Services
===========================*/
.our-services.v1 .services-list li .services-count {
font-size: 45px;
}
.our-services.v1 .services-list li .services-title {
font-size: 18px;
}
.our-services.v2 .row > div:nth-child(2) .service-card {
margin-top: 30px;
}
.our-services.v3 .service-cards li {
width: 100%;
}
/*=========================
28 Refine Financial
===========================*/
.refine-financial.v1 .refineFinancial-card {
padding: 30px;
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v1 .container-fluid {
max-width: 540px;
}
.client-testimonial.v1 .client-testimonial-card {
padding: 30px;
gap: 30px;
}
.client-testimonial.v2 .testimonial-content {
padding: 70px 30px;
}
.client-testimonial.v2 .testimonial-content .testimonial-card .testimonial-para {
font-size: 18px;
line-height: 28px;
}
/*=========================
31 CTA
===========================*/
.cta.v4 .cta-content {
padding: 80px 30px;
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 .fun-facts li .value {
font-size: 65px;
line-height: 75px;
}
.our-team.v1 .fun-facts li .title-pera {
font-size: 18px;
line-height: 28px;
}
/*=========================
37 Investment Carts
===========================*/
.investment-carts.v1 .row > div:nth-child(2) .investment-cart {
margin-top: 30px;
}
/*=========================
38 Secure Investments
===========================*/
.secureInvestments.v1 .secureInvestments-title {
font-size: 36px;
line-height: 46px;
}
.secureInvestments.v1 .secureInvestments-para br {
display: none;
}
/*=========================
46 Powerfull Payment
===========================*/
.powerful-payment.v1 .row > div:nth-child(2) .powerful-payment-card {
margin-top: 30px;
}
/*=========================
47 Our Inverstors
===========================*/
.our-inverstors.v1 .calculate-growth {
padding: 50px;
}
/*============================
50 Team Testimonial
==============================*/
.team-testimonial .success .success-cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-testimonial .success .success-cards .success-card {
width: calc(50% - 15px);
}
/*============================
51 Meet The Team
==============================*/
.meet-the-team .meet-the-team-members .member {
width: 100%;
}
/*=========================
52 Perks and benefits
===========================*/
.perks-and-benefits.v1 .perks-and-benefits-item .card-title, .perks-and-benefits.v2 .perks-and-benefits-item .card-title {
font-size: 24px;
line-height: 34px;
}
.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: 8px;
}
.perks-and-benefits.v1 .perks-and-benefits-item .card-para, .perks-and-benefits.v2 .perks-and-benefits-item .card-para {
font-size: 14px;
line-height: 24px;
}
.perks-and-benefits.v1 .row > div:nth-child(2) .perks-and-benefits-item, .perks-and-benefits.v2 .row > div:nth-child(2) .perks-and-benefits-item {
margin-top: 30px;
}
/*=========================
54 job-opportunities
===========================*/
.job-opportunities .row > div:nth-child(2) .job-card {
margin-top: 30px;
}
/*=========================
55 Work Space
===========================*/
.workspace .row > div:nth-child(2) .work-item {
margin-top: 30px;
}
/*=====================
59 Why Fincatch
=======================*/
.why-fincatch .row > div:nth-child(2) .why-fincatch-card {
margin-top: 30px;
}
/*=========================
61 Wallet Integrations
===========================*/
.wallet-integrations .integrations-circle {
width: 150px;
height: 150px;
}
.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 {
width: 45%;
height: 35%;
}
.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: 10px;
height: 10px;
border: 1px solid var(--color-black);
}
.wallet-integrations .integrations-circle .pament-item-1 {
top: -3px;
left: -56px;
padding-right: 14px;
}
.wallet-integrations .integrations-circle .pament-item-2 {
top: -3px;
right: -56px;
padding-left: 14px;
}
.wallet-integrations .integrations-circle .pament-item-3 {
left: -56px;
bottom: -3px;
padding-right: 14px;
}
.wallet-integrations .integrations-circle .pament-item-4 {
right: -56px;
bottom: -8px;
padding-left: 14px;
}
.wallet-integrations .integrations-circle i {
width: 50px;
height: 50px;
font-size: 14px;
line-height: 50px;
}
/*=====================
69 Footer
=======================*/
.footer-section.v1 .footer-widget, .footer-section.v2 .footer-widget, .footer-section.v3 .footer-widget, .footer-section.v4 .footer-widget, .footer-section.v5 .footer-widget, .footer-section.v6 .footer-widget, .footer-section.v7 .footer-widget, .footer-section.v8 .footer-widget {
width: calc(50% - 15px);
}
.footer-section.v1 .staking-reward-content .title {
font-size: 24px;
line-height: 34px;
}
.footer-section.v1 .seleced-section .seleced-card {
padding: 30px;
}
.footer-section.v1 .info-footer-content {
padding: 50px 0px;
}
.footer-section.v1 .footer-widget:last-child {
width: 100%;
}
.footer-section.v1 .bg-shap-1 {
display: none;
}
.footer-section.v1 .footer-logo ~ .social-profile {
margin-top: 30px;
}
.footer-section.v2 .footer-menu-list {
gap: 20px;
}
.footer-section.v2 .footer-main {
padding: 25px 0px;
}
.footer-section.v5 .footer-widget:nth-child(5) {
width: 100%;
}
.footer-section.v5 .staking-reward .cta-card {
padding: 50px 30px;
}
.footer-section.v5 .staking-reward .cta-card .card-content .big-title {
font-size: 36px;
line-height: 46px;
}
.footer-section.v6 .staking-reward .big-title {
width: 100%;
}
.footer-section.v6 .info-footer-content {
padding: 70px 0px;
}
.footer-section.v7 .cta .section-title-center-white .title-para, .footer-section.v7 .footer-contact .contact-info .title-pera {
font-size: 18px;
line-height: 28px;
}
.footer-section.v8 .big-title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 575px) {
/*=====================
1 Theme Default
=======================*/
/* Generate Margin Classes */
/* Generate Margin Direction Classes */
/* Generate Padding Classes */
.pt-sm-30 {
padding-top: 30px;
}
.pt-sm-50 {
padding-top: 50px;
}
.pb-sm-30 {
padding-bottom: 30px;
}
.pb-sm-50 {
padding-bottom: 50px;
}
/* Generate Padding Direction Classes */
.pl-sm-20 {
padding-left: 20px;
}
.pr-sm-20 {
padding-right: 20px;
}
.breadcum.v1 {
padding: 130px 0px 50px 0px;
}
.section-title.v1 .big-title, .section-title.v2 .big-title, .section-title.v3 .big-title, .section-title.v5 .big-title, .section-title.v6 .big-title, .section-title.v7 .big-title, .section-title.v8 .big-title, .section-title.v9 .big-title, .section-title-center.v1 .big-title, .section-title-center.v2 .big-title, .section-title-center.v3 .big-title, .section-title-center.v5 .big-title, .section-title-center.v6 .big-title, .section-title-center.v7 .big-title, .section-title-center.v8 .big-title, .section-title-center.v9 .big-title, .section-title-white.v1 .big-title, .section-title-white.v2 .big-title, .section-title-white.v3 .big-title, .section-title-white.v5 .big-title, .section-title-white.v6 .big-title, .section-title-white.v7 .big-title, .section-title-white.v8 .big-title, .section-title-white.v9 .big-title, .section-title-center-white.v1 .big-title, .section-title-center-white.v2 .big-title, .section-title-center-white.v3 .big-title, .section-title-center-white.v5 .big-title, .section-title-center-white.v6 .big-title, .section-title-center-white.v7 .big-title, .section-title-center-white.v8 .big-title, .section-title-center-white.v9 .big-title {
font-size: 26px;
line-height: 36px;
}
.section-title.v4 .big-title, .section-title-center.v4 .big-title, .section-title-white.v4 .big-title, .section-title-center-white.v4 .big-title {
font-size: 26px;
line-height: 56px;
}
.section-title.v7 .title-para, .section-title-center.v7 .title-para, .section-title-white.v7 .title-para, .section-title-center-white.v7 .title-para {
font-size: 14px;
line-height: 24px;
}
.section-title.v8 .big-title img, .section-title-center.v8 .big-title img, .section-title-white.v8 .big-title img, .section-title-center-white.v8 .big-title img {
max-width: 80px;
}
.play-btn.v1, .play-btn.v2, .play-btn.v3, .play-btn.v4, .play-btn.v5 {
width: 55px;
height: 55px;
font-size: 14px;
line-height: 55px;
}
/*=====================
2 Manu Bar
=======================*/
.menu-bar.v2 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v5 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v6 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v7 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v8 .menu-right .right-menur-btns li:nth-child(1) {
display: none;
}
.menu-bar.v4 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v4 .menu-right .right-menur-btns li:nth-child(2), .menu-bar.v8 .menu-right .right-menur-btns li:nth-child(1), .menu-bar.v8 .menu-right .right-menur-btns li:nth-child(2) {
display: none;
}
.menu-bar.v4 .header-search {
width: calc(100% - 30px);
}
.menu-bar .mobile-menu-bar .all-btns li {
width: 100%;
}
.menu-bar .mobile-menu-bar .all-btns li a {
display: block;
text-align: center;
}
/*=====================
3 Banner
=======================*/
.banner.v1 .big-title {
font-size: 26px;
line-height: 36px;
}
.banner.v1 .big-title ~ .title-para {
margin-top: 40px;
}
.banner.v3 .banner-content .big-title {
font-size: 26px;
line-height: 36px;
}
.banner.v4 .banner-content {
padding: 150px 0px 50px 0px;
}
.banner.v4 .banner-content .big-title {
font-size: 26px;
line-height: 46px;
}
.banner.v4 .banner-content .big-title ~ .title-para {
margin-top: 20px;
}
.banner.v4 .banner-content .title-para {
font-size: 14px;
line-height: 24px;
}
.banner.v5 .banner-content .big-title, .banner.v6 .banner-content .big-title {
font-size: 26px;
line-height: 36px;
}
.banner.v5 .banner-content .title-para, .banner.v6 .banner-content .title-para {
font-size: 14px;
line-height: 24px;
}
.banner.v5 .banner-pagination, .banner.v5 .banner-social, .banner.v6 .banner-pagination, .banner.v6 .banner-social {
display: none;
}
.banner.v5 .scroll-btn, .banner.v6 .scroll-btn {
bottom: 45px;
}
.banner.v6 .banner-content {
padding: 130px 0px;
}
.banner.v7 .banner-content .big-title {
font-size: 26px;
line-height: 36px;
}
.banner.v7 .banner-content .big-title img {
max-width: 80px;
}
/*=====================
4 Core Feature
=======================*/
.core-feature.v1 .core-list-card .core-list-text {
width: 100%;
}
.core-feature.v1 .core-list-card .big-title {
font-size: 38px;
line-height: 48px;
}
/*=====================
5 Video Box
=======================*/
.video-box.v1 .earn-staking .title {
font-size: 33px;
line-height: 43px;
}
/*=====================
11 Our Mission
=======================*/
.our-mission.v2 .our-mission-logo li:nth-child(1), .our-mission.v2 .our-mission-logo li:nth-child(2), .our-mission.v2 .our-mission-logo li:nth-child(3), .our-mission.v2 .our-mission-logo li:nth-child(4) {
width: 70px;
height: 70px;
}
/*===========================
15 Interested Our Team
=============================*/
.interested-our-team.v1 .interested-team-card {
padding: 15px;
}
.interested-our-team.v1 .interested-team-card .interested-team-content {
padding: 50px 15px;
}
/*=========================
16 Pament Get Card
===========================*/
.pamentget-card.v1 .items-cards li.small-card {
width: 100%;
}
/*=========================
17 Invoices Card
===========================*/
.invoices.v1 .invoices-card {
padding: 40px;
}
.invoices.v1 .invoices-card.invoices-card-small .card-title, .invoices.v1 .invoices-card.invoices-card-big .card-title {
font-size: 23px;
line-height: 36px;
}
/*=========================
19 Why They Prefer
===========================*/
.why-they-prefer.v1 .the-world-box {
padding: 50px;
}
/*=========================
20 Discover
===========================*/
.discover.v1 .features-accordion li {
padding: 30px 37px 30px 25px;
}
.discover.v1 .features-accordion li button {
font-size: 18px;
}
.discover.v1 .features-accordion li button::after {
right: -17px;
}
.discover.v1 .features-accordion li .box-content {
padding: 25px 0px 0px 0px;
}
/*=========================
21 Library
===========================*/
.library.v1 .library-card.v1 .talk-para {
font-size: 18px;
line-height: 28px;
}
.library.v1 .library-card.v1 .talk-title, .library.v1 .library-card.v2 .guides-title {
font-size: 26px;
line-height: 36px;
}
.library.v1 .library-card .library-card-header ~ .guides-title, .library.v1 .library-card-header ~ .guides-title {
margin-top: 60px;
}
/*====================
23 Tab Section
======================*/
.tab-section.v1 .tab-pane {
padding: 50px 0px;
}
/*=========================
27 Financial Placnners
===========================*/
.financial-planners.v1 .financial-planners-card .contant-title {
font-size: 21px;
line-height: 31px;
}
.financial-planners.v1 .financial-planners-card .contant-title::before {
width: 60px;
height: 60px;
}
.financial-planners.v1 .financial-planners-card .contant-para {
font-size: 16px;
line-height: 26px;
}
.financial-planners.v1 .financial-planners-card .officialPartners.v4 ul .partner-logo {
width: calc(50% - 23px);
}
/*=========================
30 Client Testimonial
===========================*/
.client-testimonial.v2 .testimonial-content {
padding: 50px 15px;
}
.client-testimonial.v2 .testimonial-content .testimonial-card {
padding: 50px 30px;
}
.client-testimonial.v2 .testimonial-content .testimonial-card .testimonial-para {
font-size: 15px;
line-height: 25px;
}
.client-testimonial.v3 .client-card.small-card, .client-testimonial.v3 .client-card.big-card {
padding: 50px 30px;
}
.client-testimonial.v3 .client-card .client-card-contant .contant-title {
font-size: 26px;
line-height: 36px;
}
.client-testimonial.v3 .client-img img {
width: 90px;
height: 90px;
}
/*=========================
31 CTA
===========================*/
.cta.v4 .cta-content {
padding: 50px 15px;
border-radius: 15px;
border: 4px solid var(--color-purple);
}
.cta.v4 .cta-content::before {
display: none;
}
/*=========================
33 Why Choose Us
===========================*/
.why-choose-us.v1 .why-choose-us-cards li {
width: 100%;
}
/*=========================
34 Our Team
===========================*/
.our-team.v1 .fun-facts li {
width: 100%;
}
.our-team.v1 .fun-facts li .value {
font-size: 45px;
line-height: 55px;
}
/*=========================
36 Wealth
===========================*/
.wealth.v1 .wealth-contant {
padding: 50px 20px;
}
.wealth.v1 .wealth-contant .wealth-number {
font-size: 44px;
line-height: 54px;
}
.wealth.v1 .wealth-contant .wealth-title {
font-size: 24px;
line-height: 34px;
}
/*=========================
38 Secure Investments
===========================*/
.secureInvestments.v1 .secureInvestments-title {
font-size: 26px;
line-height: 36px;
}
/*=========================
39 Progress List
===========================*/
.progress-list li {
width: 100%;
}
/*=========================
42 Components Studio
===========================*/
.component-studio.v1 .component-studio-img {
padding: 50px 25px;
border-radius: 5px;
}
.component-studio.v1 .component-box .box-screenshot.v1, .component-studio.v1 .component-box .box-screenshot.v2 {
padding: 45px 15px;
}
.component-studio.v1 .component-box .payment, .component-studio.v1 .component-box .payment img, .component-studio.v1 .component-box .payment-method, .component-studio.v1 .component-box .payment-method img, .component-studio.v1 .component-box .payment-under-left, .component-studio.v1 .component-box .payment-under-left img, .component-studio.v1 .component-box .pay, .component-studio.v1 .component-box .pay img {
width: 100%;
}
.component-studio.v1 .component-box .calculateGrowth {
padding: 40px 15px;
max-width: 100%;
width: 100%;
}
.component-studio.v1 .component-box .calculateGrowth .amount {
font-size: 35px;
line-height: 45px;
margin-bottom: 20px;
}
.component-studio.v1 .component-box .calculateGrowth .calculateGrowth-para br {
display: none;
}
/*=========================
47 Our Inverstors
===========================*/
.our-inverstors.v1 .logo-list li {
width: 100%;
}
.our-inverstors.v1 .calculate-growth {
padding: 50px 30px;
}
.our-inverstors.v1 .calculate-growth .calculate-growth-title {
font-size: 34px;
line-height: 44px;
}
/*============================
49 About The Team
==============================*/
.aboutTheTeam .aboutTheTeam-left-contant .features-cards .list-card {
width: 100%;
}
/*============================
50 Team Testimonial
==============================*/
.team-testimonial .success .success-cards .success-card {
width: 100%;
}
/*=========================
56 Job Filter
===========================*/
.job-filter .categories > li {
width: 100%;
}
.job-filter .categories > li:nth-child(2) {
margin-top: 30px;
}
.all-comments .comment-wrapper .profile-text {
width: 100%;
}
.all-comments li > ul {
margin: 30px 0px 0px 30px;
}
/*=====================
69 Footer
=======================*/
.footer-section.v1 .footer-widget, .footer-section.v1 .footer-widget:nth-child(1), .footer-section.v2 .footer-widget, .footer-section.v2 .footer-widget:nth-child(1), .footer-section.v3 .footer-widget, .footer-section.v3 .footer-widget:nth-child(1), .footer-section.v4 .footer-widget, .footer-section.v4 .footer-widget:nth-child(1), .footer-section.v5 .footer-widget, .footer-section.v5 .footer-widget:nth-child(1), .footer-section.v6 .footer-widget, .footer-section.v6 .footer-widget:nth-child(1), .footer-section.v7 .footer-widget, .footer-section.v7 .footer-widget:nth-child(1), .footer-section.v8 .footer-widget, .footer-section.v8 .footer-widget:nth-child(1) {
width: 100%;
}
.footer-section.v1 .info-footer-content {
padding-top: 50px 0px;
}
.footer-section.v4 .footer-subscribe {
width: 100%;
padding: 0px;
border-radius: 0px;
gap: 30px;
background: var(--color-tr);
}
.footer-section.v4 .footer-subscribe .btn-anime {
padding: 19px 26px;
}
.footer-section.v4 .staking-reward-content {
padding: 0px;
}
.footer-section.v4 .staking-reward-content .title {
font-size: 22px;
line-height: 32px;
}
.footer-section.v4 .staking-reward-content .inputFill {
width: 100%;
padding: 5px 15px;
border-radius: 5px;
background: var(--color-white);
}
.footer-section.v4 .info-footer-content {
padding: 50px 0px;
}
.footer-section.v4 .staking-reward ~ .info-footer {
margin-top: 50px;
}
.footer-section.v5 .staking-reward .cta-card {
padding: 30px;
}
.footer-section.v5 .staking-reward .cta-card .card-content .big-title {
font-size: 26px;
line-height: 36px;
}
.footer-section.v6 .info-footer-content {
padding: 50px 0px;
}
.footer-section.v7 .cta .section-title-center-white .title-para {
font-size: 14px;
line-height: 24px;
}
.footer-section.v7 .cta .email-container {
padding: 0;
border-radius: 0;
gap: 30px;
background: var(--color-tr);
}
.footer-section.v7 .cta .email-container .input-box {
width: 100%;
height: 60px;
border-radius: 30px;
background: #e5f2ff;
}
.footer-section.v7 .cta .email-container i {
padding: 0px 14px 0px 25px;
}
.footer-section.v7 .cta .email-container input {
width: calc(100% - 60px);
}
.footer-section.v7 .cta .email-container .btn-anime {
padding: 19px 26px;
font-size: 14px;
line-height: 24px;
}
.footer-section.v7 .footer-contact .contact-info .title {
font-size: 22px;
line-height: 32px;
}
.footer-section.v7 .footer-contact .contact-info .title-pera {
font-size: 14px;
line-height: 24px;
}
.footer-section.v7 .footer-contact .head-office .info-address {
font-size: 14px;
line-height: 24px;
}
.footer-section.v8 .big-title {
font-size: 26px;
line-height: 36px;
}
}
/*Custom Responsive*/
@media (max-width: 479px){
.product-section {
font-size: 35px;
line-height: 45px;
padding: 50px 20px 50px 20px;
}
}
@media (max-width: 479px){
.plr-120 {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 375px){
.plr-120 {
padding-left: 0px;
padding-right: 0px;
}
}
/*
@media (max-width: 1536px){
.plr-120 {
padding-left: 50px;
padding-right: 50px;
}
}*/
@media (max-width: 915px){
.res-mt {
margin-top: 80px;
}
}