/*
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
=================*/
/*
* CoinDexc Color Override
* Primary: #0971fe
* Drop this file AFTER style.css and BEFORE responsive.css
* --------------------------------------------------------
* Original Fincatch uses teal/green accents.
* This remaps every accent variable to a #0971fe blue family
* while keeping neutrals, borders, and layout untouched.
*/
@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: 16px 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: 15px 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;
}
}