/*------------------------------------------------------------------------------------
Theme Name: staco
Theme URL: #
Author: uigigs
Author URL: https://themeforest.net/user/uigigs/portfolio
version: 1.0.0
------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
CSS table of content

01. Settings style
02. Base style
03. Sections style
04. Components style
05. Utilities style
------------------------------------------------------------------------------------*/
/*--------------------------------
01. Settings style
--------------------------------*/
/*-- font family included --*/
/*-- DM Sans font family --*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
/*-- Montserrat Alternates font family --*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*-- Montserrat Alternates font family --*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*-- Fira Code font family --*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");
/*-- Caveat font family --*/
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap");
/*-- Quantico --*/
@import url("https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap");
/*-- inter --*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*--------------------------------
02. Base style
--------------------------------*/
/*-- reset style start --*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    color: #444444;
    background-color: #ffffff;
    overflow-x: hidden;
}

.dm-sans {
    font-family: "DM Sans", sans-serif !important;
}

.montserrat-alternates {
    font-family: "Montserrat Alternates", sans-serif !important;
}

.caveat {
    font-family: "Caveat", cursive !important;
}

.quantico {
    font-family: "Quantico", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    color: #111111;
    line-height: 1.46;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
    font-weight: 500;
}

h6 {
    font-size: 15px;
    font-weight: 500;
}

.wt-400 {
    font-weight: 400 !important;
}

.wt-500 {
    font-weight: 500 !important;
}

.wt-600 {
    font-weight: 600 !important;
}

.wt-700 {
    font-weight: 700 !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-12 {
    margin-left: 12px;
}

.mx-auto {
    margin: 0px auto;
}

.p-0 {
    padding: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.no-border {
    border: none !important;
}

*:focus {
    outline: none;
}

img {
    max-width: 100%;
}

.bg-gray {
    background: #ECEFF1;
}

body .mt--60 {
    margin-top: -60px;
}

.xl-mb-10 {
    margin-bottom: 10px;
}

.xl-mb-20 {
    margin-bottom: 20px;
}

.xl-mb-25 {
    margin-bottom: 25px;
}

.xl-mb-30 {
    margin-bottom: 30px !important;
}

.xl-mb-40 {
    margin-bottom: 40px !important;
}

.xl-pl-0 {
    padding-left: 0;
}

.max-w-100 {
    max-width: 100% !important;
}

::-moz-selection {
    background-color: #0095ff;
    color: #ffffff;
}

::selection {
    background-color: #0095ff;
    color: #ffffff;
}

.row-gap50 {
    row-gap: 50px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.offer-text {
    margin-top: 28px;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #0ec36b;
}

.bg-none {
    background: transparent !important;
}

a,
.btn,
button {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    a:hover,
    .btn:hover,
    button:hover {
        text-decoration: none;
        color: inherit;
    }

    a:focus,
    .btn:focus,
    button:focus {
        text-decoration: none;
        color: inherit;
        outline: none;
        border: none;
    }

button,
input[type="submit"] {
    cursor: pointer;
}

button {
    border-radius: 0;
    border: 0;
    background-color: transparent;
}

.btn {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

/*-- custom bootstrap style start --*/
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1170px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-container {
        max-width: 1370px;
        margin: auto;
    }

    .marketplace-container {
        max-width: 1411px;
        margin: auto;
    }
}

/*-- custom bootstrap style end --*/
/*-- color style --*/
.color-theme {
    color: #0095ff !important;
}

/*-- bg color style start --*/
.bg-primay {
    background-color: #0095ff;
}

.white-color {
    color: #ffffff;
}

.body-color {
    color: #444444;
}

.bg-aero-blue {
    background-color: #D1FDE9;
}

.green-color {
    color: #fd9904;
}

.check-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.max-width-570 {
    max-width: 570px;
}

.z-index-3 {
    position: relative;
    z-index: 3 !important;
}

/*-- bg color style end --*/
/*-- Lib custom Start --*/
.row {
    margin: 0px -15px !important;
}

.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    padding: 0px 15px !important;
}

/*-- Lib custom End --*/
/*-- Dark Mood --*/
body.dark-scheme,
html.dark-scheme body {
    color: #999999;
}

    body.dark-scheme h1,
    body.dark-scheme h2,
    body.dark-scheme h3,
    body.dark-scheme h4,
    body.dark-scheme h5,
    body.dark-scheme h6,
    html.dark-scheme body h1,
    html.dark-scheme body h2,
    html.dark-scheme body h3,
    html.dark-scheme body h4,
    html.dark-scheme body h5,
    html.dark-scheme body h6 {
        color: #ffffff;
    }

/*-- reset style end --*/
.rotate-icon-btn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

    .rotate-icon-btn .rotate-icon {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .rotate-icon-btn .icon {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.rotate-icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/*-- feature-team-section style start --*/
.feature-team-section {
    padding: 120px 0;
    background-color: #f8f0e6;
}

    .feature-team-section.newsletter {
        background: #ffffff;
    }

    .feature-team-section.v6 {
        background: #ffffff;
    }

        .feature-team-section.v6 .section-title.v6 p {
            color: #fd9904;
            font-family: "DM Sans", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            letter-spacing: 0.2em;
            margin-bottom: 10px;
        }

.feature-team-slider-nav .slick-list {
    padding: 0 !important;
}

.feature-team-slider-nav .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.feature-team-slider-nav .slider-item {
    cursor: pointer;
    width: 17.54% !important;
    height: 460px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .feature-team-slider-nav .slider-item::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .feature-team-slider-nav .slider-item::after {
        position: absolute;
        content: url("../images/icons/arrow-right-white.svg");
        bottom: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 1;
    }

    .feature-team-slider-nav .slider-item .slider-progress {
        position: absolute;
        overflow: hidden;
        content: "";
        bottom: 30px;
        left: 20px;
        width: calc(100% - 40px);
        height: 8px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .feature-team-slider-nav .slider-item .slider-progress .progress-done {
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background: #ffffff80;
        }

    .feature-team-slider-nav .slider-item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .feature-team-slider-nav .slider-item.slick-current {
        width: 57.89% !important;
    }

        .feature-team-slider-nav .slider-item.slick-current::before, .feature-team-slider-nav .slider-item.slick-current::after {
            opacity: 0;
        }

        .feature-team-slider-nav .slider-item.slick-current .slider-progress {
            opacity: 1;
        }

            .feature-team-slider-nav .slider-item.slick-current .slider-progress .progress-done {
                -webkit-animation: featureTeamProgress 6.4s infinite linear;
                animation: featureTeamProgress 6.4s infinite linear;
            }

@-webkit-keyframes featureTeamProgress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes featureTeamProgress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.feature-team-slider-for .slider-item h2 {
    margin-bottom: 40px;
    font-family: "Montserrat Alternates";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    color: #111111;
}

.feature-team-slider-for .slider-item ul {
    padding: 0;
    margin: 0;
    margin-top: 30px;
    max-width: 354px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

    .feature-team-slider-for .slider-item ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        font-weight: 500;
        font-size: 15px;
        line-height: 26px;
        color: #111111;
    }

        .feature-team-slider-for .slider-item ul li svg {
            font-size: 18px;
            color: #0ec36b;
        }

/*-- feature-team-section style end --*/
/*-- integration-element-section start --*/
.integration-element-section {
    padding: 120px 0;
    background-color: #242549;
    position: relative;
    z-index: 0;
}

    .integration-element-section.chatbot {
        background-color: #061C23;
    }

        .integration-element-section.chatbot .integrate-element-list .list-item {
            background: #19353E;
        }

        .integration-element-section.chatbot .explore-btn {
            background: #19353E;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

            .integration-element-section.chatbot .explore-btn:hover img {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: 0.4s;
                transition: 0.4s;
            }

        .integration-element-section.chatbot .bg-shape .bg-line {
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 566px;
            -o-object-fit: cover;
            object-fit: cover;
            z-index: 0;
        }

    .integration-element-section .bg-img {
        position: absolute;
        z-index: -1;
    }

        .integration-element-section .bg-img.img-1 {
            top: 170px;
        }

        .integration-element-section .bg-img.img-2 {
            top: 52%;
            left: 4%;
        }

        .integration-element-section .bg-img.img-3 {
            bottom: 0;
            left: 22%;
        }

.integrate-element-list {
    position: relative;
    top: 0;
}

    .integrate-element-list .list-item {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #2d2e50;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
    }

        .integrate-element-list .list-item img {
            width: 45px;
            height: 45px;
        }

        .integrate-element-list .list-item:nth-child(1) {
            top: 220px;
            left: 10%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .integrate-element-list .list-item:nth-child(2) {
            top: 110px;
            left: 22%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .integrate-element-list .list-item:nth-child(3) {
            top: 30px;
            left: 35%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .integrate-element-list .list-item:nth-child(4) {
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .integrate-element-list .list-item:nth-child(5) {
            top: 30px;
            right: 35%;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
        }

        .integrate-element-list .list-item:nth-child(6) {
            top: 110px;
            right: 22%;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
        }

        .integrate-element-list .list-item:nth-child(7) {
            top: 220px;
            right: 10%;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
        }

.integration-element-title {
    margin-top: 153px;
    margin-bottom: 110px;
    text-align: center;
    position: relative;
    z-index: 1;
}

    .integration-element-title h4 {
        margin-bottom: 17px;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #0095ff;
    }

    .integration-element-title h2 {
        font-family: "Montserrat Alternates";
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 60px;
        color: #ffffff;
    }

.integration-element-button {
    text-align: center;
    position: relative;
    z-index: 1;
}

/*-- integration-element-section end --*/
/*--------------------------------
03. Sections style
--------------------------------*/
/*-- header-section start --*/
.header-section {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
}

    .header-section.sticky {
        position: fixed;
        background-color: #ffffff99;
        -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding: 10px 0px !important;
        top: 0px;
        animation: headerAnimetion 0.3s linear;
        -webkit-animation: headerAnimetion 0.3s linear;
    }

        .header-section.sticky .bg-skyblue-btn {
            background: #0095ff;
            color: #ffffff !important;
            position: relative;
            z-index: 0;
        }

            .header-section.sticky .bg-skyblue-btn span {
                color: #ffffff;
            }

            .header-section.sticky .bg-skyblue-btn:hover {
                background: #0095ff;
            }

                .header-section.sticky .bg-skyblue-btn:hover span {
                    color: #ffffff;
                }

                .header-section.sticky .bg-skyblue-btn:hover::before {
                    -webkit-transform: translateX(0%);
                    transform: translateX(0%);
                }

            .header-section.sticky .bg-skyblue-btn::before {
                position: absolute;
                z-index: -1;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 50px;
                background: rgba(0, 0, 0, 0.1);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

        .header-section.sticky.sass-landing .bg-white-btn {
            background: #0555FF !important;
        }

    .header-section.v1 .logo-dark {
        display: none;
    }

    .header-section.v1 .main-menu .submenu li a {
        color: #444444;
    }

        .header-section.v1 .main-menu .submenu li a:hover {
            color: #111111;
        }

    .header-section.v1.sticky {
        background-color: #ffffff99;
        -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

        .header-section.v1.sticky .menu-toggler svg {
            color: #000000;
        }

        .header-section.v1.sticky .header-extra {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .header-section.v1.sticky .header-extra li a {
                color: #111111;
            }

                .header-section.v1.sticky .header-extra li a:hover {
                    color: #444444;
                }

        .header-section.v1.sticky .main-menu li a {
            color: #111111;
        }

            .header-section.v1.sticky .main-menu li a:hover {
                color: #444444;
            }

        .header-section.v1.sticky .dropdown-toggle::after {
            -webkit-filter: none;
            filter: none;
        }

        .header-section.v1.sticky .bg-white-btn {
            background: #0095ff;
            color: #ffffff !important;
            position: relative;
            z-index: 0;
        }

            .header-section.v1.sticky .bg-white-btn span {
                color: #ffffff;
            }

        .header-section.v1.sticky .logo-light {
            display: none;
        }

        .header-section.v1.sticky .logo-dark {
            display: block;
        }

    .header-section.v2 .main-menu .submenu li a {
        color: #444444;
    }

        .header-section.v2 .main-menu .submenu li a:hover {
            color: #111111;
        }

    .header-section.v2.sticky {
        background-color: #ffffff99;
        -webkit-box-shadow: 0px 10px 15px #0000000d;
        box-shadow: 0px 10px 15px #0000000d;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .header-section.v2 .main-menu li a {
        color: #111111;
    }

        .header-section.v2 .main-menu li a:hover {
            color: #444444;
        }

    .header-section.v2 .header-extra li a {
        color: #111111;
    }

        .header-section.v2 .header-extra li a:hover {
            color: #444444;
        }

    .header-section.v2 .dropdown-toggle::after {
        -webkit-filter: none;
        filter: none;
    }

    .header-section.v2 .submenu {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 10px 15px #00000014;
        box-shadow: 0px 10px 15px #00000014;
    }

    .header-section.terms-and-service {
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header-section.v4 .header-extra li a {
        color: #ffffff;
    }

        .header-section.v4 .header-extra li a:hover {
            color: #ffffff;
        }

    .header-section.v4.sticky .header-extra li a {
        color: #111111;
    }

        .header-section.v4.sticky .header-extra li a:hover {
            color: #444444;
        }

    .header-section.v4.sticky .talk-btn {
        background-color: #0095ff;
    }

        .header-section.v4.sticky .talk-btn:hover, .header-section.v4.sticky .talk-btn:focus {
            color: #ffffff !important;
        }

            .header-section.v4.sticky .talk-btn:hover span, .header-section.v4.sticky .talk-btn:focus span {
                color: #ffffff;
            }

    .header-section.v5 {
        top: 35px;
        padding: 15px 0px;
    }

        .header-section.v5.sticky {
            top: 0px;
        }

    .header-section.v6 .logo-dark {
        display: none;
    }

    .header-section.v6 .main-menu .submenu li a {
        color: #444444;
    }

        .header-section.v6 .main-menu .submenu li a:hover {
            color: #111111;
        }

    .header-section.v6.sticky {
        background: #fff;
        -webkit-box-shadow: 0px 10px 15px #0000000d;
        box-shadow: 0px 10px 15px #0000000d;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

        .header-section.v6.sticky .v6-header-content {
            background-color: transparent;
            padding: 0px;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            height: auto;
        }

        .header-section.v6.sticky .logo-light {
            display: none;
        }

        .header-section.v6.sticky .logo-dark {
            display: block;
        }

        .header-section.v6.sticky .main-menu li a {
            color: #111111;
        }

            .header-section.v6.sticky .main-menu li a:hover {
                color: #444444;
            }

        .header-section.v6.sticky .header-extra li a {
            color: #111111;
        }

            .header-section.v6.sticky .header-extra li a:hover {
                color: #444444;
            }

        .header-section.v6.sticky .header-extra li .language-dropdown button img {
            -webkit-filter: brightness(0);
            filter: brightness(0);
        }

    .header-section.v6 .v6-header-content {
        background: #ffffff;
        -webkit-backdrop-filter: blur(2.5px);
        backdrop-filter: blur(2.5px);
        border-radius: 40px;
        height: 80px;
        padding: 10px 15px 15px;
    }

    .header-section.header-style5 {
        padding-top: 20px;
    }

    .header-section.v7.sticky {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 10px 15px #00000014;
        box-shadow: 0px 10px 15px #00000014;
    }

    .header-section.v7 .header-navbar-container {
        gap: 0px;
    }

    .header-section.v7 .main-menu {
        max-width: 435px;
        margin: auto;
    }

        .header-section.v7 .main-menu li a {
            color: #111111;
        }

            .header-section.v7 .main-menu li a:hover, .header-section.v7 .main-menu li a:focus {
                color: #444444;
            }

    .header-section.v7 .header-extra li a {
        color: #111111;
    }

        .header-section.v7 .header-extra li a:hover {
            color: #444444;
        }

    .header-section.v7 .dropdown-toggle::after {
        -webkit-filter: none;
        filter: none;
    }

    .header-section.v7 .submenu {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 10px 15px #00000014;
        box-shadow: 0px 10px 15px #00000014;
    }

    .header-section.defi .defi-header-content {
        background: rgba(46, 46, 53, 0.7);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .header-section.defi .main-menu {
        max-width: 435px;
        margin: auto;
    }

        .header-section.defi .main-menu li a {
            color: #ffffff;
        }

            .header-section.defi .main-menu li a:hover, .header-section.defi .main-menu li a:focus {
                color: #999999;
            }

    .header-section.defi .header-extra li a {
        color: #ffffff;
    }

        .header-section.defi .header-extra li a:hover {
            color: #999999;
        }

    .header-section.defi.sticky {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

        .header-section.defi.sticky .defi-header-content {
            background: rgba(46, 46, 53, 0.7);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border-radius: 40px;
            height: 80px;
            padding: 10px 15px 15px;
        }

        .header-section.defi.sticky .main-menu li a {
            color: #ffffff;
        }

        .header-section.defi.sticky .main-menu .submenu li a {
            color: #111111;
        }

    .header-section.crypto-header.sticky {
        background-color: #FFFFFF10;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #FFFFFF05;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .header-section.crypto-header .main-menu li a {
        color: #ffffff;
        padding: 15px 0px;
    }

        .header-section.crypto-header .main-menu li a:hover, .header-section.crypto-header .main-menu li a:focus {
            color: #ffffff;
            opacity: 0.8;
        }

    .header-section.crypto-header .main-menu li ul li a {
        color: #111111;
    }

    .header-section.crypto-header .main-menu li ul li:hover a {
        color: #111111;
    }

    .header-section.v8 .main-menu .submenu li a {
        color: #444444;
    }

        .header-section.v8 .main-menu .submenu li a:hover {
            color: #111111;
        }

    .header-section.header-white {
        background: #ffffff;
    }

    .header-section .header-navbar-container {
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 60px;
    }

    .header-section .header-logo {
        padding: 0 !important;
        margin-right: 0;
    }

        .header-section .header-logo .dark-logo {
            display: none;
        }

        .header-section .header-logo .white-logo {
            display: block;
        }

    .header-section .header-navbar-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header-section.header-white .main-menu li a {
        color: #111111;
    }

    .header-section.header-white .header-extra li a {
        color: #111111;
    }

    .header-section.header-white .header-logo .white-logo {
        display: none;
    }

    .header-section.header-white .header-logo .dark-logo {
        display: block;
    }

    .header-section .navbar {
        padding: 0px;
    }

    .header-section.corporate-header {
        position: relative;
    }

        .header-section.corporate-header.sticky {
            position: fixed;
        }

.menu-toggler {
    border: 0;
}

    .menu-toggler svg {
        font-size: 30px;
        color: #000000;
    }

    .menu-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*-- main-menu style --*/
.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

    .main-menu ul {
        list-style: none;
    }

    .main-menu li {
        position: relative;
    }

        .main-menu li:hover .dropdown-toggle::after {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .main-menu li:hover .submenu {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
            opacity: 1;
            visibility: visible;
            width: 250px;
        }

            .main-menu li:hover .submenu li a {
                line-height: 333%;
            }

        .main-menu li a {
            color: #000;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            padding: 15px 0px;
            font-weight: 500;
        }

            .main-menu li a:hover, .main-menu li a:focus {
                color: #000;
            }

    .main-menu .dropdown-toggle::after {
        vertical-align: 0;
        border: 0;
        content: url("../images/icons/dropdown-toggle.svg");
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
        display: none;
    }

    .main-menu .submenu {
        position: absolute;
        top: 120%;
        left: 0;
        width: 180px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        padding: 13px 24px;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }

        .main-menu .submenu li a {
            line-height: 36px;
            padding: 0px !important;
        }

            .main-menu .submenu li a:hover {
                color: #0095ff;
            }

        .main-menu .submenu.dark {
            background: #20252B !important;
        }

            .main-menu .submenu.dark li a {
                color: #ffffff !important;
            }

                .main-menu .submenu.dark li a:hover {
                    color: #FFFFFF90 !important;
                }

    .main-menu .nft-submenu.dark {
        background: #20252B !important;
    }

/*-- header-extra style --*/
.header-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .header-extra li a {
        color: #000;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .header-extra li a:hover {
            color: #ffffffb2;
        }

/*-- header-section end --*/
/*-- qr code btn start --*/
.qr-code-btn {
    position: absolute;
    right: 40px;
}

    .qr-code-btn.relative {
        position: inherit;
    }

    .qr-code-btn .qr-code-btn-inner {
        position: relative;
    }

    .qr-code-btn .view-qr {
        background: #9FE870;
        border-radius: 50px;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .qr-code-btn .qr-code-box {
        position: absolute;
        right: 0px;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        width: 330px;
        height: 170px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0px -7.5px;
        background: #101722;
        border-radius: 20px;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }

        .qr-code-btn .qr-code-box .scan-qr {
            padding: 0px 7.5px;
            width: 50%;
        }

    .qr-code-btn:hover .qr-code-box {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1;
        visibility: visible;
    }

/*-- qr code btn end --*/
@-webkit-keyframes headerAnimetion {
    from {
        top: -100px;
    }

    to {
        top: 0px;
    }
}

@keyframes headerAnimetion {
    from {
        top: -100px;
    }

    to {
        top: 0px;
    }
}

.header-top {
    background: url(../images/bg/top-header-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 111;
}

    .header-top .header-top-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 35px;
    }

        .header-top .header-top-content .header-top-timer ul {
            margin: 0;
            padding: 0;
            list-style: none;
            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;
            max-width: 228px;
            width: 100%;
            gap: 30px;
        }

            .header-top .header-top-content .header-top-timer ul li {
                color: #ffffff;
            }

                .header-top .header-top-content .header-top-timer ul li span {
                    margin-left: 4px;
                }

        .header-top .header-top-content .header-top-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            gap: 15px;
        }

        .header-top .header-top-content p {
            margin-bottom: 0;
            color: #ffffff;
        }

.nav-expanded .staco-home3-canva {
    margin-top: 90px;
}

/*-- menu start --*/
.nav-expanded nav {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.nav-expanded .nav-expander img:nth-child(1) {
    display: none;
}

.nav-expanded .nav-expander img:nth-child(2) {
    display: block;
}

.nav-expander {
    display: none;
}

    .nav-expander img:nth-child(1) {
        display: block;
    }

    .nav-expander img:nth-child(2) {
        display: none;
    }

.crypto1-mobile-menu-btn .open {
    -webkit-filter: brightness(100);
    filter: brightness(100);
    opacity: 0.7;
}

.crypto1-mobile-menu-btn .close {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.right_menu_togle {
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    padding: 70px 0 20px 0;
    width: 100%;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    overflow-y: auto;
}

.mobile-navbar-menu .sub-menu {
    display: none;
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 10px;
}

.mobile-navbar-menu .nav-menu {
    width: 720px;
    margin: 0 auto;
    padding: 0 7px;
    padding: 0;
    list-style: none;
}

    .mobile-navbar-menu .nav-menu li a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        text-transform: capitalize;
        color: #111111;
        line-height: 20px;
        padding: 16px 0;
        width: 100%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-weight: 500;
        font-size: 15px;
    }

    .mobile-navbar-menu .nav-menu li li a {
        font-size: 14px;
        color: #444444;
        line-height: 20px;
        padding: 7px 20px;
    }

    .mobile-navbar-menu .nav-menu li {
        position: relative;
    }

        .mobile-navbar-menu .nav-menu li.active a {
            border-bottom: 1px solid transparent;
        }

        .mobile-navbar-menu .nav-menu li.active .sub-menu {
            background-color: rgba(0, 0, 0, 0.04);
        }

.mobile-navbar-menu span.submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 5px;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    width: 100%;
    cursor: pointer;
    top: 0;
    height: 50px;
}

    .mobile-navbar-menu span.submenu-button::before, .mobile-navbar-menu span.submenu-button::after {
        position: absolute;
        top: 24px;
        right: 21px;
        width: 20px;
        height: 2px;
        display: block;
        background: #999999;
        z-index: 2;
        content: "";
        right: 2px;
        width: 12px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .mobile-navbar-menu span.submenu-button::before {
        width: 2px;
        height: 12px;
        right: 26px;
        top: 19px;
    }

    .mobile-navbar-menu span.submenu-button em {
        display: block;
        position: absolute;
        right: 0;
        border-radius: 4px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.mobile-navbar-menu .submenu-button.submenu-opened::before {
    background: #0086e5;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mobile-navbar-menu .submenu-button.submenu-opened::after {
    display: none;
}

.mobile-navbar-menu ul ul li,
.mobile-navbar-menu li:hover > ul > li {
    height: auto;
}

.canvas-menu ul li {
    display: block;
}

    .canvas-menu ul li + li {
        padding-top: 15px;
    }

    .canvas-menu ul li a {
        display: block;
        color: #ffffff;
        font-weight: 600;
    }

        .canvas-menu ul li a:hover {
            color: #636363;
        }

.mobile-navbar-menu .nav-buttons {
    width: 720px;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 0 7px;
    list-style: none;
}

.mobile-navbar-menu .sign-in-btn,
.mobile-navbar-menu .bg-blue-btn {
    padding: 0 47.5px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}

.mobile-navbar-menu .sign-in-btn {
    background: rgba(17, 17, 17, 0.04);
    border-radius: 50px;
}

    .mobile-navbar-menu .sign-in-btn span {
        color: #111111;
    }

    .mobile-navbar-menu .sign-in-btn:hover {
        background: #0095ff;
    }

        .mobile-navbar-menu .sign-in-btn:hover span {
            color: #fff;
        }

.staco-overly-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.nav-expanded .staco-overly-bg {
    opacity: 1;
    visibility: visible;
}

.nav-expanded .header-section {
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}

/*-- menu end --*/
.nft-header-section {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    position: relative;
    z-index: 1111;
}

    .nft-header-section .header-blur-img {
        position: absolute;
        top: 0px;
        width: 100%;
        text-align: center;
        z-index: 0;
        height: 100%;
    }

        .nft-header-section .header-blur-img img {
            height: 100%;
        }

    .nft-header-section .mega-menu {
        top: 38px;
    }

        .nft-header-section .mega-menu .mega-menu-img {
            max-width: 80%;
            margin: auto;
        }

    .nft-header-section.sticky {
        padding: 15px 0px !important;
    }

.nft-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.nft-header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 84px;
}

    .nft-header-left .header-logo .nft-logo-light {
        display: none;
    }

    .nft-header-left .header-logo .nft-logo-dark {
        display: block;
    }

    .nft-header-left form {
        width: 470px;
        height: 45px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 25px;
        padding: 14px 20px;
        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;
    }

        .nft-header-left form input {
            overflow: hidden;
            max-width: 420px;
            margin-left: 14.5px;
            width: 100%;
            background: transparent;
            overflow: hidden;
            border: none;
            outline: none;
            font-size: 15px;
            line-height: 19.3px;
            font-weight: 500;
            color: #999999;
        }

.search-form-phn {
    max-width: 760px;
    padding: 0px 20px;
    width: 100%;
    margin: auto;
    margin-bottom: 16px;
    margin-top: 20px;
}

    .search-form-phn form {
        width: 100%;
        height: 45px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 25px;
        padding: 14px 20px;
        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;
    }

        .search-form-phn form input {
            overflow: hidden;
            max-width: 100%;
            margin-left: 14.5px;
            width: 100%;
            font-size: 15px;
            font-weight: 500;
            background: transparent;
            overflow: hidden;
            border: none;
            outline: none;
            font-weight: 600;
            color: #999999;
        }

.nft-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 46px;
}

    .nft-header-right .nft-menu {
        list-style: none;
        padding: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 46px;
        margin-bottom: 0px;
    }

        .nft-header-right .nft-menu .nav-item a {
            color: #444444;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            font-weight: 500;
        }

            .nft-header-right .nft-menu .nav-item a:hover {
                color: #111111;
            }

    .nft-header-right .nft-header-bnts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 30px;
    }

        .nft-header-right .nft-header-bnts .signin-btn:hover {
            color: #111111;
        }

        .nft-header-right .nft-header-bnts .connect-btn {
            background: #5F5FFF;
            border-radius: 25px;
            padding: 13.5px 20px;
            color: #ffffff;
            line-height: 16px;
            font-weight: 700;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .nft-header-right .nft-header-bnts .connect-btn img {
                margin-right: 13px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

        .nft-header-right .nft-header-bnts .dark-mood-btn {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .nft-header-right .nft-header-bnts .dark-mood-btn .js-go-dark {
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .nft-header-right .nft-header-bnts .dark-mood-btn .js-go-dark:hover {
                    -webkit-filter: brightness(0%);
                    filter: brightness(0%);
                }

            .nft-header-right .nft-header-bnts .dark-mood-btn .js-go-light {
                -webkit-transition: 0.3s;
                transition: 0.3s;
                display: none;
                -webkit-filter: brightness(100);
                filter: brightness(100);
            }

                .nft-header-right .nft-header-bnts .dark-mood-btn .js-go-light:hover {
                    -webkit-filter: brightness(100);
                    filter: brightness(100);
                    opacity: 0.7;
                }

    .nft-header-right .has-submenu {
        position: relative;
    }

        .nft-header-right .has-submenu .submenu {
            list-style: none;
            margin: 0px;
            position: absolute;
            top: 120%;
            left: 0;
            width: 250px;
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            padding: 13px 24px;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
            opacity: 0;
            visibility: hidden;
        }

            .nft-header-right .has-submenu .submenu li {
                line-height: 333%;
            }

                .nft-header-right .has-submenu .submenu li.nft-has-submenu::after {
                    top: 1px;
                }

        .nft-header-right .has-submenu:hover .submenu {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
            top: 40px;
            opacity: 1;
            visibility: visible;
        }

/*-- Deark Mood --*/
body.dark-scheme .nft-header-section,
html.dark-scheme body .nft-header-section {
    background: #181D22;
}

body.dark-scheme .nft-header-left .header-logo .nft-logo-dark,
html.dark-scheme body .nft-header-left .header-logo .nft-logo-dark {
    display: none;
}

body.dark-scheme .nft-header-left .header-logo .nft-logo-light,
html.dark-scheme body .nft-header-left .header-logo .nft-logo-light {
    display: block;
}

body.dark-scheme .nft-header-left form,
html.dark-scheme body .nft-header-left form {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.dark-scheme .nft-header-right .nft-header-bnts .signin-btn,
html.dark-scheme body .nft-header-right .nft-header-bnts .signin-btn {
    color: #999999;
}

body.dark-scheme .nft-header-right .nft-menu .nav-item a,
html.dark-scheme body .nft-header-right .nft-menu .nav-item a {
    color: #999999;
}

    body.dark-scheme .nft-header-right .nft-menu .nav-item a:hover,
    html.dark-scheme body .nft-header-right .nft-menu .nav-item a:hover {
        color: #ffffff;
    }

body.dark-scheme .nft-header-right .has-submenu .submenu,
html.dark-scheme body .nft-header-right .has-submenu .submenu {
    background: #181D22;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.dark-scheme .nft-header-right .has-submenu .nft-submenu,
html.dark-scheme body .nft-header-right .has-submenu .nft-submenu {
    background: #181D22;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

body.dark-scheme .mega-menu-card,
html.dark-scheme body .mega-menu-card {
    background: #20252B;
}

    body.dark-scheme .mega-menu-card .mega-menu-column,
    html.dark-scheme body .mega-menu-card .mega-menu-column {
        border-color: rgba(255, 255, 255, 0.1);
        background: #20252B;
    }

        body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1),
        html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1) {
            border: none;
            background: #2B3036;
        }

            body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1)::after,
            html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1)::after {
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.15)));
                background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
            }

            body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1)::before,
            html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1)::before {
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
            }

        body.dark-scheme .mega-menu-card .mega-menu-column h5,
        html.dark-scheme body .mega-menu-card .mega-menu-column h5 {
            color: #ffffff;
        }

    body.dark-scheme .mega-menu-card .more-demo-card,
    html.dark-scheme body .mega-menu-card .more-demo-card {
        background: #2B3036;
    }

        body.dark-scheme .mega-menu-card .more-demo-card p,
        html.dark-scheme body .mega-menu-card .more-demo-card p {
            color: #ffffff;
        }

        body.dark-scheme .mega-menu-card .more-demo-card::after,
        html.dark-scheme body .mega-menu-card .more-demo-card::after {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.2)), to(rgba(255, 255, 255, 0)));
            background: linear-gradient(180deg, rgba(255, 183, 202, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
        }

        body.dark-scheme .mega-menu-card .more-demo-card img,
        html.dark-scheme body .mega-menu-card .more-demo-card img {
            position: absolute;
            top: 21px;
            right: 20px;
            -webkit-filter: brightness(0.35);
            filter: brightness(0.35);
        }

    body.dark-scheme .mega-menu-card:hover .mega-menu-list li a,
    html.dark-scheme body .mega-menu-card:hover .mega-menu-list li a {
        opacity: 80%;
    }

    body.dark-scheme .mega-menu-card .mega-menu-list li a,
    html.dark-scheme body .mega-menu-card .mega-menu-list li a {
        color: #ffffff !important;
    }

        body.dark-scheme .mega-menu-card .mega-menu-list li a.disable,
        html.dark-scheme body .mega-menu-card .mega-menu-list li a.disable {
            opacity: 100%;
        }

    body.dark-scheme .mega-menu-card .mega-menu-list li.menuTabActive a:hover,
    html.dark-scheme body .mega-menu-card .mega-menu-list li.menuTabActive a:hover {
        color: #ffffff !important;
    }

.nav-item.home-nav {
    position: inherit !important;
}

    .nav-item.home-nav:hover .mega-menu {
        -webkit-animation: menuAnimetion 0.7s;
        animation: menuAnimetion 0.7s;
        display: block;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }

    .nav-item.home-nav a.megaTablinks {
        color: auto !important;
    }

.mega-menu {
    padding-top: 30px;
    background: transparent;
    top: 45px;
    left: 0px;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    -webkit-transform-origin: 50% -30px;
    transform-origin: 50% -30px;
    z-index: 100;
    opacity: 0;
    display: none;
    -webkit-transform: rotateX(-15deg) translateZ(0px);
    transform: rotateX(-15deg) translateZ(0px);
}

.mega-menu-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    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;
    overflow: hidden;
    width: 100%;
}

    .mega-menu-card .mega-menu-column {
        width: 25%;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        padding: 21px 40px 40px 40px;
        min-height: 450px;
        background: #ffffff;
        position: relative;
    }

        .mega-menu-card .mega-menu-column:nth-last-child(2) {
            border: none;
        }

        .mega-menu-card .mega-menu-column:nth-last-child(1) {
            border: none;
            background: #E3E9F7;
        }

            .mega-menu-card .mega-menu-column:nth-last-child(1)::after {
                content: '';
                height: 77px;
                width: 77px;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 85, 255, 0)), to(rgba(5, 85, 255, 0.15)));
                background: linear-gradient(180deg, rgba(5, 85, 255, 0) 0%, rgba(5, 85, 255, 0.15) 100%);
                right: 20px;
                bottom: 70px;
                position: absolute;
                border-radius: 50%;
                z-index: 0;
            }

            .mega-menu-card .mega-menu-column:nth-last-child(1)::before {
                content: '';
                height: 137px;
                width: 137px;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 85, 255, 0.15)), to(rgba(5, 85, 255, 0)));
                background: linear-gradient(180deg, rgba(5, 85, 255, 0.15) 0%, rgba(5, 85, 255, 0) 100%);
                top: 30px;
                left: 20px;
                position: absolute;
                border-radius: 50%;
                z-index: 0;
            }

    .mega-menu-card.dark {
        background: #20252B;
    }

        .mega-menu-card.dark .mega-menu-column {
            border-color: rgba(255, 255, 255, 0.1);
            background: #20252B;
        }

            .mega-menu-card.dark .mega-menu-column:nth-last-child(1) {
                border: none;
                background: #2B3036;
            }

                .mega-menu-card.dark .mega-menu-column:nth-last-child(1)::after {
                    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.15)));
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
                }

                .mega-menu-card.dark .mega-menu-column:nth-last-child(1)::before {
                    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
                }

            .mega-menu-card.dark .mega-menu-column h5 {
                color: #ffffff;
            }

        .mega-menu-card.dark .more-demo-card {
            background: #2B3036;
        }

            .mega-menu-card.dark .more-demo-card p {
                color: #ffffff;
            }

            .mega-menu-card.dark .more-demo-card::after {
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.2)), to(rgba(255, 255, 255, 0)));
                background: linear-gradient(180deg, rgba(255, 183, 202, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
            }

            .mega-menu-card.dark .more-demo-card img {
                position: absolute;
                top: 21px;
                right: 20px;
                -webkit-filter: brightness(0.35);
                filter: brightness(0.35);
            }

        .mega-menu-card.dark:hover .mega-menu-list li a {
            opacity: 80%;
        }

        .mega-menu-card.dark .mega-menu-list li a {
            color: #ffffff !important;
        }

            .mega-menu-card.dark .mega-menu-list li a.disable {
                opacity: 100%;
            }

        .mega-menu-card.dark .mega-menu-list li.menuTabActive a:hover {
            color: #ffffff !important;
        }

.mega-menu-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .mega-menu-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-height: 56px;
    }

        .mega-menu-list li .tag {
            font-weight: 700;
            font-size: 12px;
            line-height: 20px;
            text-transform: uppercase;
            padding: 0px 8px;
            margin-left: 12px;
            border-radius: 10px;
        }

            .mega-menu-list li .tag.hot {
                background: #FD246A;
                color: #ffffff;
            }

            .mega-menu-list li .tag.new {
                background: #0095FF;
                color: #ffffff;
            }

            .mega-menu-list li .tag.trendy {
                background: #9FE870;
                color: #111111;
            }

        .mega-menu-list li a {
            font-family: "DM Sans", sans-serif;
            font-weight: 500;
            font-size: 15px;
            line-height: 50px;
            color: #444444;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .mega-menu-list li a.disable {
                opacity: 70%;
            }

        .mega-menu-list li.menuTabActive a:hover {
            opacity: 100% !important;
            color: #111111 !important;
        }

.mega-menu-img {
    background: #405364;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

    .mega-menu-img img {
        height: 100%;
        width: 100%;
    }

.mega-menu-tabcontent {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding: 50px 40px;
}

.megaMenutabcontent {
    display: none;
    -webkit-animation: fadeEffect 0.4s;
    animation: fadeEffect 0.4s;
}

.more-demo-card {
    background: #FAEEF1;
    border-radius: 10px;
    padding: 17px 20px;
    position: relative;
    margin-top: 25px;
}

    .more-demo-card p {
        color: #111111;
        position: relative;
        z-index: 1;
        margin-bottom: 0px;
    }

    .more-demo-card::after {
        content: '';
        position: absolute;
        top: 12px;
        left: 8px;
        height: 33px;
        width: 33px;
        border-radius: 50%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.5)), to(rgba(250, 238, 241, 0.5)));
        background: linear-gradient(180deg, rgba(255, 183, 202, 0.5) 0%, rgba(250, 238, 241, 0.5) 100%);
        z-index: 0;
    }

    .more-demo-card img {
        position: absolute;
        top: 21px;
        right: 20px;
    }

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes menuAnimetion {
    from {
        -webkit-transform-origin: 50% -30px;
        transform-origin: 50% -30px;
        opacity: 0;
        display: none;
        -webkit-transform: rotateX(-15deg) translateZ(0px);
        transform: rotateX(-15deg) translateZ(0px);
    }

    to {
        display: block;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes menuAnimetion {
    from {
        -webkit-transform-origin: 50% -30px;
        transform-origin: 50% -30px;
        opacity: 0;
        display: none;
        -webkit-transform: rotateX(-15deg) translateZ(0px);
        transform: rotateX(-15deg) translateZ(0px);
    }

    to {
        display: block;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.nft-has-submenu {
    position: relative;
}

    .nft-has-submenu::after {
        content: '>';
        font-size: 22px;
        position: absolute;
        right: 0px;
        top: 11px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        color: #999999;
    }

    .nft-has-submenu .nft-submenu {
        list-style: none;
        margin: 0px;
        position: absolute;
        top: 10px;
        left: 110%;
        width: 250px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
        border-radius: 15px;
        padding: 13px 24px;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }

        .nft-has-submenu .nft-submenu li {
            line-height: 35px;
        }

    .nft-has-submenu:hover .nft-submenu {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        top: 40px;
        opacity: 1;
        visibility: visible;
    }

    .nft-has-submenu:hover::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

/*-- hero-section start --*/
.hero-section {
    padding: 235px 0px 165px 0px;
    background-color: #242549;
    background-image: url("../images/bg/wave-line.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

    .hero-section .shape-img {
        position: absolute;
        z-index: -1;
    }

        .hero-section .shape-img.img-1 {
            top: 25%;
            left: 0;
        }

        .hero-section .shape-img.img-2 {
            bottom: 0;
            left: 40%;
        }

        .hero-section .shape-img.img-3 {
            bottom: 0;
            right: 12%;
        }

/*-- hero-content style --*/
.hero-content-text {
    margin-bottom: 48px;
}

    .hero-content-text .uig-banner-title {
        line-height: 1.35;
    }

    .hero-content-text p {
        margin-top: 18px;
        font-size: 18px;
        line-height: 36px;
        color: #ffffff;
    }

.hero-content-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .hero-content-list .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .hero-content-list .list-item svg {
            font-size: 18px;
            color: #ffffff;
            position: relative;
            top: -3px;
        }

        .hero-content-list .list-item p {
            font-size: 14px;
            color: #ffffff;
        }

/*-- hero-img style --*/
.hero-img {
    text-align: right;
    position: relative;
}

    .hero-img::before {
        position: absolute;
        content: url("../images/shape/curve-line.png");
        bottom: 50px;
        left: 60px;
    }

    .hero-img img {
        width: 400px;
        height: 500px;
        border-radius: 200px;
    }

    .hero-img .overlay {
        position: absolute;
        top: -25px;
        left: 50px;
    }

        .hero-img .overlay img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
        }

.get-demo-btn {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fec458;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .get-demo-btn > img {
        width: 120px !important;
        height: 120px !important;
        -webkit-animation: rotateImg 15s infinite linear;
        animation: rotateImg 15s infinite linear;
    }

    .get-demo-btn .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .get-demo-btn .icon img {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .get-demo-btn:hover .icon img {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

@-webkit-keyframes rotateImg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateImg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-- Hero-Section2 --*/
.hero-section2 {
    min-height: 681px;
    padding-top: 245px;
}

.new-hoogle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 9px;
    margin-bottom: 27px;
}

    .new-hoogle span {
        font-family: "Montserrat Alternates", sans-serif;
        font-weight: 700;
        line-height: 14px;
        background: #f7578c;
        border-radius: 15px;
        color: #ffffff;
        padding: 8px 12px;
    }

    .new-hoogle p {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 36px;
        color: #111111;
        margin-top: 0px;
        position: relative;
    }

        .new-hoogle p:after {
            content: url(../images/icons/hoogle-icon.svg);
            position: absolute;
            right: -20px;
            top: -14px;
            -webkit-animation: badgeAnimate 2s infinite linear;
            animation: badgeAnimate 2s infinite linear;
        }

.hero-content2-text .banner-title {
    margin-bottom: 16px;
    line-height: 1.3;
}

    .hero-content2-text .banner-title .hero-badge {
        background: #fec458;
        border-radius: 0px 20px 0px 0px;
        margin-left: 7px;
    }

.hero-content2-text ul {
    padding: 0;
    list-style: none;
    margin-bottom: 49px;
}

    .hero-content2-text ul li {
        font-weight: 900;
        line-height: 36px;
        color: #111111;
    }

        .hero-content2-text ul li svg {
            font-size: 18px;
            margin-right: 10px;
        }

.hero2-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

    .hero2-img .hero2-image1 {
        position: absolute;
        left: 20px;
        top: -56px;
        background: #00CEC9;
        border-radius: 85px 85px 0px 85px;
        padding: 17px;
        overflow: hidden;
    }

        .hero2-img .hero2-image1 img {
            height: 100%;
            width: 100%;
            border-radius: 50%;
        }

    .hero2-img .hero2-image2 {
        position: absolute;
        left: 50px;
        top: 35%;
        background: #f7578c;
        border-radius: 85px 85px 0px 85px;
        -webkit-transform: rotate(-75deg);
        transform: rotate(-75deg);
        padding: 8px;
        overflow: hidden;
    }

        .hero2-img .hero2-image2 img {
            height: 100%;
            width: 100%;
            border-radius: 50%;
            -webkit-transform: rotate(75deg);
            transform: rotate(75deg);
        }

    .hero2-img .hero2-image3 {
        position: absolute;
        top: -50px;
        left: 60%;
        -webkit-animation: jumpingDown 4.5s infinite;
        animation: jumpingDown 4.5s infinite;
    }

    .hero2-img .hero2-image4 {
        position: absolute;
        bottom: 100px;
        left: 100px;
        -webkit-animation: jumpingUp 5s infinite;
        animation: jumpingUp 5s infinite;
    }

/*-- hero-section end --*/
/*-- hero-section-3 start --*/
.hero-section-3 {
    margin-top: 100px;
    background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), color-stop(45.31%, #ecf1f8), color-stop(98.8%, #ffeaef));
    background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
    border-radius: 50px;
    padding: 126px 0 30px 0;
    overflow: hidden;
}

.hero-section-3-header {
    text-align: center;
    position: relative;
    z-index: 0;
}

    .hero-section-3-header .shape-img {
        position: absolute;
        z-index: -1;
    }

        .hero-section-3-header .shape-img.img-1 {
            bottom: 90px;
            left: 10%;
        }

        .hero-section-3-header .shape-img.img-2 {
            bottom: 40px;
            right: 8%;
        }

    .hero-section-3-header .sub-title {
        margin: 0 auto 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background: rgba(249, 81, 140, 0.15);
        border-radius: 40px;
        padding: 8px 17px;
        color: #f9518c;
        display: block;
    }

    .hero-section-3-header form {
        margin: 28px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

        .hero-section-3-header form input {
            width: 380px;
            height: 60px;
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.12);
            border-radius: 50px;
            padding: 17px 20px;
        }

            .hero-section-3-header form input::-webkit-input-placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input:-ms-input-placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input::-ms-input-placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input::placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input:-ms-input-placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input::-ms-input-placeholder {
                color: #999;
                opacity: 1;
            }

            .hero-section-3-header form input[type="submit"] {
                width: 170px;
                height: 60px;
                background-color: #0095ff;
                border-radius: 50px;
                color: #ffffff;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                line-height: 0;
                font-weight: 700;
            }

                .hero-section-3-header form input[type="submit"]:hover {
                    opacity: 0.8;
                }

.hero-section-3-content {
    margin-top: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .hero-section-3-content .item {
        width: 100%;
    }

.call-remove-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f52e2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .call-remove-btn img {
        width: 16px !important;
        height: 16px !important;
    }

/*-- hero-section-3 end --*/
/*-- hero-section-4 style start --*/
.hero-section-4 {
    background-color: #f8f0e6;
    padding: 200px 0 154px 0;
    position: relative;
    overflow: hidden;
}

    .hero-section-4 .marketing-badge {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero-section-4 .hero-content-list .list-item p {
        color: #111111;
    }

    .hero-section-4::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 36.5%;
        height: 100%;
        background-color: #242549;
        background-image: url("../images/bg/map-bg.svg");
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 100%;
    }

.hero-section-4-content .hero-content-text {
    position: relative;
}

    .hero-section-4-content .hero-content-text .title {
        line-height: 1.17;
        margin-bottom: 27px;
    }

    .hero-section-4-content .hero-content-text h2,
    .hero-section-4-content .hero-content-text p {
        color: #111111;
    }

    .hero-section-4-content .hero-content-text::before {
        position: absolute;
        content: url("../images/icons/shape-left.svg");
        top: -15px;
        left: -30px;
        width: 42px;
        height: 40px;
        line-height: 0;
        -webkit-animation: badgeAnimate 2s infinite ease-in-out;
        animation: badgeAnimate 2s infinite ease-in-out;
    }

.hero-section-4-content .hero-content-list svg {
    color: #111111;
}

.hero-section-4-img {
    position: relative;
}

    .hero-section-4-img .overlay-item {
        position: absolute;
    }

        .hero-section-4-img .overlay-item.item-1 {
            top: -36px;
            left: 140px;
        }

        .hero-section-4-img .overlay-item.item-2 {
            top: 110px;
            left: -48px;
        }

        .hero-section-4-img .overlay-item.item-3 {
            bottom: -9px;
            right: -46px;
        }

        .hero-section-4-img .overlay-item.chart {
            top: 50%;
            right: -50px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #ffffff;
            border-radius: 0px 15px 0px 0px;
            padding: 11px 16px;
        }

        .hero-section-4-img .overlay-item.status {
            bottom: 45px;
            left: -25%;
        }

            .hero-section-4-img .overlay-item.status .pie_progress {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 130px;
                height: 130px;
                margin: auto 0;
                background-color: transparent;
            }

            .hero-section-4-img .overlay-item.status .pie_progress__label {
                margin-top: 0px;
            }

                .hero-section-4-img .overlay-item.status .pie_progress__label h4 {
                    color: #000000;
                }

                .hero-section-4-img .overlay-item.status .pie_progress__label p {
                    margin: 0;
                    font-size: 13px;
                }

/*-- hero-section-4 style end --*/
.hero-section-index5 {
    min-height: 642px;
    background: #F0F5FF;
    padding-bottom: 80px;
    position: relative;
    z-index: 0;
    overflow-x: hidden;
}

    .hero-section-index5::after {
        content: url(../images/sass1/banner-bg-vector.svg);
        position: absolute;
        z-index: -1;
        left: 0px;
        bottom: 40%;
        z-index: 1;
    }

    .hero-section-index5 .index5-hero-content {
        padding-top: 210px;
        position: relative;
        z-index: 11;
    }

        .hero-section-index5 .index5-hero-content .v5welocme-section {
            height: 36px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 50px;
            background: #ffffff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 5px 0px;
            max-width: 210px;
            width: 100%;
            margin: auto;
            margin-bottom: 20px;
            color: #111111;
        }

            .hero-section-index5 .index5-hero-content .v5welocme-section img {
                margin-right: 10px;
                position: relative;
                top: -2px;
            }

        .hero-section-index5 .index5-hero-content .v5banner-text .banner-title {
            margin-bottom: 28px;
            gap: 18px;
            font-weight: 700;
            font-size: 60px;
        }

            .hero-section-index5 .index5-hero-content .v5banner-text .banner-title .brack-text {
                display: block;
            }

            .hero-section-index5 .index5-hero-content .v5banner-text .banner-title .animation-text {
                padding: 0;
                margin: 0 auto !important;
                text-align: center;
            }

                .hero-section-index5 .index5-hero-content .v5banner-text .banner-title .animation-text:after {
                    display: none;
                }

            .hero-section-index5 .index5-hero-content .v5banner-text .banner-title b {
                background: -webkit-gradient(linear, left top, right top, color-stop(2.79%, #0095ff), color-stop(57.47%, #0f57e8), to(#f7578c));
                background: linear-gradient(90deg, #0095ff 2.79%, #0f57e8 57.47%, #f7578c 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                text-fill-color: transparent;
                font-weight: 700;
            }

        .hero-section-index5 .index5-hero-content .v5banner-text p {
            font-family: "DM Sans", sans-serif;
            font-size: 18px;
            font-weight: 500;
            line-height: 36px;
            color: #111111;
            max-width: 569px;
            width: 100%;
            margin: auto;
            text-align: center;
            margin-top: 12px;
            margin-bottom: 38px;
        }

        .hero-section-index5 .index5-hero-content form {
            max-width: 570px;
            margin: auto;
            height: 60px;
            margin-bottom: 6px;
            padding: 5px;
            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;
            background: #ffffff;
            -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
            border-radius: 30px;
            overflow: hidden;
        }

            .hero-section-index5 .index5-hero-content form button {
                height: 50px;
                max-width: 170px;
                width: 100%;
                padding: 0px;
            }

            .hero-section-index5 .index5-hero-content form input {
                height: 100%;
                width: 100%;
                max-width: 350px;
                border: none;
                outline: none;
                padding: 8px 19px;
                background: transparent;
            }

    .hero-section-index5 .index5-hero-img {
        position: relative;
        z-index: 10;
        max-width: 1170px;
        width: 100%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 10%;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .hero-section-index5 .index5-hero-img img {
            width: 80%;
            -webkit-transform: rotateX(40deg);
            transform: rotateX(40deg);
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

.index5-scroll-carousel-section {
    position: relative;
    overflow: hidden;
}

    .index5-scroll-carousel-section::after {
        content: "";
        height: 100%;
        width: 20%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background: -webkit-gradient(linear, left top, right top, from(#f0f5ff), to(rgba(240, 245, 255, 0)));
        background: linear-gradient(90deg, #f0f5ff 0%, rgba(240, 245, 255, 0) 100%);
        z-index: 11;
    }

    .index5-scroll-carousel-section::before {
        content: "";
        height: 100%;
        width: 20%;
        position: absolute;
        right: 0px;
        bottom: 0px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(240, 245, 255, 0)), to(#f0f5ff));
        background: linear-gradient(90deg, rgba(240, 245, 255, 0) 0%, #f0f5ff 100%);
        z-index: 11;
    }

    .index5-scroll-carousel-section ul {
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 33px;
        margin-bottom: 30px;
    }

        .index5-scroll-carousel-section ul.slide-left {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .index5-scroll-carousel-section ul.slide-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .index5-scroll-carousel-section ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            gap: 28px;
        }

            .index5-scroll-carousel-section ul li span {
                min-width: -webkit-max-content;
                min-width: -moz-max-content;
                min-width: max-content;
            }

            .index5-scroll-carousel-section ul li strong {
                font-family: "DM Sans", sans-serif;
                font-size: 30px;
                font-weight: 500;
                line-height: 70px;
                color: #111111;
                min-width: -webkit-max-content;
                min-width: -moz-max-content;
                min-width: max-content;
            }

.v6-body-bg {
    background: transparent;
    padding-bottom: 302px;
}

.hero-section6 {
    background: #1F2334;
    margin-bottom: 140px;
    position: relative;
    overflow: hidden;
}

    .hero-section6 .container {
        position: relative;
        padding-top: 247px;
        padding-bottom: 212px;
    }

        .hero-section6 .container .banner-vector-line1 {
            position: absolute;
            height: 40%;
            top: -32px;
            right: 22.2%;
            z-index: 3;
        }

            .hero-section6 .container .banner-vector-line1 img {
                height: 100%;
            }

        .hero-section6 .container .banner-vector-line2 {
            position: absolute;
            height: 70%;
            bottom: 0px;
            right: 32%;
            z-index: 0;
        }

            .hero-section6 .container .banner-vector-line2 img {
                height: 100%;
            }

    .hero-section6 .banner-vector {
        position: absolute;
        overflow-x: 0;
    }

    .hero-section6 .banner-vector1 {
        right: 30%;
        top: 20%;
    }

    .hero-section6 .banner-vector2 {
        left: 44%;
        top: 35%;
    }

    .hero-section6 .banner-vector3 {
        left: 45%;
        bottom: 18%;
    }

    .hero-section6 .banner-vector4 {
        right: 40%;
        top: 56%;
    }

    .hero-section6 .banner-vector5 {
        left: 25%;
        bottom: 13%;
    }

    .hero-section6 .banner-vector6 {
        left: 25%;
        top: 18%;
    }

.uig-animate-style .banner-title {
    color: #ffffff;
    margin-bottom: 21px;
    text-align: left;
    font-weight: 700;
}




    .uig-animate-style .banner-title span {
        color: #BA1D21;
    }

        .uig-animate-style .banner-title span b {
            font-weight: 700;
        }

    .uig-animate-style .banner-title.cd-headline.loading-bar .cd-words-wrapper::after {
        background: #044B86 !important;
        bottom: 12px;
        height: 8px;
    }

.v6-banner-text {
    position: relative;
    z-index: 1;
}

    .v6-banner-text p {
        font-size: 18px;
        font-weight: 500;
        line-height: 36px;
        color: #ffffff;
        margin-bottom: 48px;
    }

    .v6-banner-text .v6-banner-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

.v6-banner-img-section {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 470px;
    width: 100%;
    margin-left: auto;
    height: 100%;
}

.v6-banner-img {
    height: 340px;
    max-height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

    .v6-banner-img::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: linear-gradient(117.62deg, rgba(0, 0, 0, 0) 51.24%, #000000 100%);
        z-index: 1;
    }

#staco-h6-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#staco-h6-video-control {
    position: absolute;
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    z-index: 2;
    font-size: 28px;
    color: #fd9904;
}

    #staco-h6-video-control .play {
        display: none;
    }

    #staco-h6-video-control .pause {
        display: block;
    }

    #staco-h6-video-control.active .play {
        display: block;
    }

    #staco-h6-video-control.active .pause {
        display: none;
    }

.v7body-section {
    position: relative;
    z-index: 5;
    background: #ffffff;
    margin-bottom: 650px;
}

.hero-section-v6 {
    padding-top: 283px;
    padding-bottom: 50px;
    text-align: center;
}

    .hero-section-v6 .v6hero-img {
        position: relative;
        max-width: 1500px;
        padding: 0px 25px;
        margin: auto;
        margin-top: -12%;
        z-index: 0;
    }

.v7hero-section-text {
    position: relative;
    z-index: 2;
}

    .v7hero-section-text .banner-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 21px;
        margin-bottom: 36px;
    }

        .v7hero-section-text .banner-text h2 {
            font-size: 70px;
            font-weight: 700;
            line-height: 80px;
            width: -webkit-max-content !important;
            width: -moz-max-content !important;
            width: max-content !important;
        }

            .v7hero-section-text .banner-text h2.slick-current.one {
                background: -webkit-gradient(linear, left top, right top, color-stop(2.17%, #f7578c), to(#00aaff));
                background: linear-gradient(90deg, #f7578c 2.17%, #00aaff 100%);
                background-clip: text;
                text-fill-color: transparent;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .v7hero-section-text .banner-text h2.slick-current.two {
                background: -webkit-gradient(linear, left top, right top, color-stop(1.92%, #00aaff), to(#2bd9d9));
                background: linear-gradient(90deg, #00aaff 1.92%, #2bd9d9 100%);
                background-clip: text;
                text-fill-color: transparent;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .v7hero-section-text .banner-text h2.slick-current.three {
                background: -webkit-gradient(linear, left top, right top, from(#2bd9d9), to(#39d393));
                background: linear-gradient(90deg, #2bd9d9 0%, #39d393 100%);
                background-clip: text;
                text-fill-color: transparent;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

        .v7hero-section-text .banner-text .slick-list {
            padding: 0 !important;
        }

        .v7hero-section-text .banner-text .slick-track {
            width: 100% !important;
            -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 20px;
            max-width: 910px;
            width: 100%;
        }

    .v7hero-section-text p {
        max-width: 569px;
        margin: auto;
        text-align: center;
        font-size: 18px;
        line-height: 36px;
    }

.v6hero-section-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 58px;
    position: relative;
    z-index: 2;
}

    .v6hero-section-btns .bg-blue-btn {
        height: 60px;
    }

.v8banner-section.chatbot-banner {
    position: relative;
    z-index: 1;
    background: #041646 !important;
    background: url(../images/chatbot/chatbot-banner-grident.svg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .v8banner-section.chatbot-banner .hero-content-list {
        margin-top: 16px;
    }

        .v8banner-section.chatbot-banner .hero-content-list p {
            margin-bottom: 13px;
        }

    .v8banner-section.chatbot-banner .chatbot-banner-text {
        position: relative;
        z-index: 1;
        min-height: 800px;
    }

        .v8banner-section.chatbot-banner .chatbot-banner-text .title {
            font-size: 60px;
            font-weight: 700;
            line-height: 80px;
            text-align: left;
        }

            .v8banner-section.chatbot-banner .chatbot-banner-text .title span {
                position: relative;
                padding: 0px !important;
            }

                .v8banner-section.chatbot-banner .chatbot-banner-text .title span::after {
                    content: '';
                    height: 5px;
                    border-radius: 2.5px;
                    background: #FFC847;
                    width: 100%;
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                }

                .v8banner-section.chatbot-banner .chatbot-banner-text .title span img {
                    position: absolute;
                    top: -10px;
                    right: -30px;
                }

        .v8banner-section.chatbot-banner .chatbot-banner-text p {
            margin-top: 8px;
        }

.chatbot-banner-video {
    position: relative;
}

    .chatbot-banner-video.v8banner-video video {
        min-height: 800px;
    }

    .chatbot-banner-video .chatbot-banner-video-overlay {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, #041646), color-stop(51.04%, rgba(4, 22, 70, 0.520833)), to(rgba(4, 22, 70, 0)));
        background: linear-gradient(90deg, #041646 4.17%, rgba(4, 22, 70, 0.520833) 51.04%, rgba(4, 22, 70, 0) 100%);
    }

.start-free-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    background: #ffffff;
    border-radius: 35px;
    padding: 10px;
    max-width: 470px;
    width: 100%;
    max-height: 70px;
}

    .start-free-form .form-input {
        color: #111111;
        background: transparent;
        border: none;
        outline: none;
        padding: 14px;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
    }

    .start-free-form .bg-blue-btn {
        padding: 12px 40px;
        border: none;
        outline: none;
    }

        .start-free-form .bg-blue-btn:hover {
            opacity: 0.8;
        }

.banner-chat-section {
    max-width: 460px;
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
}

.newsletter-bg {
    background: #EEF2F5;
}

.hero-section2.newslater {
    padding-top: 230px;
    margin-bottom: 110px;
}

    .hero-section2.newslater .new-hoogle {
        max-width: 285px;
    }

    .hero-section2.newslater .banner-title {
        margin-bottom: 14px;
        font-weight: 700;
        font-size: 60px;
        line-height: 150%;
        color: #111111;
    }

        .hero-section2.newslater .banner-title .cd-words-wrapper {
            padding: 0px;
        }

            .hero-section2.newslater .banner-title .cd-words-wrapper::after {
                display: none;
            }

        .hero-section2.newslater .banner-title .animation-text b {
            font-family: "Caveat", cursive;
            background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(84.37%, #0095FF));
            background: linear-gradient(180deg, #000000 0%, #0095FF 84.37%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            font-size: 100px;
            line-height: 105%;
        }

    .hero-section2.newslater p {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 48px;
        color: #111111;
        max-width: 532px;
        width: 100%;
    }

.hero-content-button.newslater {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    max-width: 420px;
}

    .hero-content-button.newslater .bg-blue-btn {
        width: 220px;
        height: 60px;
        padding: 15px 46px;
    }

    .hero-content-button.newslater .bg-white-btn {
        width: 170px;
        height: 60px;
        border: 2px solid rgba(0, 0, 0, 0.1);
    }

.nft-marketplace-bg {
    background: #F7F7F7;
}

.nft-marketplace-bg2 {
    background: #F9F9F9;
}

.nft-banner-section {
    padding-top: 100px;
    padding-bottom: 104px;
}

.nft-banner-left .slick-list {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .nft-banner-left .slick-list .item {
        position: relative;
        overflow: hidden;
    }

        .nft-banner-left .slick-list .item::after {
            content: '';
            height: 100%;
            width: 100%;
            background: rgba(247, 247, 247, 0.2);
            border-radius: 15px;
            z-index: 1;
            top: 0px;
            left: 0px;
            position: absolute;
        }

        .nft-banner-left .slick-list .item img {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            position: relative;
            z-index: 0;
        }

        .nft-banner-left .slick-list .item.slick-current .slick-active::after {
            display: none;
        }

.nft-banner-left .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nft-banner-left img {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
    height: 100%;
}

.nft-banner-left .wrap {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
}

    .nft-banner-left .wrap:after {
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.nft-banner-left .slider {
    position: relative;
    z-index: 200;
    padding: 0 0 50px 0px;
    margin: auto;
    max-width: 800px;
    width: 100%;
}

    .nft-banner-left .slider item img {
        border-radius: 15px;
        height: 100%;
    }

.nft-banner-left .slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    border: none;
    background: transparent;
    color: #fff;
    font-family: monospace;
    font-size: 5rem;
    z-index: 300;
    outline: none;
}

.nft-banner-left .slick-prev {
    left: -50px;
    text-align: left;
}

.nft-banner-left .slick-next {
    right: -50px;
    text-align: right;
}

.nft-banner-left .item.slick-slide {
    width: 500px;
    height: 550px !important;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    position: relative;
}

.nft-banner-left .item.slick-slide {
    -webkit-transform: scale(0.7) translate(640px);
    transform: scale(0.7) translate(640px);
}

    .nft-banner-left .item.slick-slide.slick-center + .slick-slide {
        -webkit-transform: scale(0.8) translate(-115%);
        transform: scale(0.8) translate(-115%);
        z-index: 10;
    }

        .nft-banner-left .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
            -webkit-transform: scale(0.7) translate(-245%);
            transform: scale(0.7) translate(-245%);
            z-index: 5;
        }

    .nft-banner-left .item.slick-slide.slick-active {
        -webkit-transform: scale(0.8) translate(280px);
        transform: scale(0.8) translate(280px);
    }

    .nft-banner-left .item.slick-slide.slick-center {
        /* margin: 0 -10%; */
        -webkit-transform: scale(1) translate(-19.2%);
        transform: scale(1) translate(-19.2%);
        z-index: 30;
    }

.nft-banner-left .slick-center:after {
    opacity: 0;
    margin: 10px;
    padding: 10px;
}

.nft-banner-left .slick-dots {
    bottom: -25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(95, 95, 255, 0.2);
    border-radius: 3px;
    height: 5px;
    max-width: 250px;
    margin: auto;
    overflow: hidden;
    right: -13%;
}

    .nft-banner-left .slick-dots li {
        position: inherit;
        height: 5px;
        margin: 0px;
        position: absolute;
        width: 100%;
    }

        .nft-banner-left .slick-dots li.slick-active button {
            background: #5F5FFF;
            height: 100%;
            position: absolute;
            animation: lineProgress 3.3s linear infinite;
            -webkit-animation: lineProgress 3.3s linear infinite;
        }

        .nft-banner-left .slick-dots li button {
            background: transparent;
        }

            .nft-banner-left .slick-dots li button::after, .nft-banner-left .slick-dots li button::before {
                display: none;
            }

.nft-banner-right {
    padding-top: 42px;
    padding-left: 37px;
}

    .nft-banner-right .nft-banner-title {
        margin-bottom: 44px;
        font-weight: 700;
        font-size: 45px;
        line-height: 65px;
        max-width: 467px;
        width: 100%;
    }

.nft-people-section {
    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;
    margin-bottom: 56px;
}

.nft-people {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 14px;
}

    .nft-people .nft-people-img {
        min-height: 40px;
        min-width: 40px;
        line-height: 40px;
        line-height: 40px;
        border-radius: 50%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .nft-people .nft-people-img img {
            height: 100%;
            width: 100%;
        }

    .nft-people .nft-people-text p {
        font-size: 12px;
        text-transform: uppercase;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .nft-people .nft-people-text h6 {
        font-size: 14px;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 7px;
        margin-bottom: 0px;
    }

.nft-bid-info-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 79px;
}

.nft-bid-info {
    width: 50%;
}

    .nft-bid-info p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 21px;
        line-height: 20px;
        text-transform: uppercase;
    }

    .nft-bid-info h4 {
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 20px;
        font-family: "DM Sans", sans-serif;
    }

        .nft-bid-info h4 span {
            font-size: 18px;
            color: #999999;
        }

    .nft-bid-info .nft-banner-timer {
        list-style: none;
        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;
        max-width: 260px;
        width: 100%;
        padding: 0px;
        margin-bottom: 0px;
        font-size: 24px;
        font-weight: 600;
        line-height: 20px;
    }

        .nft-bid-info .nft-banner-timer li {
            text-transform: uppercase;
            font-family: "DM Sans", sans-serif;
            color: #111111;
        }

            .nft-bid-info .nft-banner-timer li::after {
                content: ':';
                color: #444444;
                margin-left: 10px;
            }

            .nft-bid-info .nft-banner-timer li:nth-last-child(1)::after {
                display: none;
            }

.place-bid-btn {
    background: -webkit-gradient(linear, left top, right top, from(#5F5FFF), to(#FC5FFF));
    background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
    border-radius: 30px;
    padding: 17.5px 117.5px;
    line-height: 20px;
    color: #ffffff;
}

    .place-bid-btn:hover {
        color: #ffffff;
    }

body.dark-scheme .nft-marketplace-bg,
html.dark-scheme body .nft-marketplace-bg {
    background: #0D1014;
}

body.dark-scheme .nft-bid-info .nft-banner-timer,
html.dark-scheme body .nft-bid-info .nft-banner-timer {
    color: #999999;
}

    body.dark-scheme .nft-bid-info .nft-banner-timer li,
    html.dark-scheme body .nft-bid-info .nft-banner-timer li {
        color: #ffffff;
    }

.item-details-section {
    padding-top: 120px;
    padding-bottom: 103px;
}

.item-details-img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.item-details-info.left {
    padding-right: 40px;
}

.item-details-info.right {
    padding-left: 40px;
}

.item-details-info .item-details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .item-details-info .item-details-header .item-categories {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #111111;
        margin-bottom: 0px;
    }

    .item-details-info .item-details-header .item-details-header-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 30px;
    }

        .item-details-info .item-details-header .item-details-header-right button {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .item-details-info .item-details-header .item-details-header-right button:hover {
                -webkit-filter: brightness(0);
                filter: brightness(0);
            }

.item-details-info .item-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
}

.item-details-info .stock-info {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    max-width: 389px;
    width: 100%;
    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;
    margin-bottom: 39px;
}

.item-details-info .nft-people-section {
    padding: 10px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 36px;
}

.item-details-info .item-details-price-section {
    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;
    margin-bottom: 36px;
}

    .item-details-info .item-details-price-section .item-details-price {
        width: 48%;
    }

        .item-details-info .item-details-price-section .item-details-price p {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            text-transform: uppercase;
        }

            .item-details-info .item-details-price-section .item-details-price p span {
                text-transform: none;
                color: #111111;
            }

        .item-details-info .item-details-price-section .item-details-price h5 {
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            text-transform: uppercase;
        }

.item-details-info .item-details-btns {
    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;
}

    .item-details-info .item-details-btns button {
        width: 48%;
        padding: 17.5px 50px;
    }

    .item-details-info .item-details-btns .item-details-timer {
        width: 48%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(95, 95, 255, 0.15)), to(rgba(252, 95, 255, 0.15)));
        background: linear-gradient(90deg, rgba(95, 95, 255, 0.15) 0%, rgba(252, 95, 255, 0.15) 100%);
        border-radius: 30px;
        padding: 17.5px 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #111111;
    }

        .item-details-info .item-details-btns .item-details-timer p {
            margin-bottom: 0px;
        }

        .item-details-info .item-details-btns .item-details-timer ul {
            padding: 0px;
            list-style: none;
            margin-bottom: 0px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            gap: 12px;
        }

.item-details-info .item-details-note {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 29px;
}

.item-details-tab-section .item-details-tab-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
}

    .item-details-tab-section .item-details-tab-btns li {
        padding-bottom: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        color: #999999;
        border-bottom: 2px solid transparent;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        cursor: pointer;
    }

        .item-details-tab-section .item-details-tab-btns li.active, .item-details-tab-section .item-details-tab-btns li:hover {
            color: #111111;
            border-bottom: 2px solid #4157FF;
        }

.item-details-table-section {
    overflow-x: scroll;
}

    .item-details-table-section::-webkit-scrollbar {
        display: none;
    }

.item-details-table {
    padding-top: 30px;
    min-width: 520px;
}

    .item-details-table table {
        width: 100%;
    }

        .item-details-table table tr td {
            padding-bottom: 25px;
            vertical-align: bottom;
        }

            .item-details-table table tr td .table-text {
                color: #111111;
                margin-bottom: 0px;
                font-weight: 500;
                font-size: 14px;
                line-height: 20px;
            }

                .item-details-table table tr td .table-text span {
                    color: #999999;
                }

            .item-details-table table tr td:nth-last-child(1) {
                text-align: right;
            }

.item-details-table-people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 14px;
}

    .item-details-table-people .people-img {
        min-height: 40px;
        min-width: 40px;
        max-height: 40px;
        max-width: 40px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
    }

        .item-details-table-people .people-img img {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
        }

    .item-details-table-people .people-text p {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        text-transform: uppercase;
        color: #999999;
        margin-bottom: 0px;
    }

    .item-details-table-people .people-text h6 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }

        .item-details-table-people .people-text h6 img {
            margin-left: 7px;
        }

.item-details-driscption-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-width: 121px;
    width: 100%;
    margin-top: 17px;
    margin-bottom: 9px;
}

    .item-details-driscption-list ul li {
        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;
    }

        .item-details-driscption-list ul li span {
            line-height: 36px;
            color: #444444;
        }

            .item-details-driscption-list ul li span:nth-child(1) {
                text-transform: uppercase;
                min-width: 113px;
            }

.item-details-driscption-list p {
    max-width: 649px;
    width: 100%;
}

body.dark-scheme .item-details-info .item-details-price-section .item-details-price p span,
html.dark-scheme body .item-details-info .item-details-price-section .item-details-price p span {
    color: #ffffff;
}

body.dark-scheme .item-details-info .item-details-header .item-categories,
html.dark-scheme body .item-details-info .item-details-header .item-categories {
    color: #ffffff;
}

body.dark-scheme .item-details-info .item-details-btns .item-details-timer,
html.dark-scheme body .item-details-info .item-details-btns .item-details-timer {
    color: #ffffff;
}

body.dark-scheme .item-details-tab-section .item-details-tab-btns,
html.dark-scheme body .item-details-tab-section .item-details-tab-btns {
    border-color: #ffffff20;
}

    body.dark-scheme .item-details-tab-section .item-details-tab-btns li.active, body.dark-scheme .item-details-tab-section .item-details-tab-btns li:hover,
    html.dark-scheme body .item-details-tab-section .item-details-tab-btns li.active,
    html.dark-scheme body .item-details-tab-section .item-details-tab-btns li:hover {
        color: #ffffff;
    }

body.dark-scheme .item-details-info .nft-people-section,
html.dark-scheme body .item-details-info .nft-people-section {
    border-color: #ffffff20;
}

body.dark-scheme .item-details-table table tr td .table-text,
html.dark-scheme body .item-details-table table tr td .table-text {
    color: #ffffff;
}

body.dark-scheme .item-details-driscption-list ul li span,
html.dark-scheme body .item-details-driscption-list ul li span {
    color: #999999;
}

body.dark-scheme .item-details-driscption-list p,
html.dark-scheme body .item-details-driscption-list p {
    color: #999999;
}

body.dark-scheme .item-details-buy-now-btn span,
html.dark-scheme body .item-details-buy-now-btn span {
    color: #ffffff;
}

.app-landing-hero-section {
    padding-top: 190px;
    position: relative;
    overflow: hidden;
}

    .app-landing-hero-section .app-hero-content {
        margin-top: -100px;
        position: relative;
        z-index: 1;
    }

        .app-landing-hero-section .app-hero-content p {
            font-size: 18px;
            line-height: 36px;
        }

        .app-landing-hero-section .app-hero-content .hero-content-button .bg-blue-btn {
            height: 60px;
            width: 220px;
            padding: 14px 30px;
        }

    .app-landing-hero-section .app-landing-banner-img {
        position: relative;
        z-index: 2;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .app-landing-hero-section .app-landing-banner-img img {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .app-landing-hero-section .app-banner-text-effect {
        margin-bottom: 31px;
    }

        .app-landing-hero-section .app-banner-text-effect p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .app-landing-hero-section .app-banner-text-effect p .badge {
                line-height: 14px;
                color: #FFFFFF;
                padding: 8px 11.5px;
                font-family: "Montserrat Alternates", sans-serif;
                background: #f7578c;
                border-radius: 15px;
            }

            .app-landing-hero-section .app-banner-text-effect p .cd-words-wrapper {
                width: 100% !important;
                margin-left: 10px;
            }

            .app-landing-hero-section .app-banner-text-effect p b {
                color: #111111;
                font-weight: 500;
                font-size: 18px;
                line-height: 36px;
            }

                .app-landing-hero-section .app-banner-text-effect p b img {
                    margin-left: 10px;
                }

    .app-landing-hero-section .app-banner-shape1 {
        position: absolute;
        top: 0px;
        right: 12%;
        z-index: 0;
    }

    .app-landing-hero-section .app-banner-shape2 {
        position: absolute;
        bottom: -84px;
        left: 10%;
        z-index: 0;
    }

.crypto-wallet-body {
    background: #101722;
    min-height: 100vh;
}

.crypto-wallet-hero-section {
    padding-top: 181px;
}

.crypto-hero-section-text {
    text-align: center;
}

    .crypto-hero-section-text h1 {
        font-weight: 700;
        font-size: 70px;
        line-height: 90px;
        text-align: center;
        color: #ffffff;
        max-width: 750px;
        margin: 0 auto;
        margin-bottom: 27px;
    }

        .crypto-hero-section-text h1 span {
            color: #01FFB0;
        }

    .crypto-hero-section-text .banner-text {
        max-width: 545px;
        font-size: 18px;
        line-height: 35px;
        margin: 0 auto;
        color: #ffffff;
        margin-bottom: 38px;
    }

.banner-animetion {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 19px;
    padding: 3px 7px;
    max-width: 364px;
    width: 100%;
    margin: auto;
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
}

    .banner-animetion .new {
        font-weight: 700;
        line-height: 14px;
        color: #111111;
        padding: 5px 9px;
        background: #FCE344;
        border-radius: 15px;
        margin-right: 9px;
    }

    .banner-animetion p {
        margin-bottom: 0px;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .banner-animetion span {
        margin-left: 12px;
    }

.crypto-hero-img {
    width: 100%;
    margin-top: 60px;
    position: relative;
    margin-bottom: 140px;
    position: relative;
}

    .crypto-hero-img .dhashboard-img {
        max-width: 950px;
        margin: auto;
        padding-right: 30px;
        background: rgba(57, 63, 87, 0.7);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        border-radius: 30px;
        overflow: hidden;
    }

        .crypto-hero-img .dhashboard-img img {
            height: 100%;
            width: 100%;
        }

    .crypto-hero-img .mobile-img {
        padding: 10px;
        background: rgba(128, 132, 149, 0.3);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 25px;
        position: absolute;
        right: 0px;
        bottom: 48px;
        max-width: 190px;
    }

        .crypto-hero-img .mobile-img img {
            height: 100%;
            width: 100%;
        }

.container {
    position: relative;
    z-index: 2;
}

.hero-overlay {
    background: radial-gradient(54.8% 82.2% at 50.8% 4.8%, rgba(0, 0, 96, 0.5) 0%, rgba(16, 23, 34, 0.5) 100%);
    height: 100vh;
    position: absolute;
    top: 0px;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .hero-overlay .banner-vector {
        margin-top: 53%;
    }

    .hero-overlay .banner-grad {
        margin-top: 0px;
    }

.coroprate-banner-section {
    background: url(../images/corporate/corporate-banner-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 11;
    background-attachment: fixed;
    overflow: hidden;
}

    .coroprate-banner-section .overlay {
        background: rgba(16, 23, 34, 0.7);
        padding: 198px 0px;
        height: 100%;
        position: relative;
        z-index: 1;
    }

.corporate-banner-text {
    max-width: 613px;
    width: 100%;
    margin: auto;
    padding: 0px 20px;
}

    .corporate-banner-text h4 {
        margin-bottom: 19px;
    }

    .corporate-banner-text h1 {
        font-size: 80px;
        line-height: 125%;
        margin-bottom: 32px;
    }

    .corporate-banner-text p {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 48px;
    }

.crypto2-hero-section {
    padding-top: 203px;
    position: relative;
}

    .crypto2-hero-section .bottom-overlay {
        content: '';
        height: 171px;
        position: absolute;
        bottom: 84px;
        left: 0px;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        z-index: 11;
    }

    .crypto2-hero-section .container {
        z-index: auto;
    }

.crypto2-hero-left {
    position: relative;
    z-index: 0;
}

    .crypto2-hero-left::before {
        content: '';
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 65, 254, 0.15)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(180deg, rgba(69, 65, 254, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
        height: 700px;
        width: 700px;
        border-radius: 50%;
        position: absolute;
        top: -100px;
        left: -212px;
    }

.crypto2-hero-img {
    position: relative;
    z-index: 1;
}

    .crypto2-hero-img .coin1 {
        position: absolute;
        top: -50px;
        left: 12%;
        -webkit-animation: jumpingDown 4.5s infinite;
        animation: jumpingDown 4.5s infinite;
    }

    .crypto2-hero-img .coin2 {
        position: absolute;
        top: -30px;
        right: 33%;
        -webkit-animation: jumpingUp 5s infinite;
        animation: jumpingUp 5s infinite;
    }

    .crypto2-hero-img .coin3 {
        position: absolute;
        top: 140px;
        left: 12%;
        -webkit-animation: jumpingUp 5s infinite;
        animation: jumpingUp 5s infinite;
    }

.crypto2-hero-text {
    padding-top: 39px;
    position: relative;
    z-index: 99;
}

    .crypto2-hero-text h1 {
        line-height: 80px;
        margin-bottom: 17px;
    }

    .crypto2-hero-text p {
        font-weight: 500;
        font-size: 18px;
        line-height: 36px;
        max-width: 573px;
        margin-bottom: 48px;
    }

.crypto2-banner-links {
    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;
    max-width: 391px;
    width: 100%;
}

    .crypto2-banner-links .os-link {
        -webkit-filter: brightness(0);
        filter: brightness(0);
        opacity: 0.4;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .crypto2-banner-links .os-link:hover {
            -webkit-filter: none;
            filter: none;
            opacity: 1;
        }

.crypto-token-body {
    background: #0D1014;
    min-height: 100vh;
}

.crypto-token-banner .crypto-token-banner-shape {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 100%;
    z-index: 0;
}

    .crypto-token-banner .crypto-token-banner-shape .ractangle {
        background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.3)), to(rgba(108, 211, 108, 0.3)));
        background: linear-gradient(90deg, rgba(208, 46, 190, 0.3) 0%, rgba(108, 211, 108, 0.3) 100%);
        width: 100%;
        height: 60px;
        margin-bottom: 20px;
    }

.crypto-token-banner-inner {
    background: url(../images/crypto-token/crypto-token-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .crypto-token-banner-inner .overlay {
        background: url(../images/crypto-token/grain-texture.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        padding-top: 251px;
        padding-bottom: 91px;
        height: 100%;
    }

        .crypto-token-banner-inner .overlay .container {
            position: relative;
        }

        .crypto-token-banner-inner .overlay .masd-grad {
            position: absolute;
            right: -158px;
            top: -100px;
        }

    .crypto-token-banner-inner .bottom-overlay {
        height: 50%;
        width: 100%;
        bottom: 0px;
        position: absolute;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 20, 0)), color-stop(65.1%, rgba(13, 16, 20, 0.762195)), color-stop(85.42%, #0D1014));
        background: linear-gradient(180deg, rgba(13, 16, 20, 0) 0%, rgba(13, 16, 20, 0.762195) 65.1%, #0D1014 85.42%);
    }

.crypto-token-banner-text {
    margin-bottom: 120px;
    position: relative;
    z-index: 1;
}

    .crypto-token-banner-text h1 {
        font-size: 100px;
        line-height: 120%;
        color: #ffffff;
        margin-bottom: 45px;
        text-transform: uppercase;
    }

    .crypto-token-banner-text p {
        font-size: 18px;
        line-height: 200%;
        color: #ffffff;
        max-width: 650px;
        margin-bottom: 58px;
    }

.crypto-token-banner-ball {
    position: relative;
    position: absolute;
    right: 0px;
    top: -91px;
    z-index: 0;
}

    .crypto-token-banner-ball img {
        animation: rotate360 8s linear infinite;
        -webkit-animation: rotate360 8s linear infinite;
    }

/*-- crypto banner card --*/
.crypto-banner-card {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 25px 40px;
}

    .crypto-banner-card h2 {
        font-size: 40px;
        max-height: 70px;
        min-height: 70px;
        padding: 5px 0px;
        line-height: 140%;
        color: #ffffff;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 15px 0px;
    }

    .crypto-banner-card p {
        font-size: 18px;
        line-height: 100px;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0px;
        position: relative;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

        .crypto-banner-card p::after {
            content: '';
            height: 11px;
            width: 11px;
            background: #BFFF0A;
            border-radius: 50%;
            position: absolute;
            right: -20px;
            top: 45px;
        }

.crypto-banner-card2 {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 25px 38px;
    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;
    margin-bottom: 30px;
}

    .crypto-banner-card2 h2 {
        font-size: 40px;
        line-height: 60px;
        color: #ffffff;
        margin-bottom: 0px;
    }

    .crypto-banner-card2 p {
        font-size: 18px;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0px;
        line-height: 60px;
        position: relative;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding-left: 25px;
    }

        .crypto-banner-card2 p::before {
            content: '';
            height: 11px;
            width: 11px;
            background: #BFFF0A;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 25px;
        }

.number-diy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .number-diy .data {
        font-size: 40px !important;
        line-height: auto;
        color: #ffffff !important;
        margin-bottom: 0px;
    }

        .number-diy .data div {
            width: 30px !important;
            padding: 0px !important;
        }

            .number-diy .data div span {
                width: 30px !important;
                padding: 0px !important;
                height: auto !important;
            }

/*-- banner-video-section start --*/
@-webkit-keyframes circle {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes circle {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.banner-video-section {
    padding-top: 50px;
}

.banner-video-card {
    height: 550px;
    border-radius: 30px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .banner-video-card video {
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        border-radius: 30px;
    }

    .banner-video-card h2 {
        position: relative;
        z-index: 2;
        text-align: center;
        color: #ffffff;
        margin-bottom: 0px;
        font-size: 70px;
        text-transform: uppercase;
        line-height: 117%;
    }

        .banner-video-card h2.cd-headline span {
            padding: 0px !important;
        }

        .banner-video-card h2 .cd-words-wrapper {
            width: 577px !important;
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: auto;
        }

            .banner-video-card h2 .cd-words-wrapper b {
                font-weight: 700;
                width: 577px !important;
                text-align: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: auto;
            }

/*-- banner-video-section End --*/
.sass-landing-hero-section {
    padding-bottom: 192px;
    position: relative;
}

.sass-landing-hero-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: clip;
}

    .sass-landing-hero-bg .bg-inner {
        position: relative;
    }

        .sass-landing-hero-bg .bg-inner img {
            width: 100%;
            min-height: 932px;
        }

    .sass-landing-hero-bg .banner-shape-list {
        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;
        position: absolute;
        bottom: 148px;
        left: 0px;
        width: 104%;
        z-index: 0;
        -webkit-transform: rotate(-11deg);
        transform: rotate(-11deg);
    }

    .sass-landing-hero-bg .banner-shape {
        background: linear-gradient(219.71deg, rgba(0, 149, 255, 0.15) -0.06%, rgba(255, 255, 255, 0.03) 77.32%);
        height: 226px;
        width: 16.66666%;
    }

.sass-landing-hero-content {
    padding-top: 281px;
}

.sass-banner-text h1 {
    color: #ffffff;
    margin-bottom: 32px;
}

.sass-banner-text p {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 53px;
    color: #ffffff;
    max-width: 534px;
    width: 100%;
}

.sass-banner-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 39px;
    margin-bottom: 41px;
}

    .sass-banner-btn .view-demo-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-weight: 700;
        font-size: 15px;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
    }

        .sass-banner-btn .view-demo-btn img {
            margin-left: 14px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .sass-banner-btn .view-demo-btn:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.sass-banner-img {
    position: relative;
}

    .sass-banner-img .banner-img {
        position: relative;
        z-index: 1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .sass-banner-img .shape2 {
        position: absolute;
        z-index: 0;
        top: 13px;
        left: -56px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .sass-banner-img .shape1 {
        position: absolute;
        z-index: 2;
        right: -55px;
        top: 66px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.sass-landing-banner-shapes {
    width: 100%;
    position: relative;
}

    .sass-landing-banner-shapes .shape1 {
        position: absolute;
        left: 0px;
        bottom: -163px;
        z-index: 3;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .sass-landing-banner-shapes .shape2 {
        position: absolute;
        left: 25%;
        bottom: -177px;
        z-index: 3;
    }

    .sass-landing-banner-shapes .shape3 {
        position: absolute;
        left: 50%;
        bottom: -190px;
        z-index: 3;
    }

    .sass-landing-banner-shapes .shape4 {
        position: absolute;
        right: 25%;
        bottom: -60px;
        z-index: 3;
    }

    .sass-landing-banner-shapes .shape5 {
        position: absolute;
        right: -95px;
        bottom: -108px;
        z-index: 3;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.defi-index-bg {
    background: #0D1014;
    min-height: 100vh;
}

.defi-banner-section {
    background: url(../images/defi/defi-banner-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

    .defi-banner-section .defi-banner-inner {
        background: url(../images/crypto-token/grain-texture.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        height: 100%;
        width: 100%;
    }

        .defi-banner-section .defi-banner-inner .overlay {
            background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), color-stop(50.52%, rgba(13, 16, 20, 0.7)), to(#0D1014));
            background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0.7) 50.52%, #0D1014 100%);
            padding-top: 260px;
            width: 100%;
            height: 100%;
        }

.defi-banner-text {
    text-align: center;
    max-width: 813px;
    margin: auto;
}

    .defi-banner-text h1 {
        margin-bottom: 30px;
        font-size: 70px;
        font-weight: 700;
        line-height: 100px;
        text-align: center;
        color: #FFFFFF;
    }

        .defi-banner-text h1 .words {
            padding: 0px -7px;
        }

        .defi-banner-text h1 .word {
            padding: 0px 6px;
        }

        .defi-banner-text h1 .animation-text {
            padding: 0;
            margin: 0 auto !important;
            text-align: center;
        }

            .defi-banner-text h1 .animation-text:after {
                display: none;
            }

        .defi-banner-text h1 b {
            background: -webkit-gradient(linear, left top, right top, color-stop(35.54%, #37EA8E), color-stop(65.12%, #BDF93F));
            background: linear-gradient(90deg, #37EA8E 35.54%, #BDF93F 65.12%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            font-weight: 700;
            margin-top: 6px;
        }

    .defi-banner-text p {
        font-weight: 500;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        max-width: 626px;
        margin: auto;
        margin-bottom: 48px;
    }

.multi-chain-section {
    margin-top: 59px;
}

    .multi-chain-section p {
        font-weight: 500;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        color: #FFFFFF;
        text-transform: uppercase;
        margin-bottom: 9px;
    }

.multi-chain-card {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 150px;
    padding: 20px 0px;
    overflow: hidden;
}

.multi-chain-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

    .multi-chain-list:nth-last-child(1) {
        margin-bottom: 0px;
    }

.multi-chain-list1 {
    -webkit-animation: smoothSlider 32s infinite linear;
    animation: smoothSlider 32s infinite linear;
}

.multi-chain-list2 {
    -webkit-animation: smoothSlider 25s infinite linear;
    animation: smoothSlider 25s infinite linear;
}

.multi-chain-list3 {
    -webkit-animation: smoothSlider 15s infinite linear;
    animation: smoothSlider 15s infinite linear;
}

.multi-chain-list4 {
    -webkit-animation: smoothSlider 22s infinite linear;
    animation: smoothSlider 22s infinite linear;
}

.multi-chain-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .multi-chain-list ul li {
        margin-right: 20px;
        padding: 10px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

        .multi-chain-list ul li .coin-img {
            height: 30px;
            width: 30px;
            overflow: hidden;
            border-radius: 50%;
            position: relative;
            margin-right: 9px;
        }

            .multi-chain-list ul li .coin-img img {
                position: absolute;
                height: 100%;
                width: 100%;
                border-radius: 50%;
            }

        .multi-chain-list ul li span {
            color: rgba(255, 255, 255, 0.8);
        }

.defi-banner-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .defi-banner-btn:hover .defi-banner-btn-shape .shape1 {
        padding: 3.5px 0px;
    }

    .defi-banner-btn:hover .defi-banner-btn-shape .shape2 {
        padding: 5px 0px;
    }

    .defi-banner-btn:hover .defi-banner-btn-shape .shape3 {
        padding: 6px 0px;
    }

.defi-banner-btn-shape {
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
}

    .defi-banner-btn-shape .shape1 {
        width: 3px;
        padding: 6px 0px;
        background: #FFFFFF;
        border-radius: 2px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .defi-banner-btn-shape .shape2 {
        width: 3px;
        padding: 3.5px 0px;
        background: #FFFFFF;
        border-radius: 2px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .defi-banner-btn-shape .shape3 {
        width: 3px;
        background: #FFFFFF;
        border-radius: 2px;
        padding: 5px 0px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

/*-- footer-section start --*/
.footer-section {
    background-color: #191c1f;
    position: relative;
    z-index: 0;
}

    .footer-section.crypto2 {
        background: #ffffff;
    }

        .footer-section.crypto2 .footer-info p {
            color: #444444;
        }

        .footer-section.crypto2 .footer-widget .widget-title h6 {
            color: #111111;
        }

        .footer-section.crypto2 .footer-widget .widget-list li a {
            color: #111111;
        }

        .footer-section.crypto2 .theme-badge {
            background: #4541FE;
        }

        .footer-section.crypto2 .footer-follow p {
            color: #444444;
        }

        .footer-section.crypto2 .footer-follow .social-link li a {
            -webkit-filter: brightness(0);
            filter: brightness(0);
        }

        .footer-section.crypto2 .footer-copyright p {
            color: #444444;
        }

        .footer-section.crypto2 .privacy-menu li a {
            color: #444444;
        }

        .footer-section.crypto2 .footer-bottom {
            border-top: 1px solid rgba(0, 0, 0, 0.15);
        }

    .footer-section.v2 {
        background-color: #eceff1;
        border-radius: 50px 50px 0px 0px;
    }

        .footer-section.v2 .footer-widget {
            margin-top: 0;
        }

            .footer-section.v2 .footer-widget .widget-title h6 {
                color: #111111;
            }

            .footer-section.v2 .footer-widget .widget-list {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .footer-section.v2 .footer-widget .widget-list li a {
                    color: #444444;
                }

                    .footer-section.v2 .footer-widget .widget-list li a:hover {
                        color: #111111;
                    }

        .footer-section.v2 .footer-bottom {
            border-top: 1px solid #0000001a;
        }

        .footer-section.v2 .footer-copyright {
            text-align: right;
        }

            .footer-section.v2 .footer-copyright p {
                color: #444444;
            }

    .footer-section.v3 {
        background-color: #ffffff;
    }

        .footer-section.v3::before {
            position: absolute;
            z-index: -1;
            content: "";
            top: 0;
            left: 0;
            width: 36.5%;
            height: 100%;
            background-color: #edf0f5;
        }

        .footer-section.v3 .footer-copyright p {
            color: #444444;
        }

        .footer-section.v3 .footer-widget {
            margin-top: 0;
        }

            .footer-section.v3 .footer-widget .widget-title h6 {
                color: #111111;
            }

            .footer-section.v3 .footer-widget .widget-list {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .footer-section.v3 .footer-widget .widget-list li a {
                    color: #444444;
                }

                    .footer-section.v3 .footer-widget .widget-list li a:hover {
                        color: #111111;
                    }

        .footer-section.v3 .footer-bottom {
            border-top: 1px solid #0000001a;
        }

        .footer-section.v3 .footer-copyright {
            text-align: right;
        }

    .footer-section.v4::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 36.5%;
        height: 100%;
        background-color: #ffffff05;
    }

    .footer-section.v4 .footer-info {
        margin-bottom: 10px;
    }

    .footer-section.v4 h4 {
        font-size: 18px;
        color: #ffffff;
        font-weight: 600;
    }

    .footer-section.v4 h5 {
        margin-top: 20px;
        font-size: 15px;
        line-height: 36px;
        color: #ffffff;
    }

        .footer-section.v4 h5 a {
            margin-left: 10px;
            background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0095ff), to(#f7578c));
            background: linear-gradient(270deg, #0095ff 0.85%, #f7578c 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

    .footer-section.v6 {
        background: #1f2334;
        border-radius: 30px;
    }

        .footer-section.v6 .v6theme-badge {
            background: #fd9904;
        }

.v6-footer-container {
    max-width: 1560px;
    padding: 0px 20px;
    margin: auto;
}

/*-- footer-top start --*/
.footer-top {
    padding: 120px 0 70px 0;
}

    .footer-top .footer-follow p {
        margin-bottom: 0;
    }

/*-- footer-info style --*/
.footer-info {
    margin-bottom: 58px;
}

    .footer-info .footer-logo {
        margin-bottom: 37px;
        display: block;
    }

    .footer-info p {
        color: #ffffffb2;
    }

/*-- .footer-follow style --*/
.footer-follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .footer-follow p {
        font-family: "Montserrat Alternates", sans-serif;
        color: #ffffff;
    }

    .footer-follow .social-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 28px;
    }

        .footer-follow .social-link li a {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .footer-follow .social-link li a img {
                width: 16px;
                height: 16px;
                opacity: 0.7;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

            .footer-follow .social-link li a:hover {
                opacity: 1;
            }

                .footer-follow .social-link li a:hover img {
                    opacity: 1;
                }

/*-- footer-img style --*/
.footer-img {
    position: relative;
}

    .footer-img a {
        position: absolute;
        top: 72px;
        left: 72px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .footer-img a svg {
            font-size: 16px;
            color: #0095ff;
        }

/*-- footer-widget style --*/
.footer-widget {
    margin-top: 23px;
}

    .footer-widget .widget-title {
        margin-bottom: 25px;
    }

        .footer-widget .widget-title h6 {
            text-transform: uppercase;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 0;
        }

    .footer-widget .widget-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .footer-widget .widget-list li:not(:first-child) {
            margin-top: 20px;
        }

        .footer-widget .widget-list li a {
            color: #ffffffb2;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .footer-widget .widget-list li a span {
                margin-left: 8px;
            }

            .footer-widget .widget-list li a:hover {
                color: #ffffff;
            }

.footer-copyright p {
    color: #444444;
    margin-bottom: 0;
}

/*-- footer-top end --*/
/*-- footer-bottom start --*/
.footer-bottom {
    border-top: 1px solid #d9d9d91a;
    padding: 30px 0;
}

    .footer-bottom .footer-rating {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .footer-bottom .footer-rating p {
            margin-bottom: 0;
        }

/*-- social-link style --*/
.social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .social-link li a {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .social-link li a img {
            width: 16px;
            height: 16px;
        }

        .social-link li a:hover {
            opacity: 0.7;
        }

    .social-link.social-link-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

/*-- footer-copyright style --*/
.footer-copyright p {
    color: #ffffffb2;
}

/*-- privacy-menu style --*/
.privacy-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .privacy-menu li a {
        color: #ffffffb2;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .privacy-menu li a:hover {
            color: #ffffff;
        }

/*-- footer-rating style --*/
.footer-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

    .footer-rating .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .footer-rating .list-item .icon img {
            width: 16px;
            height: 16px;
        }

        .footer-rating .list-item .text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
        }

            .footer-rating .list-item .text svg {
                font-size: 16px;
                line-height: 26px;
                color: #fec458;
            }

            .footer-rating .list-item .text p {
                font-weight: 500;
                font-size: 15px;
                line-height: 26px;
                color: #ffffff;
            }

/*-- footer-bottom end --*/
/*-- footer-section end --*/
.footer6-section {
    margin-top: 124px;
    position: relative;
}

    .footer6-section .footer-copyright-dark p {
        color: #111111;
    }

    .footer6-section .footer-contact-text {
        top: 5px;
    }

    .footer6-section.corporate-footer-section {
        background: #101722;
        margin-top: 0px;
        padding-top: 140px;
    }

        .footer6-section.corporate-footer-section .footer-copyright-dark p {
            color: rgba(255, 255, 255, 0.8);
        }

            .footer6-section.corporate-footer-section .footer-copyright-dark p a {
                color: #FFFFFF;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

.footer-contact-section {
    margin-bottom: 84px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .footer-contact-section .footer-contact-line {
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.1);
        position: absolute;
        left: 0px;
        top: 18px;
        z-index: 1;
    }

    .footer-contact-section .footer-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 30px;
        margin-left: -20px;
    }

    .footer-contact-section .footer-contact-text {
        position: relative;
        z-index: 2;
        max-width: 180px;
        width: 100%;
    }

        .footer-contact-section .footer-contact-text p {
            min-width: 100px;
            max-width: 100px;
            padding-left: 20px;
            background: #ffffff;
            text-transform: uppercase;
        }

        .footer-contact-section .footer-contact-text h5 {
            font-family: "DM Sans", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 36px;
            padding-left: 20px;
        }

.footer-top6 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 92px;
}

    .footer-top6 .footer-col h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        margin-top: 35px;
        margin-bottom: 30px;
    }

    .footer-top6 .footer-col h5 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 37px;
        text-transform: uppercase;
    }

    .footer-top6 .footer-col ul li a {
        font-family: "DM Sans", sans-serif;
        color: #444444;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .footer-top6 .footer-col ul li a:hover {
            color: #0095ff;
        }

    .footer-top6 .footer-col p {
        margin-bottom: 12px;
    }

    .footer-top6 .footer-col form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .footer-top6 .footer-col form input {
            width: 100%;
            font-family: "DM Sans", sans-serif;
            border: 2px solid rgba(0, 0, 0, 0.1);
            border-radius: 25px;
            padding: 9px 21px;
            max-width: 270px;
            width: 100%;
            margin-bottom: 20px;
        }

        .footer-top6 .footer-col form button {
            color: #ffffff;
            background: #0095ff;
            padding: 9px 38px;
            border-radius: 25px;
        }

    .footer-top6 .footer-col.v8 ul li {
        padding-bottom: 10px;
    }

        .footer-top6 .footer-col.v8 ul li a:hover {
            color: #0DAC81;
        }

    .footer-top6 .footer-col.v8 form button {
        background: #0DAC81;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .footer-top6 .footer-col.v8 form button:hover {
            opacity: 0.8;
        }

    .footer-top6 .footer-col.corporate-footer-col p {
        color: rgba(255, 255, 255, 0.8);
    }

    .footer-top6 .footer-col.corporate-footer-col ul li {
        padding-bottom: 10px;
    }

        .footer-top6 .footer-col.corporate-footer-col ul li a {
            color: rgba(255, 255, 255, 0.8);
        }

            .footer-top6 .footer-col.corporate-footer-col ul li a:hover {
                color: #5ECC62;
            }

    .footer-top6 .footer-col.corporate-footer-col form input {
        background: transparent;
        color: #ffffff;
        border: 2px solid rgba(255, 255, 255, 0.12);
    }

        .footer-top6 .footer-col.corporate-footer-col form input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-top6 .footer-col.corporate-footer-col form input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-top6 .footer-col.corporate-footer-col form input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-top6 .footer-col.corporate-footer-col form input::placeholder {
            color: rgba(255, 255, 255, 0.8);
        }

    .footer-top6 .footer-col.corporate-footer-col form button {
        background: #5ECC62;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .footer-top6 .footer-col.corporate-footer-col form button:hover {
            opacity: 0.8;
        }

.corporate-footer-social-link li a {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

    .corporate-footer-social-link li a:hover {
        opacity: 0.8;
    }

.text-link.v8,
.text-link.v8:hover {
    color: #0DAC81;
}

.text-link.corpotate,
.text-link.corpotate:hover {
    color: #5ECC62;
}

.v7-footer-area {
    position: fixed;
    z-index: 0;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.footer-section-v7 {
    background: #191c1f;
    padding-top: 99px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

    .footer-section-v7 .footer-section-grain-texture {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

        .footer-section-v7 .footer-section-grain-texture img {
            height: 100%;
            width: 100%;
        }

.footer-section-mash-gard {
    position: absolute;
    z-index: 0;
    top: 0%;
    width: 827px;
    height: 566px;
}

.footer-v7-content {
    position: relative;
    z-index: 4;
}

.footer-v7-text {
    text-align: center;
    max-width: 535px;
    width: 100%;
    margin: auto;
    margin-bottom: 60px;
}

    .footer-v7-text h2 {
        margin-bottom: 45px;
        color: #ffffff;
    }

    .footer-v7-text .leav-msg-btn {
        border-radius: 50px;
        width: 220px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-transform: capitalize;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin: auto;
    }

.v7footer-contact-card {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 45px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

    .v7footer-contact-card .v7footer-card-text {
        color: #ffffff;
    }

        .v7footer-contact-card .v7footer-card-text p {
            text-transform: uppercase;
        }

        .v7footer-contact-card .v7footer-card-text h6 {
            font-size: 18px;
            line-height: 36px;
            margin-bottom: 0;
            color: #fff;
        }

        .v7footer-contact-card .v7footer-card-text.text-right p {
            margin-bottom: 10px;
        }

.v7-main-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0px;
}

    .v7-main-footer .back-to-top-btn {
        margin: auto;
    }

        .v7-main-footer .back-to-top-btn .icon {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            font-size: 28px;
            color: #ffffff;
        }

    .v7-main-footer .copyright-text {
        color: rgba(255, 255, 255, 0.7);
        width: 47%;
    }

        .v7-main-footer .copyright-text a {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .v7-main-footer .copyright-text a:hover {
                color: #ffffff;
            }

    .v7-main-footer .privacy-menu {
        width: 47%;
    }

.chatbot-body {
    position: relative;
    z-index: 2;
}

.chatbot-footer-section {
    padding-top: 90px;
    padding-bottom: 44px;
    background: url(../images/chatbot/chatbot-footer-bg.png);
    background-attachment: fixed;
    background-size: cover;
}

    .chatbot-footer-section.newsletter-footer {
        background: #191C1F;
    }

    .chatbot-footer-section.sass-footer {
        background: transparent;
        padding-top: 140px;
        position: relative;
    }

        .chatbot-footer-section.sass-footer .footer-bg {
            position: absolute;
            bottom: 0px;
            width: 100%;
        }

        .chatbot-footer-section.sass-footer .shape-img1 {
            position: absolute;
            top: 20px;
            left: 60px;
        }

        .chatbot-footer-section.sass-footer .shape-img2 {
            position: absolute;
            top: 180px;
            left: 0px;
        }

.chatbot-newslater {
    margin-bottom: 90px;
}

    .chatbot-newslater h2 {
        color: #ffffff;
        max-width: 518px;
        width: 100%;
    }

.chatbot-newslater-left, .chatbot-newslater-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
}

.chatbot-footer-card {
    padding: 100px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    margin-bottom: 60px;
}

    .chatbot-footer-card.newsletter {
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 80px;
        border-radius: 0px;
    }

        .chatbot-footer-card.newsletter .chatbot-footer-left {
            margin-left: auto;
        }

        .chatbot-footer-card.newsletter .chatbot-footer-right {
            border-left: none;
            border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

    .chatbot-footer-card.crypto-wallet {
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 80px;
        border-radius: 0px;
    }

        .chatbot-footer-card.crypto-wallet .chatbot-footer-left {
            margin-left: auto;
        }

        .chatbot-footer-card.crypto-wallet .chatbot-footer-right {
            border-left: none;
            border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

    .chatbot-footer-card.sass {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.chatbot-footer-left {
    max-width: 400px;
    width: 100%;
}

    .chatbot-footer-left h4 {
        margin-bottom: 20px;
        color: #ffffff;
        max-width: 270px;
    }

    .chatbot-footer-left p {
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 42px;
    }

    .chatbot-footer-left.sass h4 {
        color: #111111;
    }

    .chatbot-footer-left.sass p {
        color: #444444;
    }

.subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 35px;
    padding: 10px;
    max-width: 470px;
    width: 100%;
    max-height: 60px;
}

    .subscribe-form.sass {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 35px;
    }

        .subscribe-form.sass .form-input {
            color: #111111;
        }

            .subscribe-form.sass .form-input::-webkit-input-placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #111111;
            }

            .subscribe-form.sass .form-input:-ms-input-placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #111111;
            }

            .subscribe-form.sass .form-input::-ms-input-placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #111111;
            }

            .subscribe-form.sass .form-input::placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #111111;
            }

            .subscribe-form.sass .form-input:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #111111;
            }

            .subscribe-form.sass .form-input::-ms-input-placeholder {
                /* Microsoft Edge */
                color: #111111;
            }

        .subscribe-form.sass .bg-blue-btn {
            background: #0555FF;
        }

    .subscribe-form .form-input {
        color: #ffffff;
        background: transparent;
        border: none;
        outline: none;
        padding: 14px;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
    }

        .subscribe-form .form-input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .subscribe-form .form-input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .subscribe-form .form-input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .subscribe-form .form-input::placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

    .subscribe-form .bg-blue-btn {
        padding: 7px 33px;
        border: none;
        outline: none;
    }

        .subscribe-form .bg-blue-btn:hover {
            opacity: 0.8;
        }

        .subscribe-form .bg-blue-btn.gradient-bg-btn {
            background: -webkit-gradient(linear, left top, right top, from(#30D7F1), color-stop(51.56%, #79FA4B), to(#FCE344));
            background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 51.56%, #FCE344 100%);
            color: #111111;
        }

.chatbot-footer-right {
    padding-left: 49px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-menu-list h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 37px;
}

.footer-menu-list ul {
    list-style: none;
    padding: 0px;
}

    .footer-menu-list ul li a {
        line-height: 36px;
        color: rgba(255, 255, 255, 0.7);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 5px;
    }

        .footer-menu-list ul li a:hover {
            color: #ffffff;
        }

        .footer-menu-list ul li a span {
            text-transform: uppercase;
            color: #ffffff;
            background: #F7578C;
            border-radius: 10px;
            height: 20px;
            width: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 13px;
        }

            .footer-menu-list ul li a span.crypto-badge {
                background: #01FFB0;
                color: #111111;
            }

.chatbot-footer-bottom-left {
    max-width: 571px;
    width: 100%;
}

    .chatbot-footer-bottom-left ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        list-style: none;
        padding: 0px;
        margin-bottom: 22px;
        max-width: 367px;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .chatbot-footer-bottom-left ul li a {
            color: rgba(255, 255, 255, 0.7);
        }

            .chatbot-footer-bottom-left ul li a:hover {
                color: #ffffff;
            }

    .chatbot-footer-bottom-left.sass ul li a {
        color: #111111;
    }

    .chatbot-footer-bottom-left.sass p {
        color: #444444;
        font-weight: 500;
    }

        .chatbot-footer-bottom-left.sass p span {
            color: #111111;
            font-weight: 700;
        }

    .chatbot-footer-bottom-left p {
        margin-bottom: 13px;
        color: rgba(255, 255, 255, 0.5);
        font-size: 13px;
        font-weight: 400;
        line-height: 26px;
    }

        .chatbot-footer-bottom-left p span {
            color: #FFFFFF;
        }

.chatbot-footer-bottom-right p {
    color: #ffffff;
    line-height: 36px;
    font-weight: 600;
    font-family: "Montserrat Alternates", sans-serif;
}

    .chatbot-footer-bottom-right p a {
        background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0095FF), to(#F7578C));
        background: linear-gradient(270deg, #0095FF 0.85%, #F7578C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-left: 12px;
    }

.chatbot-footer-bottom-right.sass p a {
    background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0555FF), to(#F7578C));
    background: linear-gradient(270deg, #0555FF 0.85%, #F7578C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-left: 12px;
}

.chatbot-footer-bottom-right.crypto p a {
    background: -webkit-gradient(linear, left top, right top, from(#30D7F1), color-stop(51.56%, #79FA4B), to(#FCE344));
    background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 51.56%, #FCE344 100%);
    -webkit-background-clip: text;
    -webkit-tex-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.chatbot-footer-bottom-right .chatbot-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 14px;
    margin-bottom: 71px;
}

    .chatbot-footer-bottom-right .chatbot-social p {
        margin-bottom: 0px;
    }

.chatbot-footer-bottom-right .chatbot-social-list {
    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;
    max-width: 193px;
    width: 100%;
    gap: 14px;
}

    .chatbot-footer-bottom-right .chatbot-social-list a {
        -webkit-filter: brightness(100);
        filter: brightness(100);
        opacity: 70%;
    }

        .chatbot-footer-bottom-right .chatbot-social-list a:hover {
            opacity: 100;
        }

.chatbot-footer-bottom-right.sass p {
    color: #111111;
}

.chatbot-footer-bottom-right.sass .chatbot-social-list a img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: 0.8;
}

.crypto-footer-social p {
    color: #ffffff;
    line-height: 36px;
    font-weight: 600;
    font-family: "Montserrat Alternates", sans-serif;
    margin-bottom: 17px;
}

.crypto-footer-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .crypto-footer-social-list a {
        height: 60px;
        width: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.05);
        -webkit-backdrop-filter: blur(2.5px);
        backdrop-filter: blur(2.5px);
        border-radius: 15px;
    }

.chatbot-footer-bottom .footer-copyright {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 48px;
}

    .chatbot-footer-bottom .footer-copyright a {
        margin: 0px 5px;
    }

        .chatbot-footer-bottom .footer-copyright a:hover {
            color: #ffffff;
        }

    .chatbot-footer-bottom .footer-copyright.sass {
        color: #444444;
        font-weight: 500;
    }

        .chatbot-footer-bottom .footer-copyright.sass a:hover {
            color: #111111;
        }

    .chatbot-footer-bottom .footer-copyright.crypto {
        color: rgba(255, 255, 255, 0.7);
    }

.chatbot-footer-bottom .copyright-list {
    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;
    max-width: 210px;
    list-style: none;
    padding: 0px;
    min-height: 48px;
}

    .chatbot-footer-bottom .copyright-list li {
        width: 48px;
        height: 48px;
        overflow: hidden;
        border-right-color: 50%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .chatbot-footer-bottom .copyright-list li img {
            height: 100%;
            width: 100%;
            position: absolute;
        }

/*-- newsletter section --*/
.newsletter-get-demo-section {
    background: #0095FF;
    border-radius: 30px;
    overflow: hidden;
}

    .newsletter-get-demo-section.sass {
        background: #0555FF;
        overflow: visible;
    }

.newsletter-get-demo-section-inner {
    background: url(../images/newslater/newsletter-footer-bg.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 54px;
    padding-left: 69px;
    padding-right: 88px;
}

    .newsletter-get-demo-section-inner .newsletter-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .newsletter-get-demo-section-inner.sass {
        background: url(../images/sass2/sass-footer-demo-bg.png);
        background-attachment: fixed;
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
        padding: 54px 70px;
    }

.newsletter-get-demo-left {
    padding-bottom: 63px;
}

    .newsletter-get-demo-left h2 {
        margin-bottom: 33px;
        color: #ffffff;
    }

    .newsletter-get-demo-left a {
        font-weight: 700;
        color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .newsletter-get-demo-left a svg {
            margin-left: 10px;
            font-size: 24px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .newsletter-get-demo-left a:hover svg {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.sass-demo-shapes {
    position: relative;
    height: 100%;
    width: 100%;
}

    .sass-demo-shapes .shape1 {
        position: absolute;
        right: 132px;
        rop: 0px;
    }

    .sass-demo-shapes .shape2 {
        position: absolute;
        top: 32px;
        right: 0px;
    }

    .sass-demo-shapes .shape3 {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .sass-demo-shapes .shape4 {
        position: absolute;
        top: 0px;
        right: -100px;
    }

.crypto-wallet-footer {
    padding-top: 135px;
    background: transparent !important;
}

.footer-menu-list.sass h5 {
    color: #111111;
}

.footer-menu-list.sass ul li a {
    color: #444444;
}

.footer-top-section {
    padding: 75px 0px;
    background: url(../images/nft/footer-top-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .footer-top-section::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 50%;
        background: rgba(255, 255, 255, 0.05);
    }

    .footer-top-section .footer-top-text {
        position: relative;
        z-index: 2;
        max-width: 352px;
    }

        .footer-top-section .footer-top-text.right {
            margin-left: 240px;
        }

        .footer-top-section .footer-top-text p {
            font-size: 16px;
            line-height: 50px;
            font-weight: 700;
            margin-bottom: 0px;
            text-transform: uppercase;
            color: #ffffff;
        }

        .footer-top-section .footer-top-text h3 {
            font-size: 30px;
            line-height: 50px;
            font-weight: 700;
            margin-bottom: 0px;
            color: #ffffff;
        }

            .footer-top-section .footer-top-text h3 img {
                margin-left: 10px;
            }

.nft-footer-section {
    padding-top: 78px;
    background: #ffffff;
    margin-top: 100px;
}

.nft-top-footer {
    margin-bottom: 54px;
}

.nft-footer-logo .logo-dark {
    display: block;
}

.nft-footer-logo .logo-light {
    display: none;
}

.nft-newsletter h5 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px;
}

.nft-newsletter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

    .nft-newsletter form input {
        background: transparent;
        padding: 8px 19px;
        height: 45px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 25px;
        max-width: 300px;
        width: 100%;
    }

    .nft-newsletter form button {
        width: 160px;
        height: 45px;
        font-weight: 700;
        background: #5F5FFF;
        border-radius: 25px;
        color: #ffffff;
        padding: 8px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .nft-newsletter form button img {
            margin-left: 13px;
        }

.nft-footer-social-list {
    margin-top: 38px;
}

    .nft-footer-social-list ul {
        padding: 0px;
        list-style: none;
        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;
        max-width: 369px;
        width: 100%;
        margin-bottom: 90px;
    }

.nft-footer-menu h5 {
    margin-bottom: 21px;
    font-size: 16px;
}

.nft-footer-menu ul {
    list-style: none;
    padding: 0px;
}

    .nft-footer-menu ul li {
        line-height: 40px;
    }

        .nft-footer-menu ul li a {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .nft-footer-menu ul li a:hover {
                color: #111111;
            }

.nft-bottom-footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

    .nft-bottom-footer-right ul {
        list-style: none;
        padding: 0px;
        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;
        max-width: 343px;
        width: 100%;
        margin-bottom: 0px;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .nft-bottom-footer-right ul li {
            color: #111111;
            font-weight: 700;
        }

            .nft-bottom-footer-right ul li span {
                font-weight: 500;
                color: #444444;
            }

.nft-bottom-footer {
    position: relative;
    padding: 40px 0px;
}

    .nft-bottom-footer p {
        margin-bottom: 0px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .nft-bottom-footer .nft-blur-shape {
        position: absolute;
        bottom: 0px;
        z-index: 0;
        -webkit-transform: translateX(50%, -50%);
        transform: translateX(50%, -50%);
        width: 100%;
        text-align: center;
    }

    .nft-bottom-footer .row {
        position: relative;
        z-index: 2;
    }

.footer-dropdown {
    max-width: 130px;
    width: 100%;
    margin-left: auto;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 30px;
    position: relative;
    height: 45px;
}

    .footer-dropdown::after {
        content: '>';
        position: absolute;
        top: 6px;
        right: 20px;
        font-size: 20px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .footer-dropdown select {
        padding: 2px 20px;
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        outline: none;
        line-height: auto;
        color: #444444;
        font-weight: 500;
        -webkit-appearance: none;
    }

/*-- Dark Mood --*/
body.dark-scheme .nft-footer-section,
html.dark-scheme body .nft-footer-section {
    background: #181D22;
}

body.dark-scheme .nft-footer-logo .logo-dark,
html.dark-scheme body .nft-footer-logo .logo-dark {
    display: none;
}

body.dark-scheme .nft-footer-logo .logo-light,
html.dark-scheme body .nft-footer-logo .logo-light {
    display: block;
}

body.dark-scheme .nft-newsletter form input,
html.dark-scheme body .nft-newsletter form input {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

body.dark-scheme .nft-footer-menu ul li a:hover,
html.dark-scheme body .nft-footer-menu ul li a:hover {
    color: #ffffff;
}

body.dark-scheme .nft-footer-menu ul li a,
html.dark-scheme body .nft-footer-menu ul li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-bottom-footer p,
html.dark-scheme body .nft-bottom-footer p {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-newsletter p,
html.dark-scheme body .nft-newsletter p {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-bottom-footer-right ul li,
html.dark-scheme body .nft-bottom-footer-right ul li {
    color: #ffffff;
}

    body.dark-scheme .nft-bottom-footer-right ul li span,
    html.dark-scheme body .nft-bottom-footer-right ul li span {
        color: rgba(255, 255, 255, 0.8);
    }

body.dark-scheme .footer-dropdown,
html.dark-scheme body .footer-dropdown {
    background: #181D22;
    border: 1px solid #999999;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

    body.dark-scheme .footer-dropdown select,
    html.dark-scheme body .footer-dropdown select {
        color: #999999;
    }

        body.dark-scheme .footer-dropdown select option,
        html.dark-scheme body .footer-dropdown select option {
            background: #181D22;
        }

.token-footer-section {
    background: url(../images/crypto-token/bg_footer.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .token-footer-section .overlay {
        background: url(../images/crypto-token/grain-texture.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 100%;
    }

        .token-footer-section .overlay .overlay2 {
            background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), to(rgba(13, 16, 20, 0.8)));
            background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0.8) 100%);
            height: 100%;
            width: 100%;
            position: relative;
        }

            .token-footer-section .overlay .overlay2 .footer-shape {
                position: absolute;
                width: 100%;
                bottom: 0px;
                left: 0px;
                text-align: center;
                z-index: -1;
            }

.token-footer-menu-section {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

    .token-footer-menu-section .footer-column {
        padding-top: 73px;
        padding-bottom: 70px;
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        min-height: 100%;
        padding-left: 8px;
    }

    .token-footer-menu-section .footer-column4 {
        border-right: none;
    }

    .token-footer-menu-section .footer-column h5 {
        margin-bottom: 26px;
        font-family: "Quantico", sans-serif;
        color: #ffffff;
        font-weight: 700;
        line-height: 167%;
        text-transform: uppercase;
    }

    .token-footer-menu-section .footer-column ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .token-footer-menu-section .footer-column ul li a {
            color: rgba(255, 255, 255, 0.8);
            line-height: 240%;
            font-weight: 500;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .token-footer-menu-section .footer-column ul li a:hover {
                color: #ffffff;
            }

.token-subscribe-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 30px 0px;
    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: 20px;
}

    .token-subscribe-section input[type=email] {
        background: transparent;
        overflow: hidden;
        height: 100%;
        max-width: 500px;
        width: 100%;
        border: none;
        outline: none;
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 167%;
        color: #ffffff;
    }

        .token-subscribe-section input[type=email]::-webkit-input-placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: rgba(255, 255, 255, 0.2);
        }

        .token-subscribe-section input[type=email]:-ms-input-placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: rgba(255, 255, 255, 0.2);
        }

        .token-subscribe-section input[type=email]::-ms-input-placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: rgba(255, 255, 255, 0.2);
        }

        .token-subscribe-section input[type=email]::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: rgba(255, 255, 255, 0.2);
        }

        .token-subscribe-section input[type=email]:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: rgba(255, 255, 255, 0.2);
        }

        .token-subscribe-section input[type=email]::-ms-input-placeholder {
            /* Microsoft Edge */
            color: rgba(255, 255, 255, 0.2);
        }

    .token-subscribe-section input[type=submit] {
        background: #BFFF0A;
        border-radius: 50px;
        max-width: 293px;
        width: 100%;
        overflow: hidden;
        color: #111111;
        font-weight: 700;
        line-height: 26px;
        padding: 17px 20px;
        border: none;
        outline: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .token-subscribe-section input[type=submit]:hover {
            opacity: 0.8;
        }

.token-footer-bottom-text {
    padding: 40px 0px;
}

    .token-footer-bottom-text .text {
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 100px;
        line-height: 120px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

        .token-footer-bottom-text .text span {
            position: relative;
        }

            .token-footer-bottom-text .text span.top {
                top: -70px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

.defi-footer-section {
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

    .defi-footer-section .footer-row {
        position: relative;
        height: 70px;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
        padding: 20px;
        z-index: 3;
    }

        .defi-footer-section .footer-row:nth-last-child(1) {
            margin-bottom: 0px;
        }

        .defi-footer-section .footer-row::before {
            content: '';
            height: 100%;
            width: 33.5%;
            position: absolute;
            left: 0px;
            top: 0px;
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(55, 234, 142, 0.2)));
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(55, 234, 142, 0.2) 100%);
        }

        .defi-footer-section .footer-row::after {
            content: '';
            height: 100%;
            width: 66.5%;
            position: absolute;
            right: 0px;
            top: 0px;
            background: rgba(255, 255, 255, 0.05);
        }

    .defi-footer-section .footer-row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .defi-footer-section .left {
        max-width: 270px;
        width: 100%;
        text-align: right;
        padding-right: 30px;
    }

    .defi-footer-section .right {
        padding-left: 60px;
    }

    .defi-footer-section h5 {
        text-transform: uppercase;
        margin-bottom: 0px;
        font-weight: 700;
        color: #ffffff;
    }

    .defi-footer-section ul {
        list-style: none;
        padding: 0px;
        margin-bottom: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 50px;
    }

        .defi-footer-section ul li a {
            color: rgba(255, 255, 255, 0.8);
        }

            .defi-footer-section ul li a:hover {
                color: #ffffff;
            }

    .defi-footer-section .defi-footer-blur {
        position: absolute;
        bottom: 0px;
        z-index: 0;
        left: 22%;
    }

.defi-footer-bottom {
    position: relative;
    z-index: 1;
    padding: 10px 0px 40px 0px;
    width: 100%;
}

    .defi-footer-bottom a {
        color: rgba(255, 255, 255, 0.8) !important;
        font-weight: 500;
    }

        .defi-footer-bottom a:hover {
            color: #ffffff !important;
        }

        .defi-footer-bottom a i {
            font-weight: 400;
            font-size: 18px;
            line-height: 30px;
            text-transform: uppercase;
            color: #FFFFFF;
        }

/*-- home page 1 style start --*/
/*-- brands-section start --*/
.brands-section {
    padding: 93px 0 0 0;
}

    .brands-section .container {
        position: relative;
    }

    .brands-section.v8 {
        padding: 60px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 125px;
    }

    .brands-section.newslater {
        padding: 60px 20px;
    }

        .brands-section.newslater .brands-section-title {
            background: #EEF2F5;
        }

    .brands-section.corporate-brands-section {
        padding: 128px 0px 124px 0px;
    }

        .brands-section.corporate-brands-section .brands-slider {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

/*-- brands-section-title style --*/
.brands-section-title {
    margin-bottom: 25px;
    text-align: center;
}

    .brands-section-title.brands-section-title-index2 {
        text-align: left;
    }

    .brands-section-title h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
    }

    .brands-section-title.brands-section-title-index8 {
        text-align: left;
        position: absolute;
        left: 0px;
        top: 2px;
        background: #ffffff;
        z-index: 2;
        padding-right: 30px;
    }

/*-- brands-slider style --*/
.brands-slider {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.brands-slider-container {
    width: calc(200px * 12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px;
    -webkit-animation: smoothSlider 25s infinite linear;
    animation: smoothSlider 25s infinite linear;
}

.brands-slider .slider-item {
    width: 200px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brands-slider::before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.brands-slider::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.sass::after {
    background: -webkit-gradient(linear, right top, left top, from(#F2F6FD), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #F2F6FD 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.sass::before {
    background: -webkit-gradient(linear, right top, left top, from(#F8FBFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #F8FBFF 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.v8 {
    height: 36px;
}

    .brands-slider.v8::before {
        left: 100px;
    }

    .brands-slider.v8 .slider-item {
        height: 36px;
        max-width: 178px;
    }

        .brands-slider.v8 .slider-item img {
            max-width: 105px;
        }

.brands-slider.newslater {
    height: 36px;
}

    .brands-slider.newslater::before {
        left: 330px;
        background: -webkit-gradient(linear, right top, left top, from(#EEF2F5), to(rgba(238, 242, 245, 0)));
        background: linear-gradient(270deg, #EEF2F5 0%, rgba(238, 242, 245, 0) 100%);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .brands-slider.newslater::after {
        background: -webkit-gradient(linear, right top, left top, from(#EEF2F5), to(rgba(238, 242, 245, 0)));
        background: linear-gradient(270deg, #EEF2F5 0%, rgba(238, 242, 245, 0) 100%);
    }

    .brands-slider.newslater .slider-item {
        height: 36px;
        max-width: 178px;
    }

        .brands-slider.newslater .slider-item img {
            max-width: 105px;
        }

@-webkit-keyframes smoothSlider {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-200px * 6));
        transform: translateX(calc(-200px * 6));
    }
}

@keyframes smoothSlider {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-200px * 6));
        transform: translateX(calc(-200px * 6));
    }
}

/*-- brands-section end --*/
/*-- feature-section start --*/
.feature-section {
    padding: 118px 0 40px 0;
}

/*-- section-title style --*/
.section-title {
    margin-bottom: 42px;
}

    .section-title.section-title-left {
        text-align: left;
    }

    .section-title h6 {
        margin-top: 12px;
    }

    .section-title h5 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        margin-top: 12px;
    }

/*-- feature-card style --*/
.feature-card {
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 30px;
    position: relative;
    z-index: 0;
}

    .feature-card .feature-card-shape {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .feature-card .feature-card-shape img {
            width: 100%;
            height: 100%;
        }

.feature-card-icon {
    margin-bottom: 30px;
}

    .feature-card-icon img {
        width: 40px;
        height: 40px;
    }

.feature-card h5 {
    margin-bottom: 10px;
    font-weight: 600;
}

.staco-hover-effect:hover .feature-card:hover .feature-card-shape,
.staco-hover-effect:not(:hover) .feature-card.active .feature-card-shape {
    opacity: 1;
}

/*-- feature-section end --*/
/*-- usability-section start --*/
.usability-section {
    padding: 70px 0 408px 0;
    background-image: url("../images/main-demo/dotted-bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

/*-- usability-card style --*/
.usability-card {
    width: 100%;
    height: 600px;
    border-radius: 50px;
    background-color: #242549;
    padding: 84px;
    text-align: center;
    position: relative;
    z-index: 0;
}

    .usability-card .shape-img {
        position: absolute;
        z-index: -1;
    }

        .usability-card .shape-img.img-1 {
            top: 0;
            left: 57px;
        }

        .usability-card .shape-img.img-2 {
            bottom: 96px;
            right: 0;
        }

.usability-card-title {
    margin-bottom: 44px;
}

    .usability-card-title h2 {
        color: #ffffff;
        max-width: 405px;
        margin: auto;
    }

.usability-card .usability-buttons {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

    .usability-card .usability-buttons button {
        width: 180px;
        height: 50px;
        border-radius: 10px;
        background-color: #ffffff14;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .usability-card .usability-buttons button:hover {
            background-color: #ffffff26;
        }

.usability-card .usability-content .content-item {
    display: none;
}

    .usability-card .usability-content .content-item.show {
        display: block;
    }

.usability-slider-nav .slick-list {
    padding: 0 !important;
}

.usability-slider-nav .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.usability-slider-nav .slider-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 180px !important;
    height: 50px !important;
    border-radius: 10px;
    background-color: #ffffff14;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    font-weight: 700;
    line-height: 30px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .usability-slider-nav .slider-item img {
        width: 20px;
        height: 20px;
    }

    .usability-slider-nav .slider-item::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #ffffff26;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .usability-slider-nav .slider-item.slick-current::before {
        opacity: 1;
        -webkit-animation: tabAnimate 6.5s linear;
        animation: tabAnimate 6.5s linear;
    }

@-webkit-keyframes tabAnimate {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes tabAnimate {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.usability-slider-for {
    margin-top: 50px;
}

    .usability-slider-for .slider-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

/*-- usability-section end --*/
/*-- marketing-section start --*/
.marketing-section {
    padding: 140px 0 0 0;
}

/*-- marketing-img style --*/
.marketing-img {
    width: 100%;
    height: 420px;
    background-color: #f8f0e6;
    border-radius: 240px 240px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    /* pie progress */
}

    .marketing-img > img {
        width: 400px;
        height: 380px;
        border-radius: 250px 250px 0px 0px;
    }

    .marketing-img.v2 {
        background-color: #f6eafe;
        border-radius: 0px 0px 240px 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .marketing-img.v2 > img {
            border-radius: 0 0 250px 250px;
        }

    .marketing-img .overlay img {
        width: auto;
        height: auto;
    }

    .marketing-img .overlay-item {
        position: absolute;
    }

    .marketing-img .chart {
        bottom: 0;
        left: 0;
        width: 188px;
        height: 85px;
        border-radius: 0px 45px 0px 0px;
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .marketing-img .emoji-icons {
        bottom: 40px;
        right: 22px;
        width: 209px;
        height: 70px;
        -webkit-box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.15);
        border-radius: 35px;
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .marketing-img .star-1 {
        top: 74px;
        right: 93px;
    }

    .marketing-img .star-2 {
        top: 110px;
        right: 57px;
    }

    .marketing-img .star-3 {
        top: 135px;
        right: 119px;
    }

    .marketing-img .wave-shape {
        bottom: 121px;
        left: 45px;
    }

    .marketing-img .reduction-time {
        top: 30px;
        left: 0;
        width: 170px;
        height: 90px;
        border-radius: 0 45px 0 0;
        background-color: #ffffff;
        padding: 24px 24px 24px 0;
    }

    .marketing-img .reduction-time-top {
        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;
    }

    .marketing-img .reduction-time h2 {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 20px;
    }

    .marketing-img .reduction-time p {
        font-size: 13px;
        line-height: 20px;
    }

    .marketing-img .success-rate {
        bottom: 71px;
        right: 60px;
        width: 170px;
        height: 170px;
    }

    .marketing-img .success-rate-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .marketing-img .pie_progress {
        width: 130px;
        height: 130px;
        margin: auto 0;
        background-color: transparent;
    }

    .marketing-img .pie_progress__label {
        margin-top: 0px;
    }

        .marketing-img .pie_progress__label h4 {
            font-size: 30px;
            color: #000000;
        }

        .marketing-img .pie_progress__label p {
            margin: 0;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px;
        }

/*-- marketing-content style --*/
.marketing-content-title {
    margin-bottom: 37px;
}

    .marketing-content-title h3 {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
        margin-bottom: 16px;
    }

.marketing-content .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .marketing-content .list li {
        margin-top: 15px;
    }

    .marketing-content .list .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .marketing-content .list .list-item svg {
            font-size: 18px;
            color: #999999;
            position: relative;
            top: -6px;
        }

/*-- marketing-section end --*/
/*-- Testimonail-section start --*/
.testimonial-seciton {
    padding: 140px 0;
}

/*-- testimonial-card style --*/
.testimonial-card {
    border-radius: 50px;
    background-color: #242549;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.testimonial-card-left, .testimonial-card-right {
    padding: 40px;
    width: 50%;
    height: 530px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.testimonial-card-left {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .testimonial-card-left::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff0a;
    }

    .testimonial-card-left .shape-img {
        position: absolute;
        z-index: -1;
    }

        .testimonial-card-left .shape-img.img-1 {
            top: 49px;
            left: 0;
        }

        .testimonial-card-left .shape-img.img-2 {
            bottom: 0;
            left: 96px;
        }

        .testimonial-card-left .shape-img.img-3 {
            top: 40%;
            right: 0;
        }

        .testimonial-card-left .shape-img.img-4 {
            top: 70px;
            right: 65px;
        }

            .testimonial-card-left .shape-img.img-4 .icon {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    .testimonial-card-left .sass-testimonials-shapes .shape1 {
        position: absolute;
        left: 0px;
        top: 145px;
    }

    .testimonial-card-left .sass-testimonials-shapes .shape2 {
        position: absolute;
        left: 40px;
        bottom: 71px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .testimonial-card-left .sass-testimonials-shapes .shape3 {
        position: absolute;
        right: 40px;
        top: 67px;
    }

    .testimonial-card-left .sass-testimonials-shapes .shape4 {
        position: absolute;
        right: 0px;
        bottom: 123px;
        z-index: 11;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

.testimonial-card-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.testimonial-card .testimonial-slider-img img {
    width: 270px;
    height: 350px;
    border-radius: 135px;
}

.testimonial-card .slider-img img {
    width: 270px;
    height: 350px;
    border-radius: 135px;
}

.testimonial-card .slider-counter-box {
    position: absolute;
    bottom: 86px;
    right: 70px;
}

/*-- testimonial-title style --*/
.testimonial-title {
    margin-bottom: 40px;
}

    .testimonial-title h3 {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
        margin-bottom: 16px;
    }

    .testimonial-title h2 {
        color: #ffffff;
    }

        .testimonial-title h2 svg {
            color: #f7578c;
        }

/*-- testimonial-slider style --*/
.testimonial-slider-nav .slick-list {
    padding: 0 !important;
}

.testimonial-slider-nav .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.testimonial-slider-nav .slider-item {
    position: relative;
    overflow: hidden;
    width: 270px !important;
    height: 350px !important;
    border-radius: 135px;
    background-color: #ffffff14;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: none;
}

    .testimonial-slider-nav .slider-item img {
        width: 100%;
        height: 100%;
    }

    .testimonial-slider-nav .slider-item.slick-current, .testimonial-slider-nav .slider-item.slick-active {
        display: block;
    }

.testimonial-slider-for .slider-item p {
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 36px;
    color: #ffffff;
}

.testimonial-slider-for .slider-item .author-info {
    color: #ffffff;
}

    .testimonial-slider-for .slider-item .author-info .name {
        font-weight: 700;
        margin-right: 10px;
    }

.testimonial-slider-for .slider-item .slider-item-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.testimonial-slider-for .slider-info {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.testimonial-slider-for .slider-counter p {
    color: #ffffff;
    letter-spacing: 5px;
    margin-bottom: 0;
}

.testimonial-slider-for .slider-arrow {
    cursor: pointer;
}

    .testimonial-slider-for .slider-arrow svg {
        color: #ffffff;
    }

.testimonial-slider .slider-item .slider-img {
    display: none !important;
}

.testimonial-slider .slider-item p {
    margin-bottom: 35px;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    color: #ffffff;
}

.testimonial-slider .slider-item h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
}

.testimonial-slider .slider-item h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
}

.testimonial-slider .slider-item-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.testimonial-slider .owl-nav {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

    .testimonial-slider .owl-nav button {
        margin: 0 !important;
    }

        .testimonial-slider .owl-nav button svg {
            font-size: 20px;
            color: #ffffff;
        }

        .testimonial-slider .owl-nav button:hover {
            background: transparent !important;
        }

/*-- Testimonail-section end --*/
/*-- integrate-section start --*/
/* .integrate-section {
    padding: 60px 0;
}
*/
/*-- integrate-card style --*/
.integrate-card {
    margin-bottom: 40px;
    width: 100%;
    height: 450px;
    border-radius: 30px;
    background-color: #eaf1ff;
    padding: 70px 48px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.integrate-card-header {
    margin-bottom: 34px;
}

.integrate-card h2 {
    font-size: 30px;
    line-height: 45px;
}

.integrate-card p {
    margin-top: 34px;
}

.integrate-card.v2 {
    background-color: #f8f0e6;
}

.integrate-card .shape-img {
    position: absolute;
    z-index: -1;
}

    .integrate-card .shape-img.img-1 {
        bottom: 0;
        left: 0;
    }

    .integrate-card .shape-img.img-2 {
        bottom: 61px;
        right: 68px;
    }

    .integrate-card .shape-img.img-3 {
        bottom: 139px;
        right: 148px;
    }

    .integrate-card .shape-img.img-4 {
        bottom: 95px;
        left: 58px;
    }

    .integrate-card .shape-img.img-5 {
        bottom: 0;
        left: 150px;
    }

/*-- integrate-slider style --*/
.integrate-slider {
    width: 100%;
    height: 82px;
    position: relative;
    overflow: hidden;
}

.integrate-slider-container {
    width: calc(120px * 8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: smoothSlider2 15s linear infinite;
    animation: smoothSlider2 15s linear infinite;
}

.integrate-slider::before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#eaf1ff), to(rgba(234, 241, 255, 0)));
    background: linear-gradient(90deg, #eaf1ff 0%, rgba(234, 241, 255, 0) 100%);
}

.integrate-slider::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    right: 0;
    width: 220px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(234, 241, 255, 0)), to(#eaf1ff));
    background: linear-gradient(90deg, rgba(234, 241, 255, 0) 0%, #eaf1ff 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.integrate-slider .slider-item {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .integrate-slider .slider-item img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #ffffff;
        padding: 22px;
    }

@-webkit-keyframes smoothSlider2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(calc(-120px * 4));
        transform: translateX(calc(-120px * 4));
    }
}

@keyframes smoothSlider2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(calc(-120px * 4));
        transform: translateX(calc(-120px * 4));
    }
}

/*-- integrate-section end --*/
/*-- faq-section start --*/
.faq-seciton {
    padding: 92px 0 140px 0;
}

    .faq-seciton.v2 {
        padding: 132px 0 70px 0;
    }

    .faq-seciton.pricing-plan-faq-seciton {
        background: #ffffff;
        padding: 132px 0 140px 0;
    }

.faq-seciton-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
}

    .faq-seciton-header .faq-section-title {
        margin-bottom: 0px;
    }

/*-- faq-section-title style --*/
.faq-section-title {
    margin-bottom: 98px;
}

    .faq-section-title h3 {
        margin-bottom: 16px;
        text-transform: uppercase;
        font-size: 18px;
        color: #0095ff;
        letter-spacing: 0.2em;
    }

/*-- leave-message style --*/
.leave-message1 {
    display: block;
}

.leave-message2 {
    display: none;
}

.leave-message h2 {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
}

.leave-message h3 {
    color: #444444;
}

.leave-message .msg-btn {
    position: relative;
}

    .leave-message .msg-btn .rotate-icon {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .leave-message .msg-btn .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

/*-- theme-accordion style --*/
.theme-accordion .accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

    .theme-accordion .accordion-item:not(:first-child) {
        margin-top: 20px;
    }

    .theme-accordion .accordion-item:first-child {
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
    }

    .theme-accordion .accordion-item:last-child {
        border-bottom-left-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }

.theme-accordion .accordion-header {
    border: 0 !important;
    border-radius: 15px !important;
    background-color: transparent;
}

.theme-accordion .accordion-button {
    border-radius: 15px !important;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #111111;
    padding: 18px 20px 20px 50px;
    position: relative;
}

    .theme-accordion .accordion-button::after {
        position: absolute;
        content: url("../images/icons/accordion-plus.png");
        top: 22px;
        left: 20px;
        width: 20px;
        height: 20px;
        border: 0 !important;
        background-image: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .theme-accordion .accordion-button:not(.collapsed) {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .theme-accordion .accordion-button:not(.collapsed)::after {
            content: url("../images/icons/accordion-minus.png");
        }

    .theme-accordion .accordion-button:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.theme-accordion .accordion-collapse.collapse.show {
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);
}

.theme-accordion .accordion-body {
    padding: 0 20px 20px 50px;
}

/*-- faq-section end --*/
/*-- pricing-section start --*/
.pricing-section {
    padding: 132px 0 90px 0;
    background-color: #191c1f;
    position: relative;
    z-index: 0;
}

    .pricing-section::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff05;
    }

    .pricing-section .shape-img {
        position: absolute;
        z-index: -1;
    }

        .pricing-section .shape-img.img-1 {
            bottom: 0;
            right: 10%;
        }

        .pricing-section .shape-img.img-2 {
            bottom: 0;
            left: 10%;
        }

        .pricing-section .shape-img.img-3 {
            top: 0;
            left: 0;
        }

        .pricing-section .shape-img.img-4 {
            top: 25%;
            left: 8%;
        }

        .pricing-section .shape-img.img-5 {
            bottom: 20%;
            right: 5%;
        }

/*-- pricing-section-title style --*/
.pricing-section-title {
    margin-bottom: 40px;
}

    .pricing-section-title h3 {
        margin-bottom: 19px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
    }

    .pricing-section-title h2 {
        text-transform: capitalize;
        color: #ffffff;
    }

/*-- pricing-selector style --*/
.pricing-selector {
    margin-bottom: 40px;
    width: 100%;
    height: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .pricing-selector form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .pricing-selector form button {
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            color: #ffffff;
        }

            .pricing-selector form button span {
                color: #00CEC9;
            }

        .pricing-selector form input[type="checkbox"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 50px;
            height: 24px;
            border-radius: 15px;
            background-color: #ffffff;
            position: relative;
            cursor: pointer;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .pricing-selector form input[type="checkbox"]::before {
                position: absolute;
                content: "";
                top: 5px;
                left: 5px;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: #0095ff;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

            .pricing-selector form input[type="checkbox"]:checked {
                background-color: #0095ff;
            }

                .pricing-selector form input[type="checkbox"]:checked::before {
                    left: 30px;
                    background-color: #ffffff;
                }

.pricing-yearly {
    display: none;
}

.pricing-card-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-- pricing-card style --*/
.pricing-card {
    margin-bottom: 40px;
    border-radius: 30px;
    background-color: #ffffff;
    padding: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .pricing-card:hover .pricing-btn {
        background-color: #0095ff;
        color: #ffffff;
    }

        .pricing-card:hover .pricing-btn svg {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .pricing-card h2 {
        font-size: 30px;
        color: #111111;
    }

    .pricing-card h3 {
        font-size: 30px;
    }

        .pricing-card h3 span {
            font-family: "DM Sans", sans-serif !important;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            color: #444444;
        }

.pricing-card-header {
    margin-bottom: 20px;
}

    .pricing-card-header p {
        margin-bottom: 28px;
    }

.pricing-card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.pricing-card-list {
    margin-bottom: 27px;
}

    .pricing-card-list li {
        padding-left: 16px;
        position: relative;
    }

        .pricing-card-list li:not(:first-child) {
            margin-top: 20px;
        }

        .pricing-card-list li::before {
            position: absolute;
            content: "";
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #00cec966;
        }

.pricing-card .pricing-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0095ff4d;
    color: #0095ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .pricing-card .pricing-btn svg {
        font-size: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .pricing-card .pricing-btn:hover {
        background-color: #0095ff;
        color: #ffffff;
    }

        .pricing-card .pricing-btn:hover svg {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/*-- pricing-section end --*/
/*-- home page 1 style end --*/
/*-- home page 2 style start --*/
/*-- index2-features-card start --*/
.index2-features-section .index2-features-card {
    background: #eeeffb;
    border-radius: 30px;
    padding: 112px 100px;
    margin-top: 100px;
}

.contents-text2 {
    padding-left: 20px;
}

.contents-text4 {
    padding-left: 20px;
}

.contents-text h4 {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 19px;
}

    .contents-text h4 span {
        margin-right: 13px;
    }

/*-- index2-features-card End --*/
/*-- business-tools-section Start --*/
.business-tools-section {
    margin-bottom: 110px;
    position: relative;
    z-index: 1;
    background: #FFFFFF;
}

    .business-tools-section .business-tools-text {
        min-height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content;
    }

        .business-tools-section .business-tools-text h4 {
            margin-bottom: 15px;
        }

        .business-tools-section .business-tools-text p {
            max-width: 585px;
            width: 100%;
            margin-bottom: 21px;
        }

            .business-tools-section .business-tools-text p.bold {
                font-weight: 700;
                color: #111111;
                margin-bottom: 0px;
            }

        .business-tools-section .business-tools-text ul {
            padding: 0;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 4%;
            max-width: 375px;
            width: 100%;
        }

            .business-tools-section .business-tools-text ul li {
                color: #111111;
                width: 48%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin-bottom: 15px;
            }

                .business-tools-section .business-tools-text ul li:nth-last-child(1) {
                    margin-bottom: 0px;
                }

                .business-tools-section .business-tools-text ul li svg {
                    min-width: 20px;
                    margin-top: 6px;
                    margin-right: 10px;
                    font-size: 18px;
                    font-weight: 900;
                    line-height: 36px;
                    color: #0ec36b;
                }

    .business-tools-section .list-group {
        padding-top: 140px;
    }

    .business-tools-section .business-tools-content-scrolspy {
        padding-top: 140px;
    }

        .business-tools-section .business-tools-content-scrolspy .business-tools-content {
            padding-bottom: 40px;
            margin-bottom: 40px;
            min-height: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    .business-tools-section .business-tools-img-list {
        position: relative;
        min-height: 450px;
        min-width: 450px;
        border-radius: 30px;
        overflow: hidden;
    }

        .business-tools-section .business-tools-img-list .business-tools-img-bg {
            position: absolute;
            left: 0px;
            top: 0px;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .business-tools-section .business-tools-img-list a {
            width: 270px;
            height: 200px;
            right: 30px;
            bottom: 30px;
            position: absolute;
        }

    .business-tools-section .business-tools-img.list-group-item {
        display: none;
    }

        .business-tools-section .business-tools-img.list-group-item.active {
            background: transparent;
            display: block;
            border: none;
        }

.business-tools-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 50px;
}

    .business-tools-row .sidebar {
        max-width: 450px;
        width: 100%;
    }

.business-tools-btns {
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16px;
    max-width: 100%;
}

    .business-tools-btns button {
        background: rgba(17, 17, 17, 0.08);
        border-radius: 20px;
        padding: 8px 15px;
    }

        .business-tools-btns button svg {
            font-size: 18px;
            color: #0DAC81;
            margin-right: 9px;
        }

/*-- business-tools-section End --*/
/*-- index2-statistics-section start --*/
.index2-statistics-section {
    background: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
    margin-bottom: 135px;
    position: relative;
    z-index: 0;
}

    .index2-statistics-section .index2-statistics-content {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        padding: 77.5px 0;
        position: relative;
        z-index: 0;
    }

.statistics-text h2 {
    color: #0095ff;
}

.statistics-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: #111111;
}

.statistics-text.v6 h2,
.statistics-text.v6 p {
    color: #004D42;
}

/*-- index2-statistics-section End --*/
/*-- choose-us-section Start --*/
.choose-us-section {
    padding-bottom: 132px;
    position: relative;
    z-index: 2;
    background: #FFFFFF;
}

    .choose-us-section .choose-us-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px;
    }

        .choose-us-section .choose-us-content .choose-us-text {
            max-width: 310px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 90px;
        }

/*-- choose-us-section End --*/
/*-- compare-price-section Start --*/
.compare-price-section {
    position: relative;
    z-index: 2;
}

.compare-price-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
    max-width: 770px;
    width: 100%;
    margin: auto;
    margin-bottom: 50px;
    position: relative;
}

    .compare-price-content .vs {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        height: 80px;
        width: 80px;
        border-radius: 50%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 11;
    }

        .compare-price-content .vs h6 {
            font-size: 24px;
            line-height: 26px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
        }

            .compare-price-content .vs h6 span {
                position: relative;
                z-index: 1;
            }

            .compare-price-content .vs h6:after {
                content: "";
                background: #ffffff;
                position: absolute;
                height: 82px;
                width: 40px;
                z-index: 0;
            }

    .compare-price-content .compare-price-card {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        padding: 40px;
        max-width: 365px;
        width: 100%;
        margin: auto;
        min-height: 525px;
        position: relative;
    }

        .compare-price-content .compare-price-card .compare-price-card-icon {
            position: absolute;
            right: 27px;
            top: 27px;
        }

            .compare-price-content .compare-price-card .compare-price-card-icon .icon {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    .compare-price-content .compare-price-dropdown {
        width: 170px;
        height: 50px;
        position: relative;
        background: #ebeff9;
        border-radius: 5px;
        margin-bottom: 25px;
    }

        .compare-price-content .compare-price-dropdown::after {
            content: url("../images/icons/dropdown-toggle.svg");
            position: absolute;
            right: 15px;
            top: 10px;
        }

        .compare-price-content .compare-price-dropdown select {
            font-size: 18px;
            font-weight: 700;
            line-height: 26px;
            color: #111111;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: transparent;
            padding: 12px 14px;
        }

            .compare-price-content .compare-price-dropdown select option {
                font-family: "DM Sans", sans-serif;
                font-size: 18px;
                font-weight: 700;
                line-height: 26px;
                color: #111111;
            }

    .compare-price-content h5 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        color: #111111;
        margin-bottom: 33px;
    }

    .compare-price-content h2 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
    }

        .compare-price-content h2 sup {
            font-family: "Montserrat Alternates", sans-serif;
            font-size: 18px;
            font-weight: 600;
            line-height: 26px;
            top: -15px;
        }

        .compare-price-content h2 strong {
            font-family: "Montserrat Alternates", sans-serif;
            font-size: 36px;
            font-weight: 700;
            line-height: 26px;
            margin-right: 7px;
        }

        .compare-price-content h2 span {
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            color: #0095ff;
        }

    .compare-price-content .compare-list {
        margin-top: 26px;
        margin-bottom: 30px;
    }

        .compare-price-content .compare-list ul {
            padding: 0;
            list-style: none;
            margin: 0;
        }

            .compare-price-content .compare-list ul li {
                padding: 0 0 8px;
            }

                .compare-price-content .compare-list ul li:last-child {
                    padding-bottom: 0;
                }

                .compare-price-content .compare-list ul li:before {
                    content: url("../images/icons/check-green.svg");
                    margin-right: 11px;
                }

    .compare-price-content .compare-price-list ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .compare-price-content .compare-price-list ul li {
            font-size: 16px;
            font-weight: 500;
            line-height: 26px;
            padding: 16px 0px;
            height: 106px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .compare-price-content .compare-price-list ul li:nth-last-child(1) {
                border-bottom: none;
            }

            .compare-price-content .compare-price-list ul li strong {
                color: #111111;
            }

            .compare-price-content .compare-price-list ul li span {
                margin-right: 10px;
            }

    .compare-price-content .compare-price-icons1 {
        position: absolute;
        left: -180px;
        -webkit-animation: jumpingDown 4.5s infinite;
        animation: jumpingDown 4.5s infinite;
    }

    .compare-price-content .compare-price-icons2 {
        position: absolute;
        position: absolute;
        left: -25px;
        top: 30%;
        z-index: 1;
    }

    .compare-price-content .compare-price-icons3 {
        position: absolute;
        right: -200px;
        z-index: 1;
        -webkit-animation: jumpingUp 5s infinite;
        animation: jumpingUp 5s infinite;
    }

    .compare-price-content .compare-price-icons4 {
        position: absolute;
        right: -80px;
        top: 20%;
    }

@-webkit-keyframes jumpingDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jumpingDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes jumpingUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jumpingUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.premium-price,
.professional-price {
    display: none;
}

/*-- compare-price-section End --*/
/*-- index2-integration-section Start --*/
.index2-integration-section {
    padding-top: 132px;
    padding-bottom: 140px;
    position: relative;
}

    .index2-integration-section.newsletter {
        padding-top: 100px;
    }

        .index2-integration-section.newsletter .index2-integration-auto-slider:before {
            background: -webkit-gradient(linear, left top, right top, color-stop(22.92%, #EEF2F5), to(rgba(236, 239, 241, 0)));
            background: linear-gradient(90deg, #EEF2F5 22.92%, rgba(236, 239, 241, 0) 100%);
        }

        .index2-integration-section.newsletter .index2-integration-auto-slider:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(236, 239, 241, 0)), color-stop(76.56%, #EEF2F5));
            background: linear-gradient(90deg, rgba(236, 239, 241, 0) 0%, #EEF2F5 76.56%);
        }

    .index2-integration-section .index2-integration-bg img {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        min-height: 1100px;
        z-index: 0;
    }

    .index2-integration-section .index2-integration-content {
        position: relative;
        z-index: 2;
        overflow-x: hidden;
    }

    .index2-integration-section .index2-integration-auto-slider {
        position: relative;
    }

        .index2-integration-section .index2-integration-auto-slider:before {
            content: '';
            background: -webkit-gradient(linear, left top, right top, color-stop(22.92%, #ECEFF1), to(rgba(236, 239, 241, 0)));
            background: linear-gradient(90deg, #ECEFF1 22.92%, rgba(236, 239, 241, 0) 100%);
            height: 100%;
            width: 362px;
            left: 0px;
            bottom: 0px;
            position: absolute;
            z-index: 1;
        }

        .index2-integration-section .index2-integration-auto-slider:after {
            content: '';
            background: -webkit-gradient(linear, left top, right top, from(rgba(236, 239, 241, 0)), color-stop(76.56%, #ECEFF1));
            background: linear-gradient(90deg, rgba(236, 239, 241, 0) 0%, #ECEFF1 76.56%);
            height: 100%;
            width: 362px;
            right: 0px;
            bottom: 0px;
            position: absolute;
            z-index: 1;
        }

    .index2-integration-section .index2-integration-auto-slider-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 94px;
        position: relative;
        z-index: 0;
    }

        .index2-integration-section .index2-integration-auto-slider-list ul {
            padding: 0;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 94px;
            -webkit-animation: smoothSlider 20s infinite linear;
            animation: smoothSlider 20s infinite linear;
        }

            .index2-integration-section .index2-integration-auto-slider-list ul li {
                height: 100px;
                width: 100px;
                text-align: center;
            }

        .index2-integration-section .index2-integration-auto-slider-list.index2-integration-auto-slider-list-reverse ul {
            -webkit-animation: smoothSliderReverse 20s infinite linear;
            animation: smoothSliderReverse 20s infinite linear;
        }

@-webkit-keyframes smoothSliderReverse {
    0% {
        -webkit-transform: translateX(-100);
        transform: translateX(-100);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes smoothSliderReverse {
    0% {
        -webkit-transform: translateX(-100);
        transform: translateX(-100);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

/*-- index2-integration-section End --*/
/*-- home page 2 style start --*/
/*-- home page 3 style start --*/
/*-- main-feature-seciton start --*/
.main-feature-section {
    padding: 100px 0 35px 0;
    position: relative;
    z-index: 0;
}

    .main-feature-section .shape-img {
        position: absolute;
        z-index: 11;
    }

        .main-feature-section .shape-img.img-1 {
            bottom: 80px;
            left: 37%;
        }

        .main-feature-section .shape-img.img-2 {
            bottom: 43%;
            right: 37%;
        }

/*-- main-feature-card style --*/
.main-feature-card {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
    border-radius: 30px;
    padding: 40px 30px;
}

    .main-feature-card.card-1 {
        background-color: #eceff1cc;
    }

    .main-feature-card.card-2 {
        background-color: #f8f0e6cc;
    }

    .main-feature-card.card-3 {
        background-color: #f8f0e6cc;
    }

    .main-feature-card .overlay {
        position: absolute;
        z-index: -1;
        top: 40px;
        right: 30px;
    }

.main-feature-card-content img {
    width: 30px;
    height: 30px;
    margin-bottom: 16px;
}

.main-feature-card-content h2 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #000000;
}

/*-- main-feature-seciton end --*/
/*-- useful-feature-section start --*/
.useful-feature-section {
    padding: 65px 0;
}

    .useful-feature-section .nav.nav-tabs {
        border-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .useful-feature-section .nav.nav-tabs .nav-link {
            height: 50px;
            padding: 13px 28px;
            border: 1px solid #0000001a;
            border-radius: 26px;
            background-color: transparent;
            text-transform: capitalize;
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            color: #000000;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .useful-feature-section .nav.nav-tabs .nav-link.active {
                border: 1px solid #e7f1fc;
                background-color: #e7f1fc;
                color: #0095ff;
            }

    .useful-feature-section .tab-content {
        margin-top: 45px;
    }

/*-- useful-feature-header style --*/
.useful-feature-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.useful-feature-header-title h3 {
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    color: #0095ff;
    letter-spacing: 0.2em;
}

.useful-feature-slider-nav p {
    margin-bottom: 0;
}

.useful-feature-slider-for .slider-item .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.virtually-card .list .list-item svg {
    position: relative;
    top: -5px;
}

/*-- useful-feature-tab-content style --*/
.useful-feature-tab-content .item-text {
    margin-bottom: 30px;
}

    .useful-feature-tab-content .item-text h2 {
        margin-bottom: 24px;
        font-size: 24px;
    }

.useful-feature-tab-content .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .useful-feature-tab-content .list .list-item img {
        width: 20px;
        height: 20px;
    }

    .useful-feature-tab-content .list .list-item p {
        margin-top: 16px;
        color: #111111;
    }

.useful-feature-slider-nav .slick-list {
    padding: 0 !important;
}

.useful-feature-slider-nav .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    margin: 0 -10px;
}

.useful-feature-slider-nav .slider-item {
    margin: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 50px !important;
    padding: 13px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0000001a;
    border-radius: 26px;
    background-color: transparent;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .useful-feature-slider-nav .slider-item::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #e7f1fc;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .useful-feature-slider-nav .slider-item.slick-current {
        border: 1px solid #e7f1fc;
        color: #0095ff;
    }

        .useful-feature-slider-nav .slider-item.slick-current::before {
            opacity: 1;
            -webkit-animation: tabAnimate 6.5s linear;
            animation: tabAnimate 6.5s linear;
        }

.useful-feature-slider-for {
    margin-top: 45px;
}

    .useful-feature-slider-for .slider-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
    }

    .useful-feature-slider-for .slider-item-left, .useful-feature-slider-for .slider-item-img {
        width: 48%;
    }

    .useful-feature-slider-for .slider-item-text {
        margin-bottom: 30px;
    }

        .useful-feature-slider-for .slider-item-text h2 {
            margin-bottom: 24px;
            font-size: 24px;
        }

    .useful-feature-slider-for .slider-item .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .useful-feature-slider-for .slider-item .list .list-item img {
            width: 20px;
            height: 20px;
        }

        .useful-feature-slider-for .slider-item .list .list-item p {
            margin-top: 16px;
        }

    .useful-feature-slider-for ol {
        padding: 0;
        list-style: none;
        max-width: 450px;
    }

        .useful-feature-slider-for ol li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 15px;
        }

            .useful-feature-slider-for ol li svg {
                color: #999999;
                font-size: 18px;
                min-width: 20px;
                margin-top: 7px;
            }

/*-- useful-feature-section end --*/
/*-- counter-section start --*/
.counter-section {
    padding: 65px 0;
}

/*-- counter-card --*/
.counter-card {
    width: 100%;
    height: 220px;
    border-radius: 30px;
    background-color: #eceff1;
    padding: 70px;
    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;
    position: relative;
}

    .counter-card::before {
        position: absolute;
        content: url("../images/icons/shape-left.svg");
        top: -30px;
        left: -30px;
        -webkit-animation: badgeAnimate 2s infinite;
        animation: badgeAnimate 2s infinite;
    }

    .counter-card h2 {
        color: #0095ff;
    }

    .counter-card p {
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        color: #111111;
    }

/*-- counter-section end --*/
/*-- virtually-section start --*/
.virtually-section {
    padding: 65px 0 136px 0;
}

/*-- virtually-card style --*/
.virtually-card .virtually-title {
    margin-bottom: 44px;
}

    .virtually-card .virtually-title p {
        margin-bottom: 16px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
    }

.virtually-card .virtually-content {
    margin-bottom: 6px;
}

    .virtually-card .virtually-content h2 {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 24px;
    }

.virtually-card .list {
    padding: 0;
    list-style: none;
}

    .virtually-card .list .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }

        .virtually-card .list .list-item svg {
            font-size: 18px;
            color: #999999;
        }

/*-- virtually-section end --*/
/*-- best-pricing-section start --*/
.best-pricing-section {
    padding: 112px 0 120px 0;
    background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), color-stop(45.31%, #ecf1f8), color-stop(98.8%, #ffeaef));
    background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
    border-radius: 50px;
}

/*-- best-pricing-header style --*/
.best-pricing-header {
    margin-bottom: 40px;
    text-align: center;
}

    .best-pricing-header h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

/*-- best-pricing-selector style --*/
.best-pricing-selector {
    margin-bottom: 40px;
}

    .best-pricing-selector form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

        .best-pricing-selector form button {
            color: #444444;
        }

            .best-pricing-selector form button span {
                color: #00cec9;
            }

            .best-pricing-selector form button.active {
                color: #111111;
            }

        .best-pricing-selector form input[type="checkbox"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 50px;
            height: 24px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 15px;
            background-color: #ffffff;
            position: relative;
            cursor: pointer;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .best-pricing-selector form input[type="checkbox"]::before {
                position: absolute;
                content: "";
                top: 4px;
                left: 5px;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: #0095ff80;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

            .best-pricing-selector form input[type="checkbox"]:checked {
                background-color: #0095ff;
            }

                .best-pricing-selector form input[type="checkbox"]:checked::before {
                    left: 28px;
                    background-color: #ffffff;
                }

.best-pricing-grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
}

    .best-pricing-grid.yearly {
        display: none;
    }

.best-pricing-card {
    width: 25%;
    padding: 38px;
    background-color: #ffffff;
    position: relative;
}

    .best-pricing-card .best-pricing-card-header h3 {
        margin-bottom: 0;
        line-height: 1;
    }

        .best-pricing-card .best-pricing-card-header h3 span {
            font-size: 15px;
            font-weight: 500;
        }

    .best-pricing-card:first-child {
        border-radius: 30px 0 0 30px;
    }

    .best-pricing-card:last-child {
        border-radius: 0 30px 30px 0;
        border: 1px solid #0000001a;
        border-left: 0;
    }

    .best-pricing-card.active {
        border-left: 1px solid #0000001a;
        border-right: 1px solid #0000001a;
    }

        .best-pricing-card.active .start-free-btn {
            background-color: #0095ff;
            color: #ffffff;
        }

    .best-pricing-card.v2 {
        background-color: transparent;
    }

    .best-pricing-card .overlay {
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 30px;
        border-radius: 10px 10px 0 0;
        background-color: #00cec9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px;
        padding: 0 38px;
    }

        .best-pricing-card .overlay p {
            font-size: 13px;
            font-weight: 700;
            line-height: 20px;
            color: #ffffff;
            text-transform: uppercase;
        }

.best-pricing-card-header p {
    margin-bottom: 25px;
}

.best-pricing-card-title {
    margin-bottom: 12px;
    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;
}

    .best-pricing-card-title h2 {
        font-size: 30px;
        line-height: 30px;
    }

.best-pricing-card-body {
    margin-top: 20px;
}

    .best-pricing-card-body .list {
        padding: 0;
        list-style: none;
        margin-top: 27px;
    }

        .best-pricing-card-body .list li {
            color: #444444;
            padding-left: 16px;
            padding-bottom: 6px;
            position: relative;
        }

            .best-pricing-card-body .list li:not(:first-child) {
                margin-top: 10px;
            }

            .best-pricing-card-body .list li::before {
                position: absolute;
                content: "";
                top: 42%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #00cec966;
            }

            .best-pricing-card-body .list li.v2::before {
                background-color: #f9518c66;
            }

.users-list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .users-list li:not(:first-child) {
        margin-left: -4px;
    }

        .users-list li:not(:first-child) a img {
            border: 2px solid #f5eef4;
        }

    .users-list li a {
        width: 36px;
        height: 36px;
    }

        .users-list li a img {
            width: 36px;
            height: 36px;
            border-radius: 50%;
        }

    .users-list li button {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #0095ff4d;
        border: 2px solid #f5eef4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .users-list li button img {
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .users-list li button:hover {
            background-color: #0095ff;
        }

            .users-list li button:hover img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

.best-pricing-info {
    margin-top: 40px;
    background: #ffffff;
    border-radius: 35px;
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

    .best-pricing-info .list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .best-pricing-info .list .list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
        }

            .best-pricing-info .list .list-item svg {
                font-size: 18px;
                color: #444444;
            }

            .best-pricing-info .list .list-item p {
                margin-bottom: 0;
            }

.best-pricing-info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 27px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .best-pricing-info-right p {
        margin-bottom: 0;
    }

.compare-plans-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .compare-plans-btn span {
        color: #0095ff;
    }

    .compare-plans-btn .icon {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #0095ff4d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .compare-plans-btn .icon svg {
            font-size: 16px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .compare-plans-btn:hover .icon {
        background-color: #0095ff;
    }

        .compare-plans-btn:hover .icon svg {
            color: #ffffff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/*-- best-pricing-section end --*/
/*-- meeting-anytime-section start --*/
.meeting-anytime-section {
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

/*-- meeting-anytime-card style --*/
.meeting-anytime-card {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    background-color: #2d2e50;
    background-image: url("../images/team-collaboration/grain-texture.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    padding: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .meeting-anytime-card::before {
        position: absolute;
        z-index: -1;
        content: url("../images/team-collaboration/mesh-grad.svg");
        top: 0;
        left: 20%;
    }

    .meeting-anytime-card::after {
        position: absolute;
        content: url("../images/team-collaboration/shape.svg");
        top: -30px;
        right: -30px;
        -webkit-animation: badgeAnimate 2s infinite;
        animation: badgeAnimate 2s infinite;
    }

    .meeting-anytime-card .overlay {
        position: absolute;
        bottom: 0;
        left: 32px;
    }

.meeting-anytime-card-content {
    width: 60%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.meeting-anytime-card-text {
    margin-bottom: 38px;
}

    .meeting-anytime-card-text h2 {
        color: #ffffff;
    }

    .meeting-anytime-card-text p {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 36px;
        color: #ffffff;
    }

.meeting-anytime-card-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .meeting-anytime-card-buttons a {
        width: 160px;
        height: 50px;
        border-radius: 8px;
        overflow: hidden;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .meeting-anytime-card-buttons a:hover {
            opacity: 0.7;
        }

/*-- meeting-anytime-section end --*/
/*-- home page 3 style end --*/
/*-- home page 4 style start --*/
.how-works-section {
    padding: 132px 0 36px 0;
}

.how-works-title {
    margin-bottom: 42px;
}

    .how-works-title h3 {
        margin-bottom: 19px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #0095ff;
    }

.how-works-card {
    margin-bottom: 30px;
    padding: 40px 30px 32px 30px;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .how-works-card a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 15px;
        height: 29px;
    }

        .how-works-card a span {
            font-size: 15px;
            font-weight: 700;
            line-height: 30px;
            color: #0095ff;
            display: none;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .how-works-card a img {
            -webkit-filter: brightness(0);
            filter: brightness(0);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .how-works-card:hover a span {
        display: block;
    }

    .how-works-card:hover a img {
        -webkit-filter: none;
        filter: none;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .how-works-card.card-1 {
        background-color: #eeeffb;
    }

    .how-works-card.card-2 {
        background-color: #f8f0e6;
    }

    .how-works-card.card-3 {
        background-color: #f6eafe;
    }

.how-works-card-icon {
    margin-bottom: 40px;
}

.how-works-card-content h4 {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26px;
}

.how-works-card-content p {
    margin-bottom: 25px;
}

.how-works-card-content a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .how-works-card-content a img {
        width: 15px;
        height: 12px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .how-works-card-content a:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.why-choose-tab {
    max-width: 1170px;
    margin: auto;
    margin-bottom: 60px;
    padding-bottom: 12px;
    height: 38px;
    position: relative;
}

    .why-choose-tab::before {
        content: '';
        position: absolute;
        height: 2px;
        background: rgba(0, 206, 201, 0.2);
        border-radius: 1px;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }

    .why-choose-tab .tab-buttons {
        width: 100%;
        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;
    }

        .why-choose-tab .tab-buttons .slick-list {
            padding: 0 !important;
            width: 100% !important;
            overflow: visible;
        }

        .why-choose-tab .tab-buttons .slick-track {
            width: 100% !important;
            -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important;
            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;
        }

        .why-choose-tab .tab-buttons .slide-item {
            cursor: pointer;
            opacity: 0.6;
        }

            .why-choose-tab .tab-buttons .slide-item.slick-current {
                opacity: 1;
            }

        .why-choose-tab .tab-buttons .tab-btn {
            height: 26px;
            text-align: left;
            width: 25% !important;
        }

            .why-choose-tab .tab-buttons .tab-btn.slick-current::after {
                content: '';
                position: absolute;
                height: 2px;
                background: #00CEC9;
                border-radius: 1px;
                width: 20%;
                bottom: -12px;
                left: 0px;
                animation: lineProgress 3.5s linear infinite;
                -webkit-animation: lineProgress 3.5s linear infinite;
            }

            .why-choose-tab .tab-buttons .tab-btn.slick-current span:nth-child(1) {
                color: #00CEC9;
            }

.why-choose-section {
    padding: 65px 0 20px;
}

    .why-choose-section .tab-content {
        margin-top: 60px;
        width: 100%;
    }

    .why-choose-section ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .why-choose-section .tab-btn {
        text-transform: capitalize;
        font-family: "Montserrat Alternates", sans-serif;
        font-weight: 700;
        color: #111111;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .why-choose-section .tab-btn span {
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .why-choose-section .tab-btn .text,
        .why-choose-section .tab-btn .text2 {
            color: #111111;
        }

        .why-choose-section .tab-btn.active span {
            color: #00cec9;
        }

        .why-choose-section .tab-btn.active .text,
        .why-choose-section .tab-btn.active .text2 {
            color: #111111;
        }

    .why-choose-section .tab-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        gap: 50px;
    }

    .why-choose-section .tab-body-icon {
        width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .why-choose-section .tab-body-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .why-choose-section .tab-body h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .why-choose-section .tab-body p {
        margin-top: 29px;
        color: #444444;
    }

    .why-choose-section .tab-body .list {
        margin-top: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

        .why-choose-section .tab-body .list .list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
        }

            .why-choose-section .tab-body .list .list-item svg {
                font-size: 18px;
                color: #999999;
                position: relative;
                top: -5px;
            }

            .why-choose-section .tab-body .list .list-item p {
                margin-top: 0;
                color: #111111;
            }

.why-choose-parent {
    width: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .why-choose-parent .overlay-left,
    .why-choose-parent .overlay-right {
        position: absolute;
        z-index: 3;
        top: 0;
        width: 20%;
        height: 100%;
    }

    .why-choose-parent .overlay-left {
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .why-choose-parent .overlay-right {
        right: 0;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    }

.why-chose-slider .section {
    max-width: 1170px;
    width: 100%;
    margin: auto;
}

.why-choose-section {
    position: relative;
    max-width: 1800px;
    margin: auto;
}

    .why-choose-section .why-choose-tab progress {
        position: relative;
        top: -20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 2px;
        border: none;
        background: transparent;
        z-index: 2000;
    }

        .why-choose-section .why-choose-tab progress::-webkit-progress-bar {
            background: transparent;
        }

        .why-choose-section .why-choose-tab progress::-webkit-progress-value {
            background: #00CEC9;
            background-attachment: fixed;
        }

        .why-choose-section .why-choose-tab progress::-moz-progress-bar {
            background: #00CEC9;
            background-attachment: fixed;
        }

    .why-choose-section .swiper-container {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .why-choose-section .swiper-container .swiper-scrollbar {
            position: absolute;
            top: -38px;
            width: 1170px;
            height: 2px;
            background: rgba(0, 0, 0, 0.1);
            margin: 0 auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .why-choose-section .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
                -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                background: #00CEC9;
            }

        .why-choose-section .swiper-container .swiper-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        }

        .why-choose-section .swiper-container .swiper-slide {
            height: 100%;
            width: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #fff;
        }

.rating-section {
    padding: 120px 0 140px 0;
}

.rating-card {
    border: 1px dashed rgba(0, 0, 0, 0.15);
    border-radius: 60px;
    padding: 35px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rating-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

    .rating-item .rating-icon img {
        width: 40px;
        height: 40px;
    }

    .rating-item .rating-info h2 {
        line-height: 24px;
        font-size: 24px;
    }

    .rating-item .rating-meta {
        padding: 0;
        list-style: none;
        margin-top: 5px;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .rating-item .rating-meta li {
            position: relative;
        }

            .rating-item .rating-meta li:not(:first-child)::before {
                position: absolute;
                content: "|";
                top: 0;
                left: -10px;
            }

.testimonial-section-4 {
    padding: 112px 0;
    background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), color-stop(45.31%, #ecf1f8), color-stop(98.8%, #ffeaef));
    background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
    position: relative;
    z-index: 0;
}

    .testimonial-section-4::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/business/bg-shape.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

.section-title.testimonial-title4 {
    margin-bottom: 105px;
}

    .section-title.testimonial-title4 svg {
        color: #f7578c;
    }

.testimonial-section-4-slider {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}

    .testimonial-section-4-slider::before {
        position: absolute;
        z-index: 1;
        content: "";
        top: 0;
        left: 0;
        width: 375px;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), to(rgba(211, 225, 255, 0)));
        background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
    }

    .testimonial-section-4-slider::after {
        position: absolute;
        z-index: 1;
        content: "";
        top: 0;
        right: 0;
        width: 375px;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 234, 239, 0)), to(#ffeaef));
        background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
    }

    .testimonial-section-4-slider .slider-container {
        width: calc(295px * 12);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        -webkit-animation: testimonial4Slider 35s infinite linear;
        animation: testimonial4Slider 35s infinite linear;
    }

    .testimonial-section-4-slider .slider-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 295px;
        background-color: #ffffff;
        border-radius: 30px;
        padding: 20px 30px;
    }

        .testimonial-section-4-slider .slider-item:nth-child(4n + 1) {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        .testimonial-section-4-slider .slider-item:nth-child(4n + 3) {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

        .testimonial-section-4-slider .slider-item p {
            color: #444444;
        }

        .testimonial-section-4-slider .slider-item h4 {
            font-size: 15px;
            line-height: 24px;
        }

        .testimonial-section-4-slider .slider-item h5 {
            font-size: 13px;
            line-height: 24px;
            color: #444444;
        }

        .testimonial-section-4-slider .slider-item .slider-info {
            margin-top: 10px;
            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;
        }

@-webkit-keyframes testimonial4Slider {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(calc(-295px * 6));
        transform: translateX(calc(-295px * 6));
    }
}

@keyframes testimonial4Slider {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(calc(-295px * 6));
        transform: translateX(calc(-295px * 6));
    }
}

.faq-section-4 {
    padding: 132px 0 135px 0;
    position: relative;
    z-index: 0;
}

    .faq-section-4::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/business/bg-question.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }

    .faq-section-4.app-faq-section::before {
        display: none;
    }

.faq-section-4-title {
    margin-bottom: 30px;
    text-align: center;
}

    .faq-section-4-title h3 {
        margin-bottom: 16px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
    }

    .faq-section-4-title h2 {
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 40px;
        font-weight: 700;
        line-height: 60px;
        color: #111111;
    }

.faq-section-4-tab .nav.nav-tabs {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.faq-section-4-tab .nav-link {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 26px;
    padding: 12px 28px;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .faq-section-4-tab .nav-link.active {
        border: 1px solid transparent;
        background-color: #e7f1fc;
        color: #0095ff;
    }

.faq-section-4-tab .tab-content {
    margin-top: 50px;
}

.faq-section-4-bottom {
    margin-top: 72px;
    text-align: center;
}

    .faq-section-4-bottom h4 {
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #000000;
    }

    .faq-section-4-bottom h5 {
        font-size: 15px;
        line-height: 30px;
        color: #444444;
    }

    .faq-section-4-bottom .text-link {
        margin: 15px auto 0;
    }

.building-section-4 {
    padding: 88px 0 73px 0;
    background-color: #191c1f;
    position: relative;
    z-index: 0;
}

    .building-section-4::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 36.5%;
        height: 100%;
        background-color: #ffffff05;
    }

    .building-section-4::after {
        position: absolute;
        z-index: -2;
        content: "";
        top: 0;
        right: 0;
        width: calc(100% - 36.5%);
        height: 100%;
        background-image: url("../images/business/fram-4.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

.building-content-4 h2 {
    color: #ffffff;
}

.building-content-4 a {
    display: inline-block;
    margin-top: 34px;
}

.building-content-4 .theme-btn {
    padding-top: 16px;
    padding-bottom: 16px;
}

/*-- home page 4 style end --*/
/*-- home page 5 style start --*/
.why-chose-us-section {
    padding-top: 132px;
    padding-bottom: 126px;
}

    .why-chose-us-section .why-chose-us-content {
        margin-top: 40px;
    }

        .why-chose-us-section .why-chose-us-content .why-chose-us-card {
            padding: 44px 20px;
            width: 100%;
            text-align: center;
            border-radius: 30px;
            overflow: hidden;
        }

            .why-chose-us-section .why-chose-us-content .why-chose-us-card.active {
                background: #F9F1FF;
            }

            .why-chose-us-section .why-chose-us-content .why-chose-us-card h5 {
                margin-bottom: 24px;
                font-weight: 700;
            }

            .why-chose-us-section .why-chose-us-content .why-chose-us-card p {
                max-width: 330px;
                width: 100%;
                margin: auto;
                margin-bottom: 47px;
            }

.powerfull-template-section {
    margin-bottom: 140px;
    overflow-y: hidden;
    background: #FFFFFF;
    position: relative;
    z-index: 2;
}

.powerfull-template-content {
    margin-top: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .powerfull-template-content .powerfull-template-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.powerfull-template-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .powerfull-template-row.active .powerfull-template-number {
        color: #ffffff;
        background: #0095ff;
    }

    .powerfull-template-row .powerfull-template-number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        border: 10px solid #ffffff;
        background: #e6e6e6;
        color: #111111;
        font-family: "Montserrat Alternates", sans-serif;
        font-weight: 700;
        line-height: 30px;
        position: absolute;
        top: 0px;
        z-index: 2;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .powerfull-template-row::before {
        z-index: 1;
        content: "";
        background: rgba(0, 0, 0, 0.1);
        height: 100%;
        width: 2px;
        top: 50px;
        position: absolute;
    }

    .powerfull-template-row::after {
        content: "";
        background: #0095ff;
        height: 0%;
        width: 2px;
        top: 50px;
        position: absolute;
        z-index: 1;
        -webkit-transition: height 2s;
        transition: height 2s;
    }

.powerfull-template-img.powerfull-template-img-right {
    padding: 30px 0px 50px 70px;
    margin-top: 40px;
}

.powerfull-template-img.powerfull-template-img-left {
    padding: 30px 70px 50px 0px;
    margin-top: 40px;
}

.timeline-innerline {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

    .timeline-innerline .timeline-progress {
        width: 2px;
        height: 50px;
        background-color: #0095ff;
    }

.powerfull-template-text {
    padding-top: 75px;
    max-width: 457px;
    width: 100%;
}

    .powerfull-template-text ol,
    .powerfull-template-text ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .powerfull-template-text.powerfull-template-text-right {
        padding-left: 80px;
    }

    .powerfull-template-text h4 {
        margin-bottom: 24px;
    }

    .powerfull-template-text h6 {
        margin-bottom: 10px;
        font-family: "DM Sans", sans-serif;
    }

    .powerfull-template-text p {
        margin-bottom: 16px;
    }

    .powerfull-template-text ul li {
        color: #111111;
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 15px;
    }

        .powerfull-template-text ul li svg {
            color: #999999;
            font-size: 18px;
        }

    .powerfull-template-text ol {
        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;
        margin-top: 26px;
    }

        .powerfull-template-text ol li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            margin-right: 20px;
            color: #111111;
        }

            .powerfull-template-text ol li:last-child {
                margin-right: 0;
            }

            .powerfull-template-text ol li img {
                margin-bottom: 10px;
            }

/*-- happy-customer-section style start --*/
.happy-customers-section {
    padding-top: 128px;
    padding-bottom: 130px;
    position: relative;
    z-index: 0;
}

    .happy-customers-section .happy-customers-bg {
        position: absolute;
        z-index: -1;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }

        .happy-customers-section .happy-customers-bg .happy-customers-bg-img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            height: 1100px;
        }

        .happy-customers-section .happy-customers-bg .happy-customers-bg-inner {
            position: relative;
        }

            .happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball {
                position: absolute;
            }

            .happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball1 {
                top: 1%;
                left: 4%;
            }

            .happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball2 {
                top: -5%;
                right: 8%;
            }

            .happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball3 {
                top: -3.2%;
                right: 3.5%;
            }

.happy-customers-title h2 {
    font-family: "Jost", sans-serif;
}

.happy-customers-title h5 {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #444444;
    margin-top: 12px;
}

.happy-customer-left .happy-customer-rating {
    margin: 43px 0 45px 0;
}

.happy-customer-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

    .happy-customer-rating li {
        padding: 12px 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        background: #ffffff;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        cursor: pointer;
    }

.happy-customer-right {
    position: relative;
}

    .happy-customer-right .bg-img {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }

.happy-customer-slider-for .slick-arrow {
    z-index: 1;
    top: unset;
    bottom: 0;
    cursor: pointer;
}

    .happy-customer-slider-for .slick-arrow.slick-prev {
        left: unset;
        right: 70px;
    }

    .happy-customer-slider-for .slick-arrow.slick-next {
        right: 0;
    }

.happy-customer-slider-for .slider-counter {
    position: absolute;
    bottom: 7px;
    right: 28px;
    font-size: 15px;
    line-height: 25px;
    color: #111111;
    letter-spacing: 3px;
}

.happy-customer-slider-for .slider-item {
    -webkit-transition: none !important;
    transition: none !important;
}

    .happy-customer-slider-for .slider-item p {
        font-size: 24px;
        font-weight: 500;
        line-height: 45px;
        color: #111111;
        margin-bottom: 27px;
    }

    .happy-customer-slider-for .slider-item .customers-name h5 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
    }

    .happy-customer-slider-for .slider-item .customers-name h6 {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        color: #444444;
    }

.happy-customer-slider-nav .slick-list {
    padding: 0 !important;
}

.happy-customer-slider-nav .slick-track {
    width: 100% !important;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-areas: "item1 item1"
        "item2 item3"
        "item4 item4";
    gap: 20px;
}

    .happy-customer-slider-nav .slick-track .slider-item:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: item1;
        margin: 0 auto;
    }

    .happy-customer-slider-nav .slick-track .slider-item:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: item2;
        margin: 0 auto;
    }

    .happy-customer-slider-nav .slick-track .slider-item:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        grid-area: item3;
        margin: 0 auto;
    }

    .happy-customer-slider-nav .slick-track .slider-item:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: item4;
        margin: 0 auto;
    }

.happy-customer-slider-nav .slider-item {
    cursor: pointer;
}

    .happy-customer-slider-nav .slider-item .slider-img {
        width: 102px;
        height: 102px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

        .happy-customer-slider-nav .slider-item .slider-img::before {
            position: absolute;
            z-index: -1;
            content: "";
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: calc(100% - 4px);
            height: calc(100% - 4px);
            border-radius: 50%;
            background-color: #eceff1;
        }

        .happy-customer-slider-nav .slider-item .slider-img img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

            .happy-customer-slider-nav .slider-item .slider-img img.img1 {
                background: #F7C8EC;
            }

            .happy-customer-slider-nav .slider-item .slider-img img.img2 {
                background: #E2D08E;
            }

            .happy-customer-slider-nav .slider-item .slider-img img.img3 {
                background: #B3E1EC;
            }

            .happy-customer-slider-nav .slider-item .slider-img img.img4 {
                background: #A6A6B9;
            }

        .happy-customer-slider-nav .slider-item .slider-img .circle-progress {
            position: absolute;
            z-index: -2;
            width: 102px;
            height: 102px;
        }

        .happy-customer-slider-nav .slider-item .slider-img .halfclip {
            width: 50%;
            height: 100%;
            right: 0px;
            position: absolute;
            overflow: hidden;
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }

        .happy-customer-slider-nav .slider-item .slider-img .halfcircle {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 100%;
            right: 0px;
            position: absolute;
            border: solid 25px transparent;
            border-radius: 50%;
        }

        .happy-customer-slider-nav .slider-item .slider-img .clipped {
            width: 200%;
        }

        .happy-customer-slider-nav .slider-item .slider-img .fixed {
            width: 100%;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .happy-customer-slider-nav .slider-item.slick-current .halfclip {
        animation: cliprotate 6.5s steps(2) infinite;
        -webkit-animation: cliprotate 6.5s steps(2) infinite;
    }

    .happy-customer-slider-nav .slider-item.slick-current .halfcircle {
        border-top-color: #111111;
        border-left-color: #111111;
    }

    .happy-customer-slider-nav .slider-item.slick-current .clipped {
        animation: rotate 3.25s linear infinite;
        -webkit-animation: rotate 3.25s linear infinite;
    }

    .happy-customer-slider-nav .slider-item.slick-current .fixed {
        animation: showfixed 6.5s steps(2) infinite;
        -webkit-animation: showfixed 6.5s linear infinite;
    }

@-webkit-keyframes cliprotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes cliprotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@-webkit-keyframes showfixed {
    0% {
        opacity: 0;
    }

    49.9% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

/*-- happy-customer-section style end --*/
/*-- home page 5 style end --*/
/*-- home page 7 style start --*/
.portfolio-gallery-section {
    padding-bottom: 140px;
}

.portfolio-grid-container {
    width: 100%;
    margin: auto;
}

    .portfolio-grid-container.row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .portfolio-grid-container.row .col-md-4 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

.portfolio-gallery-card {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background: transparent;
    min-height: 100px;
    height: auto;
    text-align: center;
}

.portfolio-gallery-card2 {
    padding-top: 70px;
}

.portfolio-gallery-card .portfolio-img {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

    .portfolio-gallery-card .portfolio-img img {
        height: 100%;
        width: 100%;
        opacity: 1;
    }

.portfolio-gallery-card .portfolio-details {
    position: absolute;
    left: 0px;
    padding: 15px;
    background: transparent;
    width: 100%;
}

.portfolio-gallery-card .portfolio-text-card {
    background: #ffffff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 20px;
    gap: 20px;
    text-align: left;
}

    .portfolio-gallery-card .portfolio-text-card h5 a {
        color: #111111;
    }

    .portfolio-gallery-card .portfolio-text-card h6 {
        font-size: 14px;
    }

    .portfolio-gallery-card .portfolio-text-card .portfolio-text-link {
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon {
            background: rgba(0, 0, 0, 0.1);
            height: 30px;
            width: 30px;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon svg {
                color: #444444;
            }

    .portfolio-gallery-card .portfolio-text-card:hover .portfolio-text-link {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.portfolio-gallery-card:hover .portfolio-details {
    bottom: 0px;
    -webkit-animation-name: slideToTop;
    animation-name: slideToTop;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

@-webkit-keyframes slideToTop {
    0% {
        bottom: -120px;
    }

    100% {
        bottom: 0px;
    }
}

@keyframes slideToTop {
    0% {
        bottom: -120px;
    }

    100% {
        bottom: 0px;
    }
}

.lb-outerContainer {
    height: 100vh !important;
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    border-radius: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lightbox .lb-image {
    border: none;
    border-radius: 0px;
}

.lb-nav a.lb-next {
    opacity: 1;
    right: 30px;
    width: 20%;
    margin-right: 30px;
}

.lb-nav a.lb-prev {
    opacity: 1;
    left: 30px;
    width: 20%;
    margin-left: 30px;
}

.lb-data .lb-close {
    position: fixed;
    top: 30px;
    right: 30px;
}

/*-- home page 7 style end --*/
/*-- home page 8 style start --*/
.v8banner-section {
    background: #0d333f;
    padding-top: 90px;
    position: relative;
}

.v8banner-text {
    max-width: 607px;
    padding-right: 49px;
    min-height: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .v8banner-text .title {
        line-height: 1.25;
        color: #ffffff;
        margin-bottom: 18px;
    }

    .v8banner-text p {
        font-size: 18px;
        line-height: 36px;
        color: #ffffff;
        margin-bottom: 48px;
    }

.v8banner-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 90px;
}

    .v8banner-video video {
        width: 100%;
        min-height: 760px;
        -o-object-fit: cover;
        object-fit: cover;
    }

.design-system-sticky {
    z-index: 1;
    background: #f4f5f8;
    padding-top: 132px;
    padding-bottom: 60px;
    width: 100% !important;
}

.design-system-img {
    text-align: center;
    max-width: 870px;
    width: 100%;
    margin: auto;
    margin-top: 54px;
}

.v8-seroll-content {
    position: relative;
    z-index: 2;
    background: #ffffff;
}

.index8-accounting-section {
    padding-top: 120px;
    padding-bottom: 140px;
}

.index8-accounting-column-section .custom-row {
    padding-bottom: 140px;
}

    .index8-accounting-column-section .custom-row .custom-column {
        padding-bottom: 40px !important;
    }

        .index8-accounting-column-section .custom-row .custom-column:nth-last-child(1) .index8-accounting-column-content {
            border: none;
        }

.index8-accounting-column-content {
    width: 100%;
    padding-right: 18px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

    .index8-accounting-column-content .index8-accounting-colun-icon {
        margin-bottom: 23px;
    }

    .index8-accounting-column-content h4 {
        font-size: 15px;
        margin-bottom: 14px;
    }

    .index8-accounting-column-content p {
        width: 100%;
    }

.index8-accounting-img {
    overflow: hidden;
    max-width: 520px;
    width: 100%;
    min-height: 100%;
    padding-right: 20px;
}

    .index8-accounting-img img {
        max-width: 100%;
        height: 100%;
        width: 100%;
        border-radius: 30px;
    }

.index8-accounting-content {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.index8-accounting-text p {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.index8-accounting-text ul {
    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;
    margin-top: 30px;
}

    .index8-accounting-text ul li {
        width: 50%;
        color: #111111;
    }

        .index8-accounting-text ul li svg {
            color: rgba(13, 172, 129, 0.5);
            margin-right: 10px;
            font-size: 18px;
        }

.index8-accounting-text .check-list li {
    margin-bottom: 12px;
}

.we-offering-section {
    background: #0d333f;
    padding-top: 112px;
    padding-bottom: 120px;
}

.we-offering-text {
    max-width: 500px;
    padding-right: 30px;
}

.we-offering-slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .we-offering-slider-nav.slick-slider .slick-list {
        width: 100%;
        padding: 0px !important;
    }

    .we-offering-slider-nav.slick-slider .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100% !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .we-offering-slider-nav .slick-btn {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: rgba(255, 255, 255, 0.7);
        padding: 30px 0px;
        width: 100% !important;
        cursor: pointer;
    }

        .we-offering-slider-nav .slick-btn.slick-current {
            color: #ffffff;
            padding-left: 37px;
            position: relative;
        }

            .we-offering-slider-nav .slick-btn.slick-current::before {
                content: url(../images/accounting/slider-arrow-right.svg);
                position: absolute;
                left: 0px;
            }

            .we-offering-slider-nav .slick-btn.slick-current::after {
                position: absolute;
                bottom: -2px;
                left: 0px;
                content: "";
                height: 2px;
                width: 30%;
                background: rgba(170, 239, 105, 0.2);
                animation: lineProgress 3.5s linear infinite;
                -webkit-animation: lineProgress 3.5s linear infinite;
            }

.we-offering-slider-content {
    max-width: 570px;
}

.we-offering-slide-bg-img {
    position: relative;
    z-index: 1;
}

.we-offering-slider {
    position: relative;
    margin-top: -250px;
    z-index: 2;
}

.we-offering-slide-img {
    height: 220px;
    width: 230px;
    margin-left: 30px;
    margin-bottom: 90px;
}

    .we-offering-slide-img img {
        height: 100%;
        width: 100%;
    }

.we-offering-slide-item-text h4 {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 20px;
}

.we-offering-slide-item-text p {
    color: #ffffff;
}

.we-offering-slide-item-text ul li {
    line-height: 30px;
    color: #ffffff;
    padding-left: 15px;
    position: relative;
    margin-top: 0;
}

    .we-offering-slide-item-text ul li::before {
        content: "";
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #0DAC81;
        position: absolute;
        left: 0px;
        top: 12px;
    }

.we-offering-slide-btns {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16px;
}

    .we-offering-slide-btns button {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        padding: 8px 15px;
        color: #ffffff;
    }

        .we-offering-slide-btns button svg {
            color: #0DAC81;
            margin-right: 9px;
        }

/*-- home page 8 style end --*/
/*-- chatbot style start --*/
.chatbot-customers-suport-sectoin {
    padding-bottom: 140px;
    background: #ffffff;
}

.chatbot-customers-suport-card {
    border-radius: 30px;
    padding: 50px 50px 0px 50px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    max-height: 695px;
    overflow: hidden;
}

.chatbot-customers-suport-card1 {
    background: #0048AC;
}

    .chatbot-customers-suport-card1::after {
        content: url(../images/chatbot/card-shape1.svg);
        top: 0px;
        left: 0px;
        position: absolute;
        overflow: hidden;
        z-index: 0;
    }

.chatbot-customers-suport-card2 {
    background: #0F5267;
}

    .chatbot-customers-suport-card2::after {
        content: url(../images/chatbot/card-shape2.svg);
        bottom: -10px;
        left: 0px;
        position: absolute;
        overflow: hidden;
        z-index: 0;
    }

.chatbot-customers-suport-card .card-title {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 8px 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 17px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

.chatbot-customers-suport-card .card-subtitle {
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
}

.chatbot-customers-suport-card .card-pragraph {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    color: #ffffff;
    max-width: 398px;
    margin-bottom: 20px;
}

.chatbot-customers-suport-card ul {
    list-style: url(../images/chatbot/list-bullet.svg);
    padding-left: 20px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

    .chatbot-customers-suport-card ul li {
        color: #ffffff;
        line-height: 36px;
    }

.chatbot-customers-suport-card .card-img {
    min-height: 150px;
    z-index: 111;
    -webkit-transition: 0s;
    transition: 0s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.chatbot-customers-suport-card .card-img1 {
    max-width: 447px;
    margin: auto;
}

.chatbot-customers-suport-card .card-img2 {
    max-width: 298px;
    margin-left: auto;
    margin-top: -100px;
}

.chatbot-why-choose-us-section {
    padding-top: 140px;
    padding-bottom: 220px;
    background: #ffffff;
}

.chatbot-why-choose-us-content {
    background: #F7F5F2;
    border-radius: 30px;
    padding: 112px 70px;
}

.chatbot-why-choose-us-left {
    min-height: 100%;
    position: relative;
}

    .chatbot-why-choose-us-left p {
        max-width: 400px;
        width: 100%;
        margin-top: 35px;
    }

    .chatbot-why-choose-us-left .chatbot-why-choose-img {
        position: absolute;
        left: 0px;
        bottom: -182px !important;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

.chatbot-why-choose-us-right {
    min-height: 100%;
}

.chatbot-why-choose-info {
    margin-bottom: 50px;
}

    .chatbot-why-choose-info:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .chatbot-why-choose-info .chatbot-why-choose-icon {
        margin-bottom: 23px;
    }

    .chatbot-why-choose-info h5 {
        margin-bottom: 14px;
        font-weight: 700;
    }

    .chatbot-why-choose-info p {
        margin-bottom: 0px;
    }

.chatbot-best-pricing-section {
    padding-top: 132px;
    padding-bottom: 70px;
    background: #F7F5F2;
}

.best-pricing-monthly {
    display: block;
}

.best-pricing-yearly {
    display: none;
}

.chatbot-best-pricing-card {
    min-height: 100%;
    border-radius: 30px;
    padding: 33px 40px 40px 40px;
}

    .chatbot-best-pricing-card:hover .card-header img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.chatbot-best-pricing-card1 {
    background: #ffffff;
}

    .chatbot-best-pricing-card1 .card-header p {
        color: #111111;
        max-width: 175px;
        width: 100%;
    }

    .chatbot-best-pricing-card1 .card-header img {
        -webkit-filter: brightness(0%);
        filter: brightness(0%);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .chatbot-best-pricing-card1 .card-body h3 span {
        color: #444444;
    }

    .chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn {
        border: 2px solid rgba(0, 149, 255, 0.3);
        border-radius: 50px;
        color: #0095ff;
    }

        .chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn span {
            color: #0095ff;
        }

.chatbot-best-pricing-card2 {
    background: #032368;
}

    .chatbot-best-pricing-card2 .card-header p {
        color: #ffffff;
        max-width: 219px;
        width: 100%;
    }

    .chatbot-best-pricing-card2 .card-header img {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .chatbot-best-pricing-card2 .card-body h3 {
        color: #ffffff;
    }

        .chatbot-best-pricing-card2 .card-body h3 span {
            color: #ffffff;
        }

    .chatbot-best-pricing-card2 .card-body p {
        color: #ffffff;
    }

    .chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn {
        border: 2px solid rgba(0, 149, 255, 0.3);
        border-radius: 50px;
        background: #ffffff;
        border: 2px solid transparent;
    }

        .chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn span {
            color: #000000;
        }

.chatbot-best-pricing-card3 {
    background: #EDE4DB;
}

    .chatbot-best-pricing-card3 .card-header p {
        color: #111111;
        max-width: 232px;
        width: 100%;
    }

    .chatbot-best-pricing-card3 .card-header img {
        -webkit-filter: brightness(0%);
        filter: brightness(0%);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .chatbot-best-pricing-card3 .card-body h3 span {
        color: #444444;
    }

    .chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn {
        border: 2px solid rgba(0, 149, 255, 0.3);
        border-radius: 50px;
        color: #0095ff;
    }

        .chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn span {
            color: #0095ff;
        }

.chatbot-best-pricing-card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 32px;
}

    .chatbot-best-pricing-card .card-header img {
        margin-top: 15px;
    }

.chatbot-best-pricing-card .card-body .pricing-icon {
    margin-bottom: 24px;
}

.chatbot-best-pricing-card .card-body h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 24px;
}

    .chatbot-best-pricing-card .card-body h3 span {
        font-size: 15px;
        line-height: 30px;
        font-weight: 500;
        margin-left: 8px;
        font-family: "DM Sans", sans-serif !important;
    }

.chatbot-best-pricing-card .card-body p {
    margin-bottom: 29px;
}

.chatbot-best-pricing-card .card-body .chatbot-best-pricing-card-btn {
    width: 100%;
    padding: 17px;
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
    border-radius: 50px;
    color: #0095ff;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.convert-visitors-section {
    padding-top: 93px;
    background: #ffffff;
}

.convert-visitors-slider-nav {
    margin-bottom: 34px;
}

.convert-visitors-img-section {
    max-width: 440px;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.convert-visitors-slider-nav-section .slick-list {
    padding: 0 !important;
    width: 100%;
}

.convert-visitors-slider-nav-section .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 58px;
}

.convert-visitors-slider-nav-section .nav-item {
    cursor: pointer;
}

    .convert-visitors-slider-nav-section .nav-item.slick-current {
        opacity: 1;
    }

        .convert-visitors-slider-nav-section .nav-item.slick-current button {
            color: #0095ff;
            border-bottom: 2px solid #0095ff;
        }

.convert-visitors-slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 885px;
    width: 100%;
    list-style: none;
    padding: 0px;
}

    .convert-visitors-slider-nav .nav-item {
        max-width: -webkit-max-content !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important;
        width: 100% !important;
    }

        .convert-visitors-slider-nav .nav-item button {
            color: #111111;
            padding-bottom: 6px;
            border-bottom: 2px solid transparent;
            max-width: -webkit-max-content !important;
            max-width: -moz-max-content !important;
            max-width: max-content !important;
            width: 100% !important;
            font-weight: 700;
            text-transform: uppercase;
            text-align: left;
        }

            .convert-visitors-slider-nav .nav-item button:hover {
                color: #0095ff;
                border-bottom: 2px solid #0095ff;
            }

.convert-visitors-slider-nav-section .why-choose-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 885px;
    width: 100%;
    list-style: none;
    padding: 0px;
}

    .convert-visitors-slider-nav-section .why-choose-tab .tab-buttons {
        max-width: -webkit-max-content !important;
        max-width: -moz-max-content !important;
        max-width: max-content !important;
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 38px;
    }

        .convert-visitors-slider-nav-section .why-choose-tab .tab-buttons button {
            color: #111111;
            padding-bottom: 6px;
            border-bottom: 2px solid transparent;
            max-width: -webkit-max-content !important;
            max-width: -moz-max-content !important;
            max-width: max-content !important;
            width: 100% !important;
            font-weight: 700;
            text-transform: uppercase;
            text-align: left;
        }

            .convert-visitors-slider-nav-section .why-choose-tab .tab-buttons button:hover {
                color: #0095ff;
                border-bottom: 2px solid #0095ff;
            }

.convert-visitors-slider-content {
    position: relative;
}

    .convert-visitors-slider-content .slick-dots {
        max-width: 440px;
        padding: 25px;
        width: 100%;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1%;
        background: transparent;
        border-radius: 0px 0px 30px 30px;
        height: 90px;
        left: 15px;
        bottom: 0px;
    }

        .convert-visitors-slider-content .slick-dots li {
            width: 24%;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 1.5px;
            height: 3px;
            border-radius: 1.5px;
            overflow: hidden;
        }

            .convert-visitors-slider-content .slick-dots li button::before {
                display: none;
            }

            .convert-visitors-slider-content .slick-dots li.slick-active button {
                height: 3px;
                border-radius: 1.5px;
                width: 0%;
                background: #ffffff;
                animation: lineProgress 3.5s linear infinite;
                -webkit-animation: lineProgress 3.5s linear infinite;
            }

    .convert-visitors-slider-content .convert-visitors-slider-bg {
        position: absolute;
        bottom: 0px;
    }

        .convert-visitors-slider-content .convert-visitors-slider-bg img {
            height: 100%;
            width: 100%;
            border-radius: 30px;
            overflow: hidden;
        }

.convert-visitors-slider-right {
    overflow-x: hidden;
    padding-top: 76px;
}

    .convert-visitors-slider-right ul {
        list-style: none;
        padding-left: 0px;
        margin-top: 11px;
    }

        .convert-visitors-slider-right ul li {
            color: #111111;
            line-height: 36px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-left: 30px;
        }

            .convert-visitors-slider-right ul li::before {
                content: url(../images/icons/check.svg);
                position: absolute;
                top: 3px;
                left: 0px;
            }

.convert-visitors-progress-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 25px;
    margin-bottom: 15px;
}

    .convert-visitors-progress-section .convert-visitors-progress {
        border-radius: 15px;
        height: 60px;
    }

        .convert-visitors-progress-section .convert-visitors-progress.satisfaction {
            background: rgba(0, 149, 255, 0.5);
            max-width: 195px;
            width: 100%;
        }

        .convert-visitors-progress-section .convert-visitors-progress.feedback {
            background: rgba(15, 82, 103, 0.5);
            max-width: 88px;
            width: 100%;
        }

    .convert-visitors-progress-section .convert-visitors-progress-text h3 {
        line-height: 24px;
        margin-bottom: 3px;
    }

    .convert-visitors-progress-section .convert-visitors-progress-text p {
        line-height: 24px;
    }

.lead-generation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 27px;
    margin-bottom: 26px;
}

    .lead-generation-list h4 {
        margin-bottom: 0px;
    }

    .lead-generation-list p {
        margin-bottom: 0px;
    }

.chatbot-testmonial-section {
    padding-bottom: 140px;
    background: #F7F5F2;
}

.chatbot-testmonial-content {
    max-width: 780px;
    margin: auto;
    text-align: center;
}

    .chatbot-testmonial-content .testmonial-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #999999;
        text-align: center;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        margin-bottom: 52px;
    }

    .chatbot-testmonial-content .testmonial-quote-text {
        font-size: 25px;
        font-weight: 500;
        line-height: 45px;
        color: #111111;
        margin-bottom: 25px;
    }

    .chatbot-testmonial-content .clint-content .clint-img {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        margin: auto;
        margin-bottom: 17px;
    }

        .chatbot-testmonial-content .clint-content .clint-img img {
            height: 100%;
            width: 100%;
            position: absolute;
        }

    .chatbot-testmonial-content .clint-content .clint-info {
        margin-bottom: 29px;
    }

        .chatbot-testmonial-content .clint-content .clint-info span {
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            color: #111111;
        }

    .chatbot-testmonial-content .slick-dots {
        position: relative;
        bottom: 0px;
        max-width: 107px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        gap: 6px;
    }

        .chatbot-testmonial-content .slick-dots li {
            height: 8px;
            width: 8px;
            padding: 0px;
        }

            .chatbot-testmonial-content .slick-dots li button {
                background: rgba(0, 0, 0, 0.2);
                height: 8px;
                width: 8px;
                border-radius: 50%;
                opacity: 1;
                color: transparent;
            }

                .chatbot-testmonial-content .slick-dots li button:before {
                    display: none;
                }

            .chatbot-testmonial-content .slick-dots li.slick-active {
                width: 15px;
            }

                .chatbot-testmonial-content .slick-dots li.slick-active button {
                    width: 15px;
                    border-radius: 20px;
                    background: #111111;
                }

.testmonial-quote-icon {
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFC847;
    margin: auto;
    margin-bottom: 47px;
}

    .testmonial-quote-icon .circle-progress {
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
    }

    .testmonial-quote-icon .halfclip {
        width: 50%;
        height: 100%;
        right: 0px;
        position: absolute;
        overflow: hidden;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .testmonial-quote-icon .halfcircle {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        right: 0px;
        position: absolute;
        border: solid 3px transparent;
        border-radius: 50%;
    }

    .testmonial-quote-icon .clipped {
        width: 200%;
    }

    .testmonial-quote-icon .fixed {
        width: 100%;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

.chatbot-testmonial-slider .slick-current .halfclip {
    animation: cliprotate 3.5s steps(2) infinite;
    -webkit-animation: cliprotate 3.5s steps(2) infinite;
}

.chatbot-testmonial-slider .slick-current .halfcircle {
    border-top-color: #B38D33;
    border-left-color: #B38D33;
}

.chatbot-testmonial-slider .slick-current .clipped {
    animation: rotate 1.75s linear infinite;
    -webkit-animation: rotate 1.75s linear infinite;
}

.chatbot-testmonial-slider .slick-current .fixed {
    animation: showfixed 3.5s steps(2) infinite;
    -webkit-animation: showfixed 3.5s linear infinite;
}

.chatbot-testmonial-badge {
    max-width: 620px;
    width: 100%;
    margin: auto;
    padding-top: 80px;
}

    .chatbot-testmonial-badge ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1%;
        padding: 0px;
        list-style: none;
    }

        .chatbot-testmonial-badge ul li {
            width: 19%;
        }

/*-- chatbot style End --*/
/*-- Newslater style start --*/
.leading-email-section {
    margin-top: 70px;
    margin-bottom: 132px;
}

.leading-email-card {
    padding: 50px 100px;
    background: #FFFFFF;
    border-radius: 30px;
}

.leading-email-left h3 {
    margin-bottom: 36px;
    color: #111111;
    line-height: 50px;
}

    .leading-email-left h3 span {
        font-family: "Caveat", cursive;
        color: #0095ff;
        font-size: 40px;
    }

.leading-email-left ul {
    padding: 0px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    max-width: 383px;
    width: 100%;
}

    .leading-email-left ul li {
        background: #EEF2F5;
        -webkit-box-shadow: 0px 2px 0px rgba(0, 149, 255, 0.3);
        box-shadow: 0px 2px 0px rgba(0, 149, 255, 0.3);
        border-radius: 10px;
        font-weight: 700;
        color: #111111;
        padding: 12px 21px;
        cursor: pointer;
    }

        .leading-email-left ul li span {
            margin-right: 10px;
        }

            .leading-email-left ul li span img {
                margin-top: -2px;
            }

        .leading-email-left ul li:nth-child(2) span img {
            margin-top: -5px;
        }

.leading-email-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

    .leading-email-right ul {
        padding: 0px;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 30px;
        max-width: 360px;
        margin-left: auto;
        margin-bottom: 0px;
    }

        .leading-email-right ul li {
            width: 33.33%;
        }

.newsleter-features-secton {
    padding-bottom: 140px;
}

.newsleter-features-card {
    background: #ffffff;
    border-radius: 20px;
    margin-bottom: 30px;
}

    .newsleter-features-card .newsleter-features-card-img img {
        width: 100%;
    }

.newsleter-features-card-text {
    padding: 32px 30px 35px 30px;
}

    .newsleter-features-card-text h5 {
        margin-bottom: 19px;
    }

    .newsleter-features-card-text p {
        margin-bottom: 16px;
    }

    .newsleter-features-card-text a {
        font-weight: 700;
        color: #111111;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .newsleter-features-card-text a img {
            margin-left: 10px;
            -webkit-filter: brightness(0);
            filter: brightness(0);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .newsleter-features-card-text a:hover {
            color: #0095ff;
        }

            .newsleter-features-card-text a:hover img {
                -webkit-filter: none;
                filter: none;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

.powerful-email-section {
    padding-top: 132px;
    padding-bottom: 200px;
    background: #ffffff;
}

    .powerful-email-section .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 52px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #0095ff;
    }

.powerful-email-wrapper {
    position: relative;
    height: calc(100vh * 1.5);
}

    .powerful-email-wrapper .powerful-email-content {
        position: -webkit-sticky;
        position: sticky;
        top: 8rem;
    }

.powerful-email-left .email-collaps-list {
    list-style: none;
    padding: 0px;
    position: relative;
}

    .powerful-email-left .email-collaps-list .timeline-innerline {
        left: 34px;
        top: 0px;
    }

    .powerful-email-left .email-collaps-list .email-collaps-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        padding-bottom: 50px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background: #FFFFFF;
    }

        .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number {
            background: #FFFFFF;
            border: 2px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-right: 8px;
            min-height: 70px;
            min-width: 70px;
            max-height: 70px;
            max-width: 70px;
            border-radius: 50%;
            font-size: 36px;
            font-weight: 700;
            line-height: 30px;
            color: #000000;
            font-family: "Caveat", cursive;
            position: relative;
        }

            .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::after {
                content: '';
                height: 19px;
                width: 15px;
                position: absolute;
                bottom: -21px;
                background: #ffffff;
            }

            .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::before {
                content: '';
                height: 19px;
                width: 15px;
                position: absolute;
                top: -21px;
                background: #ffffff;
            }

        .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text h3 {
            margin-top: 12px;
            margin-bottom: 0px;
        }

        .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text p {
            padding-top: 21px;
            display: none;
        }

        .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile {
            display: none;
            background: -webkit-gradient(linear, left top, left bottom, from(#D3E1FF), color-stop(45.85%, #ECF1F8), to(#FFEAEF));
            background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
            border-radius: 30px;
            padding: 30px;
            margin-top: 25px;
        }

            .powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile img {
                max-width: 100%;
                width: 100%;
            }

        .powerful-email-left .email-collaps-list .email-collaps-item.active {
            padding-bottom: 45px;
            background: transparent;
        }

            .powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-number {
                background: #FFFFFF;
            }

            .powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-text p {
                display: block;
                position: relative;
            }

        .powerful-email-left .email-collaps-list .email-collaps-item.empty-item {
            background: #FFFFFF;
        }

.powerful-email-right {
    background: -webkit-gradient(linear, left top, left bottom, from(#D3E1FF), color-stop(45.85%, #ECF1F8), to(#FFEAEF));
    background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
    border-radius: 30px;
    padding: 50px 25px;
    max-width: 540px;
    margin-left: auto;
}

    .powerful-email-right .powerful-email-img {
        margin-left: auto;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 30px;
        position: relative;
    }

        .powerful-email-right .powerful-email-img img {
            display: none;
        }

            .powerful-email-right .powerful-email-img img.active {
                display: block;
            }

.newsletter-testmonial-section {
    background: #EEF2F5;
    padding-top: 132px;
}

.newsletter-testmonial-tab-btns {
    max-width: 820px;
    margin: auto;
}

    .newsletter-testmonial-tab-btns ul {
        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;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .newsletter-testmonial-tab-btns ul li {
            width: 23.5%;
        }

            .newsletter-testmonial-tab-btns ul li button {
                width: 100%;
                background: #FAFBFC;
                -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
                box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
                border-radius: 10px;
                color: #444444;
                padding: 10.5px;
                font-weight: 500;
                position: relative;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .newsletter-testmonial-tab-btns ul li button img {
                    margin-right: 15px;
                }

                .newsletter-testmonial-tab-btns ul li button::after {
                    content: '';
                    height: 2px;
                    background: #0095FF;
                    width: 80%;
                    position: absolute;
                    bottom: 0px;
                    opacity: 0;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

                .newsletter-testmonial-tab-btns ul li button.active, .newsletter-testmonial-tab-btns ul li button:hover {
                    background: #ffffff;
                    color: #111111;
                }

                    .newsletter-testmonial-tab-btns ul li button.active::after, .newsletter-testmonial-tab-btns ul li button:hover::after {
                        opacity: 1;
                    }

.newsletter-testmonial-tab-content {
    margin-top: 40px;
}

.newsletter-testmonial-card {
    padding: 28px 20px 23px 20px;
    background: #ffffff;
    border-radius: 30px;
    margin-bottom: 30px;
}

    .newsletter-testmonial-card .card-gfooter-link {
        margin-top: 10px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-size: 13px;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .newsletter-testmonial-card .card-gfooter-link:hover {
            color: #111111;
        }

        .newsletter-testmonial-card .card-gfooter-link img {
            margin-right: 8px;
            margin-left: 8px;
        }

    .newsletter-testmonial-card .card-pragraph a {
        color: #0095ff;
    }

    .newsletter-testmonial-card .card-pragraph .highlignt {
        background: #D1FDE9;
    }

    .newsletter-testmonial-card .testmonial-people {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 16px;
        gap: 9px;
    }

        .newsletter-testmonial-card .testmonial-people .textmonial-img {
            min-height: 35px;
            max-height: 35px;
            min-width: 35px;
            max-width: 35px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
        }

            .newsletter-testmonial-card .testmonial-people .textmonial-img img {
                height: 100%;
                widt: 100%;
                position: absolute;
            }

        .newsletter-testmonial-card .testmonial-people p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-weight: 700;
            margin-bottom: 0px;
            line-height: 20px;
        }

            .newsletter-testmonial-card .testmonial-people p span {
                font-weight: 500;
                font-size: 13px;
                color: #444444;
            }

/*-- Newslater style End --*/
/*-- Marketplace style start --*/
.hot-collections-section {
    margin-bottom: 103px;
}

    .hot-collections-section .slick-prev {
        top: -56px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        left: auto;
        right: 75px;
        height: 45px;
        width: 45px;
    }

        .hot-collections-section .slick-prev::before {
            font-family: inherit;
            content: '<';
            font-size: 26px;
            line-height: normal;
            background: transparent;
            opacity: 1;
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .hot-collections-section .slick-prev:hover::before {
            color: #5F5FFF;
        }

    .hot-collections-section .slick-next {
        top: -56px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        right: 15px;
        height: 45px;
        width: 45px;
    }

        .hot-collections-section .slick-next::before {
            font-family: inherit;
            content: '>';
            font-size: 26px;
            line-height: normal;
            background: transparent;
            opacity: 1;
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .hot-collections-section .slick-next:hover::before {
            color: #5F5FFF;
        }

.marketplace-title {
    margin-bottom: 38px;
}

.hot-collections-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}

    .hot-collections-card .hot-collections-img {
        width: 100%;
    }

        .hot-collections-card .hot-collections-img img {
            width: 100%;
        }

.hot-collections-text {
    padding: 0px 20px 20px 20px;
    text-align: center;
    margin-top: -39px;
}

    .hot-collections-text .hot-collections-profile-img {
        height: 78px;
        width: 78px;
        margin: auto;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid #ffffff;
        position: relative;
        z-index: 1;
    }

        .hot-collections-text .hot-collections-profile-img img {
            border-radius: 50%;
            height: 100%;
            width: 100%;
        }

    .hot-collections-text .name {
        color: #111111;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
        margin-top: 9px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .hot-collections-text .name img {
            margin-left: 7px;
        }

    .hot-collections-text p {
        color: #111111;
        font-size: 12px;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 0px;
    }

        .hot-collections-text p.price {
            color: #999999;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

/*-- Dark Mood --*/
body.dark-scheme .hot-collections-card,
html.dark-scheme body .hot-collections-card {
    background: #181D22;
}

    body.dark-scheme .hot-collections-card .hot-collections-text .hot-collections-profile-img,
    html.dark-scheme body .hot-collections-card .hot-collections-text .hot-collections-profile-img {
        border: 4px solid #000000;
    }

    body.dark-scheme .hot-collections-card .hot-collections-text .name,
    html.dark-scheme body .hot-collections-card .hot-collections-text .name {
        color: #ffffff;
    }

    body.dark-scheme .hot-collections-card .hot-collections-text .price,
    html.dark-scheme body .hot-collections-card .hot-collections-text .price {
        color: #999999;
    }

    body.dark-scheme .hot-collections-card .hot-collections-text p,
    html.dark-scheme body .hot-collections-card .hot-collections-text p {
        color: #ffffff;
    }

body.dark-scheme .hot-collections-section .slick-prev,
html.dark-scheme body .hot-collections-section .slick-prev {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    body.dark-scheme .hot-collections-section .slick-prev::before,
    html.dark-scheme body .hot-collections-section .slick-prev::before {
        color: #999999;
    }

    body.dark-scheme .hot-collections-section .slick-prev:hover::before,
    html.dark-scheme body .hot-collections-section .slick-prev:hover::before {
        color: #ffffff;
    }

body.dark-scheme .hot-collections-section .slick-next,
html.dark-scheme body .hot-collections-section .slick-next {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    body.dark-scheme .hot-collections-section .slick-next::before,
    html.dark-scheme body .hot-collections-section .slick-next::before {
        color: #999999;
    }

    body.dark-scheme .hot-collections-section .slick-next:hover::before,
    html.dark-scheme body .hot-collections-section .slick-next:hover::before {
        color: #ffffff;
    }

.live-auctions-section {
    padding-bottom: 103px;
}

    .live-auctions-section .slick-prev {
        top: -56px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        left: auto;
        right: 75px;
        height: 45px;
        width: 45px;
    }

        .live-auctions-section .slick-prev::before {
            font-family: inherit;
            content: '<';
            font-size: 26px;
            line-height: normal;
            background: transparent;
            opacity: 1;
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .live-auctions-section .slick-prev:hover::before {
            color: #5F5FFF;
        }

    .live-auctions-section .slick-next {
        top: -56px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        right: 15px;
        height: 45px;
        width: 45px;
    }

        .live-auctions-section .slick-next::before {
            font-family: inherit;
            content: '>';
            font-size: 26px;
            line-height: normal;
            background: transparent;
            opacity: 1;
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .live-auctions-section .slick-next:hover::before {
            color: #5F5FFF;
        }

.nft-card {
    background: #ffffff;
    border-radius: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
}

    .nft-card .nft-img {
        background: #C4C4C4;
        border-radius: 15px 15px 0px 0px;
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 3;
    }

        .nft-card .nft-img img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }

    .nft-card .nft-text {
        background: #ffffff;
        padding: 25px 25px 21px 25px;
        position: relative;
        z-index: 3;
        border-radius: 0px 0px 15px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        width: 100%;
    }

        .nft-card .nft-text .nft-owner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 16px;
        }

            .nft-card .nft-text .nft-owner .nft-owner-img {
                margin-right: 9px;
                border-radius: 50%;
                height: 30px;
                width: 30px;
                overflow: hidden;
            }

                .nft-card .nft-text .nft-owner .nft-owner-img img {
                    width: 100%;
                    height: 100%;
                }

            .nft-card .nft-text .nft-owner h6 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin-bottom: 0px;
                font-size: 14px;
                line-height: 17px;
            }

                .nft-card .nft-text .nft-owner h6 img {
                    margin-left: 7px;
                }

        .nft-card .nft-text .nft-title {
            line-height: 20px;
            margin-bottom: 17px;
        }

        .nft-card .nft-text .nft-value {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 16px;
        }

            .nft-card .nft-text .nft-value strong {
                background: -webkit-gradient(linear, left top, right top, from(#5F5FFF), to(#FC5FFF));
                background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                text-fill-color: transparent;
                font-weight: 600;
                text-transform: uppercase;
            }

            .nft-card .nft-text .nft-value span {
                color: #999999;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

                .nft-card .nft-text .nft-value span img {
                    margin-left: 16px;
                    margin-right: 7px;
                }

        .nft-card .nft-text .card-bottom-text {
            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;
            margin-bottom: 0px;
            color: #999999;
            font-size: 14px;
            font-weight: 600;
        }

            .nft-card .nft-text .card-bottom-text span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 5px;
            }

                .nft-card .nft-text .card-bottom-text span.fev {
                    cursor: pointer;
                }

                    .nft-card .nft-text .card-bottom-text span.fev .solid {
                        display: none;
                    }

                    .nft-card .nft-text .card-bottom-text span.fev .outline {
                        display: block;
                    }

                    .nft-card .nft-text .card-bottom-text span.fev.active .solid {
                        display: block;
                        color: #E22E2E;
                    }

                    .nft-card .nft-text .card-bottom-text span.fev.active .outline {
                        display: none;
                    }

    .nft-card::after {
        content: '';
        position: absolute;
        width: 95%;
        height: 100%;
        top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        background: #ffffff;
        z-index: 2;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .nft-card::before {
        content: '';
        position: absolute;
        width: 90%;
        height: 100%;
        top: 0px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        background: #ffffff;
        z-index: 1;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .nft-card:hover::after {
        top: 5px;
    }

    .nft-card:hover::before {
        top: 10px;
    }

.nft-card-timer {
    padding: 7px 20px;
    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;
    width: 200px;
    background: #ffffff;
    border-radius: 8px;
    position: absolute;
    z-index: 4;
    top: 25px;
    left: 25px;
    gap: 20px;
    border-radius: 8px;
}

    .nft-card-timer ul {
        list-style: none;
        padding: 0px;
        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;
        width: 100%;
        margin-bottom: 0px;
    }

        .nft-card-timer ul li {
            color: #111111;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            text-transform: uppercase;
        }

    .nft-card-timer p {
        color: #111111;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

/*-- Dark Mood --*/
body.dark-scheme .nft-card,
html.dark-scheme body .nft-card {
    background: #181D22;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: none;
}

    body.dark-scheme .nft-card .nft-img,
    html.dark-scheme body .nft-card .nft-img {
        background: transparent;
    }

    body.dark-scheme .nft-card .nft-text,
    html.dark-scheme body .nft-card .nft-text {
        background: #181D22;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    body.dark-scheme .nft-card::after, body.dark-scheme .nft-card::before,
    html.dark-scheme body .nft-card::after,
    html.dark-scheme body .nft-card::before {
        background: #181D22;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

body.dark-scheme .nft-card-timer,
html.dark-scheme body .nft-card-timer {
    background: #111519;
}

    body.dark-scheme .nft-card-timer ul li,
    html.dark-scheme body .nft-card-timer ul li {
        color: #ffffff;
    }

    body.dark-scheme .nft-card-timer p,
    html.dark-scheme body .nft-card-timer p {
        color: #ffffff;
    }

body.dark-scheme .live-auctions-section .slick-prev,
html.dark-scheme body .live-auctions-section .slick-prev {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    body.dark-scheme .live-auctions-section .slick-prev::before,
    html.dark-scheme body .live-auctions-section .slick-prev::before {
        color: #999999;
    }

    body.dark-scheme .live-auctions-section .slick-prev:hover::before,
    html.dark-scheme body .live-auctions-section .slick-prev:hover::before {
        color: #ffffff;
    }

body.dark-scheme .live-auctions-section .slick-next,
html.dark-scheme body .live-auctions-section .slick-next {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    body.dark-scheme .live-auctions-section .slick-next::before,
    html.dark-scheme body .live-auctions-section .slick-next::before {
        color: #999999;
    }

    body.dark-scheme .live-auctions-section .slick-next:hover::before,
    html.dark-scheme body .live-auctions-section .slick-next:hover::before {
        color: #ffffff;
    }

.top-artists-section {
    padding-bottom: 73px;
}

.top-artists-content {
    margin-top: -82px;
}

    .top-artists-content .top-artists-time {
        max-width: 242px;
        width: 100%;
        margin-left: auto;
        margin-bottom: 35px;
    }

        .top-artists-content .top-artists-time .gridFilter {
            width: 100%;
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 25px;
            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;
            list-style: none;
            padding: 6px 13px;
            margin-bottom: 0px;
        }

            .top-artists-content .top-artists-time .gridFilter button {
                padding: 5.5px 7px;
                text-transform: uppercase;
                font-weight: 600;
                font-size: 14px;
                line-height: 22px;
                color: #999999;
                border-radius: 20px;
                min-width: 33px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .top-artists-content .top-artists-time .gridFilter button.active, .top-artists-content .top-artists-time .gridFilter button:hover {
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                    background: rgba(95, 95, 255, 0.15);
                    color: #5F5FFF;
                }

.top-artists-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -15px;
    padding: 0px;
    list-style: none;
}

    .top-artists-list li {
        width: 20%;
        padding: 0px 15px;
        margin-bottom: 30px;
        position: relative;
    }

        .top-artists-list li::after {
            content: '';
            position: absolute;
            width: 85%;
            height: 100%;
            top: 0px;
            left: 7.5%;
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 15px;
            background: #ffffff;
            z-index: 2;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .top-artists-list li::before {
            content: '';
            position: absolute;
            width: 80%;
            height: 100%;
            top: 0px;
            left: 10%;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 15px;
            background: #ffffff;
            z-index: 1;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .top-artists-list li:hover::after {
            top: 5px;
        }

        .top-artists-list li:hover::before {
            top: 10px;
        }

    .top-artists-list .top-artists-card {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        padding: 15px 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 15px;
        width: 100%;
        position: relative;
        z-index: 3;
    }

        .top-artists-list .top-artists-card .top-artists-img {
            min-height: 50px;
            min-width: 50px;
            max-height: 50px;
            max-width: 50px;
            overflow: hidden;
            border-radius: 50%;
        }

            .top-artists-list .top-artists-card .top-artists-img img {
                height: 100%;
                width: 100%;
            }

        .top-artists-list .top-artists-card p {
            margin-bottom: 0px;
        }

        .top-artists-list .top-artists-card .artists-name {
            font-size: 14px;
            line-height: 22px;
            font-weight: 700;
            color: #111111;
        }

            .top-artists-list .top-artists-card .artists-name span {
                margin-left: 7px;
            }

        .top-artists-list .top-artists-card .artists-value {
            font-size: 12px;
            line-height: 22px;
            font-weight: 400;
            text-transform: uppercase;
        }

        .top-artists-list .top-artists-card .no {
            font-weight: 700;
            font-size: 12px;
            line-height: 22px;
            color: #999999;
        }

        .top-artists-list .top-artists-card:hover .no {
            color: #5F5FFF;
        }

/*-- Dark Mood --*/
body.dark-scheme .top-artists-list li::after, body.dark-scheme .top-artists-list li::before,
html.dark-scheme body .top-artists-list li::after,
html.dark-scheme body .top-artists-list li::before {
    background: #181D22;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .top-artists-list .top-artists-card,
html.dark-scheme body .top-artists-list .top-artists-card {
    background: #181D22;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

    body.dark-scheme .top-artists-list .top-artists-card .artists-name,
    html.dark-scheme body .top-artists-list .top-artists-card .artists-name {
        color: #ffffff;
    }

    body.dark-scheme .top-artists-list .top-artists-card .artists-value,
    html.dark-scheme body .top-artists-list .top-artists-card .artists-value {
        color: #FFFFFF80;
    }

body.dark-scheme .top-artists-content .top-artists-time ul,
html.dark-scheme body .top-artists-content .top-artists-time ul {
    background: #181D22;
}

body.dark-scheme .top-artists-content .top-artists-time .gridFilter,
html.dark-scheme body .top-artists-content .top-artists-time .gridFilter {
    background: #181D22;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

    body.dark-scheme .top-artists-content .top-artists-time .gridFilter button,
    html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button {
        color: #ffffff;
        opacity: 0.8;
    }

        body.dark-scheme .top-artists-content .top-artists-time .gridFilter button.active, body.dark-scheme .top-artists-content .top-artists-time .gridFilter button:hover,
        html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button.active,
        html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button:hover {
            color: #5F5FFF;
        }

/*-- explore 1 page --*/
.discover-nfts-page {
    padding-top: 113px;
}

.nfts-filter-tabs {
    margin-bottom: 30px;
}

    .nfts-filter-tabs .nfts-filter-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 0px;
        padding: 0px;
        list-style: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .nfts-filter-tabs .nfts-filter-btns button {
            font-weight: 600;
            line-height: 17px;
            color: #444444;
            padding: 14px 17.5px;
            border: 1px solid transparent;
        }

            .nfts-filter-tabs .nfts-filter-btns button:hover, .nfts-filter-tabs .nfts-filter-btns button.active {
                background: #FFFFFF;
                border: 1px solid rgba(0, 0, 0, 0.08);
                border-radius: 25px;
            }

/*-- explore 2 page --*/
.discover-filter-section.left {
    padding-right: 30px;
}

.discover-filter-section.right {
    padding-left: 30px;
}

.discover-filter-section h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.discover-filter-section .filter-dropdown {
    margin-top: 17px;
    margin-bottom: 20px;
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 30px;
    position: relative;
    height: 55px;
}

    .discover-filter-section .filter-dropdown::after {
        content: '>';
        position: absolute;
        top: 12px;
        right: 20px;
        font-size: 20px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .discover-filter-section .filter-dropdown select {
        padding: 10px 20px;
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        outline: none;
        line-height: auto;
        color: #444444;
        font-weight: 500;
        -webkit-appearance: none;
    }

.discover-filter-section .discover-categories-list {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

    .discover-filter-section .discover-categories-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-weight: 500;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 8px;
    }

        .discover-filter-section .discover-categories-list li input[type=checkbox] {
            accent-color: #5F5FFF;
            border-radius: 6px;
            background: #FFFFFF;
            border: 2px solid rgba(0, 0, 0, 0.12);
            margin-right: 15px;
        }

        .discover-filter-section .discover-categories-list li span {
            color: #999999;
            margin-left: 5px;
        }

.discover-filter-section .discover-blockchain-list {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

    .discover-filter-section .discover-blockchain-list li {
        font-weight: 500;
        font-size: 14px;
        line-height: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 7px;
    }

        .discover-filter-section .discover-blockchain-list li .blockchain-icon {
            max-height: 20px;
            max-width: 20px;
            min-height: 20px;
            min-width: 20px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 15px;
            position: relative;
        }

            .discover-filter-section .discover-blockchain-list li .blockchain-icon img {
                height: 100%;
                width: 100%;
                position: absolute;
            }

.discover-filter-section .value-input {
    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;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .discover-filter-section .value-input input {
        width: 48%;
        height: 55px;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 30px;
        outline: none;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 14px;
        line-height: 28px;
        color: #444444;
        margin-bottom: 20px;
    }

    .discover-filter-section .value-input button {
        background: rgba(95, 95, 255, 0.15);
        border-radius: 30px;
        font-weight: 700;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
        color: #5F5FFF;
        width: 48%;
        margin-bottom: 20px;
        height: 55px;
    }

.discover-filter-collaps {
    margin-bottom: 24px;
}

    .discover-filter-collaps .collaps-button {
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        background: transparent;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #111111;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

        .discover-filter-collaps .collaps-button:after {
            content: '\002B';
            color: #999999;
            font-weight: 400;
            float: right;
            margin-left: 5px;
            font-size: 30px;
        }

    .discover-filter-collaps .active:after {
        content: "\2212";
        margin-bottom: 2px;
    }

    .discover-filter-collaps .collaps-content {
        padding: 0px;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.2s ease-out;
        transition: max-height 0.2s ease-out;
    }

/*-- NFT Landing Page --*/
.discover-nfts-section {
    margin-bottom: 100px;
}

.discover-nfts-dropdown-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 610px;
    width: 100%;
    margin-left: auto;
    margin-top: -82px;
    margin-bottom: 35px;
}

    .discover-nfts-dropdown-list .discover-nfts-dropdown {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 25px;
        height: 45px;
        overflow: hidden;
        position: relative;
    }

        .discover-nfts-dropdown-list .discover-nfts-dropdown::after {
            content: '>';
            position: absolute;
            top: 7px;
            right: 15px;
            font-size: 20px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .discover-nfts-dropdown-list .discover-nfts-dropdown::before {
            content: '';
            position: absolute;
            top: 11px;
            left: 18px;
        }

        .discover-nfts-dropdown-list .discover-nfts-dropdown select {
            width: 100%;
            height: 100%;
            background: transparent;
            border: none;
            outline: none;
            padding: 4px 20px 4px 46px;
            line-height: 36px;
            color: #444444;
            font-weight: 500;
            -webkit-appearance: none;
        }

            .discover-nfts-dropdown-list .discover-nfts-dropdown select option {
                padding-left: 0px;
            }

        .discover-nfts-dropdown-list .discover-nfts-dropdown.categories {
            max-width: 180px;
            width: 100%;
        }

            .discover-nfts-dropdown-list .discover-nfts-dropdown.categories::before {
                content: url(../images/nft/category.svg);
            }

        .discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain {
            max-width: 180px;
            width: 100%;
        }

            .discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain::before {
                content: url(../images/nft/box.svg);
            }

        .discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active {
            max-width: 210px;
            width: 100%;
        }

            .discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active::before {
                content: url(../images/nft/candle.svg);
            }

.nft-load-more-btn {
    padding: 9.5px 69px;
    font-weight: 700;
    font-size: 14px;
    line-height: 36px;
    background: rgba(95, 95, 255, 0.15);
    border-radius: 30px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    max-width: 210px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .nft-load-more-btn span {
        color: #5F5FFF !important;
    }

/*-- Dark Mood --*/
body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown {
    background: #181D22;
}

    body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select,
    html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select {
        color: #999999;
    }

        body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select option,
        html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select option {
            background: #181D22;
        }

body.dark-scheme .discover-filter-section .filter-dropdown,
html.dark-scheme body .discover-filter-section .filter-dropdown {
    background: #181D22;
}

    body.dark-scheme .discover-filter-section .filter-dropdown select,
    html.dark-scheme body .discover-filter-section .filter-dropdown select {
        color: #999999;
    }

        body.dark-scheme .discover-filter-section .filter-dropdown select option,
        html.dark-scheme body .discover-filter-section .filter-dropdown select option {
            background: #181D22;
        }

body.dark-scheme .discover-filter-section .value-input input,
html.dark-scheme body .discover-filter-section .value-input input {
    background: #181D22;
    color: #ffffff;
}

body.dark-scheme .discover-filter-collaps .collaps-button,
html.dark-scheme body .discover-filter-collaps .collaps-button {
    color: #ffffff;
}

    body.dark-scheme .discover-filter-collaps .collaps-button::after,
    html.dark-scheme body .discover-filter-collaps .collaps-button::after {
        color: #ffffff;
    }

body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button,
html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button {
    color: #FFFFFF;
}

    body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button:hover, body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button.active,
    html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button:hover,
    html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button.active {
        background: #FFFFFF10;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 25px;
    }

.nft-categories-content {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

    .nft-categories-content::after {
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 3;
        background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0)), to(#F7F7F7));
        background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
        height: 100%;
        width: 100px;
    }

    .nft-categories-content::before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 3;
        background: -webkit-gradient(linear, left top, right top, from(#F7F7F7), to(rgba(247, 247, 247, 0)));
        background: linear-gradient(90deg, #F7F7F7 0%, rgba(247, 247, 247, 0) 100%);
        height: 100%;
        width: 100px;
    }

.categories-card {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

    .categories-card::after {
        content: '';
        height: 100%;
        width: 100%;
        overflow: hidden;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        border-radius: 15px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .categories-card img {
        height: 100%;
        width: 100%;
    }

    .categories-card h5 {
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        color: #ffffff;
        position: absolute;
        bottom: 18px;
        left: 25px;
        z-index: 2;
    }

/*-- Dark Mood --*/
body.dark-scheme .nft-categories-content::after,
html.dark-scheme body .nft-categories-content::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

body.dark-scheme .nft-categories-content::before,
html.dark-scheme body .nft-categories-content::before {
    background: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.explore-creators-section {
    padding-top: 113px;
    padding-bottom: 100px;
}

.marketplace-title {
    margin-bottom: 37px;
}

    .marketplace-title h1 {
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
        color: #111111;
    }

.creators-card {
    position: relative;
    margin-bottom: 30px;
}

    .creators-card::after {
        content: '';
        height: 100%;
        width: 95%;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        position: absolute;
        top: 0px;
        left: 2.5%;
        position: absolute;
        z-index: 2;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .creators-card::before {
        content: '';
        height: 100%;
        width: 90%;
        top: 0px;
        left: 5%;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        position: absolute;
        z-index: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .creators-card:hover::after {
        top: 5px;
    }

    .creators-card:hover::before {
        top: 10px;
    }

    .creators-card .creators-card-content {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        padding: 30px;
        text-align: center;
        position: relative;
        z-index: 3;
    }

    .creators-card .creators-img {
        min-height: 70px;
        min-width: 70px;
        max-height: 70px;
        max-width: 70px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
        margin-bottom: 11px;
    }

    .creators-card h5 {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
        margin-left: 7px;
    }

    .creators-card .username {
        font-size: 12px;
        line-height: 24px;
        color: #999999;
        margin-bottom: 17px;
    }

    .creators-card h6 {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 13px;
    }

.creators-card-btns button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    margin: auto;
    max-height: 35px;
    min-height: 35px;
    border-radius: 8px;
}

    .creators-card-btns button.follow-btn {
        padding: 13px;
        background: rgba(0, 0, 0, 0.08);
        color: #111111;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .creators-card-btns button.following-btn {
        color: #4157FF;
        background: rgba(65, 87, 255, 0.15);
        padding: 14px 13px;
        display: none;
    }

    .creators-card-btns button span {
        margin-left: 9px;
        display: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .creators-card-btns button:hover {
        padding: 5.5px 22px;
    }

        .creators-card-btns button:hover span {
            display: block;
        }

.creators-card-btns.active button.follow-btn {
    display: none;
}

.creators-card-btns.active button.following-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.dark-scheme .creators-card .creators-card-content,
html.dark-scheme body .creators-card .creators-card-content {
    background: #181D22;
}

body.dark-scheme .creators-card::after, body.dark-scheme .creators-card::before,
html.dark-scheme body .creators-card::after,
html.dark-scheme body .creators-card::before {
    background: #181D22;
}

body.dark-scheme .creators-card-btns button,
html.dark-scheme body .creators-card-btns button {
    color: #ffffff;
}

    body.dark-scheme .creators-card-btns button img,
    html.dark-scheme body .creators-card-btns button img {
        -webkit-filter: brightness(100);
        filter: brightness(100);
    }

.creators-details-section {
    padding-bottom: 60px;
}

.creators-details-content {
    padding-top: 131px;
}

.creators-details-tab-btns {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

    .creators-details-tab-btns button {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        padding: 0px 0px 12px 0px;
        text-transform: uppercase;
        border-bottom: 2px solid transparent;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .creators-details-tab-btns button.active, .creators-details-tab-btns button:hover {
            color: #111111;
            border-bottom: 2px solid #4157FF;
        }

/*-- creator-profile-section --*/
.creator-profile-section {
    max-width: 300px;
    width: 100%;
    margin-top: -236px;
}

    .creator-profile-section .creator-profile-img {
        min-height: 210px;
        max-height: 210px;
        min-width: 210px;
        max-width: 210px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        background: #F9F9F9;
        -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 23px;
        padding: 15px;
    }

        .creator-profile-section .creator-profile-img img {
            height: 100%;
            width: 100%;
            border-radius: 50%;
        }

    .creator-profile-section .creator-profile-text h2 {
        font-weight: 700;
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 0px;
    }

    .creator-profile-section .creator-profile-text .creator-username {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        margin-bottom: 25px;
    }

    .creator-profile-section .creator-profile-text .wallet-address {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        font-family: "Fira Code", monospace;
        color: #111111;
        margin-bottom: 28px;
    }

        .creator-profile-section .creator-profile-text .wallet-address span {
            margin-left: 10px;
            cursor: pointer;
        }

    .creator-profile-section .creator-profile-text h6 {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 8px;
        color: #000000;
        text-transform: uppercase;
    }

    .creator-profile-section .creator-profile-text .creator-pragrph {
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 7px;
    }

    .creator-profile-section .creator-profile-text .follow-btn {
        background: #5F5FFF;
        border-radius: 30px;
        padding: 15.5px;
        width: 100%;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        color: #ffffff;
    }

    .creator-profile-section .creator-profile-text .social-links {
        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;
        max-width: 243px;
        width: 100%;
        padding: 0px;
        list-style: none;
    }

        .creator-profile-section .creator-profile-text .social-links li {
            -webkit-transition: 0.3;
            transition: 0.3;
        }

            .creator-profile-section .creator-profile-text .social-links li a {
                -webkit-transition: 0.3;
                transition: 0.3;
            }

                .creator-profile-section .creator-profile-text .social-links li a i {
                    font-family: 'Font Awesome 5 Brands';
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 28px;
                    color: #999999;
                    -webkit-transition: 0.3;
                    transition: 0.3;
                }

            .creator-profile-section .creator-profile-text .social-links li:hover a i {
                color: #5F5FFF;
            }

body.dark-scheme .creator-profile-section .creator-profile-text .wallet-address,
html.dark-scheme body .creator-profile-section .creator-profile-text .wallet-address {
    color: #999999;
}

body.dark-scheme .creator-profile-section .creator-profile-text h6,
html.dark-scheme body .creator-profile-section .creator-profile-text h6 {
    color: #ffffff;
}

body.dark-scheme .creator-profile-section .creator-profile-img,
html.dark-scheme body .creator-profile-section .creator-profile-img {
    background: #181D22;
}

body.dark-scheme .creators-details-tab-btns,
html.dark-scheme body .creators-details-tab-btns {
    border-bottom: 1px solid #FFFFFF10;
}

    body.dark-scheme .creators-details-tab-btns button.active, body.dark-scheme .creators-details-tab-btns button:hover,
    html.dark-scheme body .creators-details-tab-btns button.active,
    html.dark-scheme body .creators-details-tab-btns button:hover {
        color: #ffffff;
    }

/*-- Marketplace style End --*/
/*-- App Landing Page style Start --*/
.app-useful-features {
    background: #242549;
    padding-top: 130px;
    padding-bottom: 110px;
}

.app-useful-features-card {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .app-useful-features-card::after {
        content: url(../images/app/hover_effect.svg);
        content: url(../images/app/hover_effect.png);
        position: absolute;
        top: 0;
        opacity: 0;
        opacity: 0;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        z-index: 0;
    }

    .app-useful-features-card:hover::after {
        opacity: 1;
    }

    .app-useful-features-card .card-content {
        position: relative;
        z-index: 4;
        padding: 35px 30px;
    }

        .app-useful-features-card .card-content .icon {
            margin-bottom: 24px;
        }

        .app-useful-features-card .card-content h5 {
            margin-bottom: 14px;
        }

.app-useful-features-card-section {
    margin-top: 60px;
}

.app-chose-us-section {
    padding-top: 80px;
    padding-bottom: 110px;
}

.app-chose-us-content .app-chose-title {
    max-width: 600px;
    margin: auto;
    margin-bottom: 67px;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    color: #111111;
    display: none;
}

    .app-chose-us-content .app-chose-title.active {
        display: block;
        -webkit-animation: animatedText 0.75s linear;
        animation: animatedText 0.75s linear;
    }

.app-chose-us-card {
    cursor: pointer;
    margin-bottom: 30px;
}

    .app-chose-us-card .app-chose-card {
        overflow: hidden;
        text-align: center;
        padding: 44px 30px 35px 30px;
        border-radius: 15px;
        border: 2px solid transparent;
        cursor: pointer;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: relative;
        overflow: hidden;
    }

        .app-chose-us-card .app-chose-card .app-chose-icon {
            background: #ffffff;
            width: 100%;
            position: relative;
            z-index: 1;
        }

        .app-chose-us-card .app-chose-card h6 {
            margin-bottom: 0px;
            padding-bottom: 19px;
            font-weight: 700;
            background: #ffffff;
            padding-top: 21px;
            position: relative;
            z-index: 1;
        }

        .app-chose-us-card .app-chose-card p {
            opacity: 0;
            color: #ffffff;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            margin-top: -150px;
            z-index: 0;
        }

    .app-chose-us-card:hover {
        min-height: auto;
    }

        .app-chose-us-card:hover .app-chose-card {
            border: 2px solid rgba(0, 0, 0, 0.08);
        }

            .app-chose-us-card:hover .app-chose-card p {
                color: #444444;
                opacity: 1;
                margin-top: 0px;
            }

@-webkit-keyframes animatedText {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes animatedText {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.testimonial-section-4.app-testimonial-section {
    padding: 112px 0px 65px 0px;
}

    .testimonial-section-4.app-testimonial-section::before {
        display: none;
    }

    .testimonial-section-4.app-testimonial-section .testimonial-btns {
        max-width: 530px;
        min-height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .testimonial-section-4.app-testimonial-section .testimonial-btns a {
            padding: 16px 50px;
            background: #ffffff;
            border-radius: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .testimonial-section-4.app-testimonial-section .testimonial-btns a h4 {
                margin-left: 18px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-bottom: 0px;
            }

                .testimonial-section-4.app-testimonial-section .testimonial-btns a h4 span {
                    font-weight: 500;
                    font-size: 15px;
                    color: #444444;
                }

.app-testimonial-section-slider {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab;
}

    .app-testimonial-section-slider::before {
        position: absolute;
        z-index: 1;
        content: "";
        top: 0;
        left: 0;
        width: 20%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), to(rgba(211, 225, 255, 0)));
        background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
    }

    .app-testimonial-section-slider::after {
        position: absolute;
        z-index: 1;
        content: "";
        top: 0;
        right: 0;
        width: 20%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 234, 239, 0)), to(#ffeaef));
        background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
    }

    .app-testimonial-section-slider .slider-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background-color: #ffffff;
        border-radius: 30px;
        padding: 20px 30px;
    }

        .app-testimonial-section-slider .slider-item h4 {
            font-size: 15px;
            line-height: 24px;
            font-family: "DM Sans", sans-serif;
        }

        .app-testimonial-section-slider .slider-item h5 {
            font-size: 13px;
            line-height: 24px;
            color: #444444;
            font-family: "DM Sans", sans-serif;
        }

        .app-testimonial-section-slider .slider-item p {
            font-size: 15px;
            line-height: 30px;
            color: #444444;
        }

        .app-testimonial-section-slider .slider-item .slider-info {
            margin-top: 10px;
            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;
        }

            .app-testimonial-section-slider .slider-item .slider-info .slider-reating {
                cursor: pointer;
                background: rgba(0, 0, 0, 0.08);
                border-radius: 18px;
                padding: 2.5px 13.5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .app-testimonial-section-slider .slider-item .slider-info .slider-reating img {
                    padding-right: 9px;
                }

    .app-testimonial-section-slider .slick-dots {
        position: relative;
        bottom: 0px;
        max-width: 107px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        margin-top: 60px;
        gap: 6px;
    }

        .app-testimonial-section-slider .slick-dots li {
            height: 8px;
            width: 8px;
            padding: 0px;
        }

            .app-testimonial-section-slider .slick-dots li button {
                background: rgba(0, 0, 0, 0.2);
                height: 8px;
                width: 8px;
                border-radius: 50%;
                opacity: 1;
                color: transparent;
            }

                .app-testimonial-section-slider .slick-dots li button:before {
                    display: none;
                }

            .app-testimonial-section-slider .slick-dots li.slick-active {
                width: 15px;
            }

                .app-testimonial-section-slider .slick-dots li.slick-active button {
                    width: 15px;
                    border-radius: 20px;
                    background: #111111;
                }

.app-benefits-section {
    padding: 132px 0px;
}

.app-benefits-card {
    margin-bottom: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.app-benefits-card-img {
    margin-bottom: 43px;
    padding: 60px 20px 0px 20px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

    .app-benefits-card-img.account {
        background: #EEEFFB;
    }

    .app-benefits-card-img.plan {
        background: #F8F0E6;
    }

    .app-benefits-card-img.team {
        background: #F6EAFE;
    }

.app-benefits-card-text {
    padding: 0px 30px;
}

    .app-benefits-card-text h5 {
        margin-bottom: 16px;
    }

.stay-connect-section {
    background: #061121;
}

    .stay-connect-section .stay-connect-content {
        max-height: 793px;
        min-height: 793px;
        padding-top: 126px;
        padding-bottom: 147px;
        overflow: hidden;
        position: relative;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .stay-connect-section .stay-connect-content .stay-connect-round-shape {
            position: absolute;
            animation: rotate360 5s linear infinite;
            -webkit-animation: rotate360 5s linear infinite;
            z-index: 1;
        }

        .stay-connect-section .stay-connect-content .stay-connect-mash-grade {
            position: absolute;
            z-index: 0;
        }

        .stay-connect-section .stay-connect-content .section-title {
            position: relative;
            z-index: 3;
            max-width: 412px;
            width: 100%;
            margin: auto;
        }

.stay-connect-btns {
    max-width: 410px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 48px;
    position: relative;
    z-index: 3;
}

    .stay-connect-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #FFFFFF;
        border-radius: 30px;
        padding: 7px 24px;
        max-width: 190px;
        width: 190px;
        margin: auto;
    }

        .stay-connect-btns a h5 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 10px;
            font-weight: 700;
            margin-bottom: 0px;
        }

            .stay-connect-btns a h5 span {
                font-size: 12px;
                font-weight: 500;
            }

    .stay-connect-btns .qr-code {
        margin-top: 52px;
        text-align: center;
        margin-bottom: 30px;
        margin-bottom: 40px;
    }

        .stay-connect-btns .qr-code p {
            margin-top: 12px;
            margin-bottom: 0px;
        }

.stay-connect-mobile-img {
    position: relative;
    z-index: 2;
    max-width: 600px;
    margin: auto;
    margin-top: -95px;
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.app-convert-visitors-section {
    padding-top: 84px;
}

.star-free-btn {
    border: 2px solid rgba(0, 149, 255, 0.3);
    border-radius: 50px;
    padding: 17px 52px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 700;
    color: #0095ff;
}

    .star-free-btn svg {
        margin-left: 10px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-size: 24px;
    }

    .star-free-btn:hover {
        color: #0095ff;
    }

        .star-free-btn:hover svg {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.app-convert-visitors-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .app-convert-visitors-nav .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .app-convert-visitors-nav .app-nav-list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .app-convert-visitors-nav .app-nav-list .nav-item {
            padding-top: 19px;
            padding-bottom: 19px;
            position: relative;
            border: none;
            padding-left: 38px;
            max-width: -webkit-max-content !important;
            max-width: -moz-max-content !important;
            max-width: max-content !important;
            width: 100% !important;
        }

            .app-convert-visitors-nav .app-nav-list .nav-item .tab-btn {
                font-weight: 700;
                line-height: 24px;
                text-transform: uppercase;
            }

                .app-convert-visitors-nav .app-nav-list .nav-item .tab-btn span {
                    display: block;
                }

                .app-convert-visitors-nav .app-nav-list .nav-item .tab-btn::before {
                    content: '';
                    height: 8px;
                    width: 8px;
                    background: #E6E6E6;
                    border-radius: 50%;
                    position: absolute;
                    left: 15px;
                    top: 30px;
                }

            .app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active {
                color: #0095ff;
                background: transparent;
            }

                .app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::before {
                    content: '';
                    height: 54px;
                    width: 4px;
                    background: #E6E6E6;
                    border-radius: 2px;
                    position: absolute;
                    left: 0px;
                    top: 8px;
                }

                .app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::after {
                    content: '';
                    height: 0%;
                    width: 4px;
                    background: #0095ff;
                    border-radius: 2px;
                    position: absolute;
                    left: 0px;
                    top: 8px;
                    animation: progressHeight 4s linear infinite;
                    -webkit-animation: progressHeight 4s linear infinite;
                }

                .app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active .tab-btn::before {
                    background: #0095ff;
                }

.convert-visitors-slider-right .slide-item {
    background: #ffffff;
}

.convert-visitors-slider-right .convert-visitors-text .section-title {
    margin-bottom: 35px;
}

.protect-data-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .protect-data-section .protect-data-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
    }

        .protect-data-section .protect-data-content .protect-data-img {
            min-height: 50px;
            min-width: 50px;
            max-height: 50px;
            max-width: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: #ffffff;
            border: 1px solid rgba(0, 149, 255, 0.3);
            border-radius: 10px;
        }

        .protect-data-section .protect-data-content .protect-data-text {
            max-width: 131px;
        }

            .protect-data-section .protect-data-content .protect-data-text p {
                color: #111111;
                margin-bottom: 0px;
            }

@keyframes progressHeight {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

@-webkit-keyframes progressHeight {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

@keyframes progressWidth {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes progressWidth {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

/*-- App Landing Page style End --*/
/*-- Crypto Wallet style Start --*/
.crypto-features-content {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    border-radius: 30px;
    padding: 47px 40px 50px 40px;
}

.crypto-features-text {
    position: relative;
    min-height: 100%;
}

    .crypto-features-text h4 {
        color: #ffffff;
        margin-bottom: 26px;
        margin-top: 31px;
    }

    .crypto-features-text p {
        color: #ffffff;
        max-width: 295px;
        margin-bottom: 0px;
        opacity: 80%;
    }

.crypto-features-text1::after {
    content: '';
    height: 70%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50.52%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50.52%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 0px;
    top: 20%;
}

.crypto-features-text2::after {
    content: '';
    height: 70%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50.52%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50.52%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 0px;
    top: 20%;
}

.manage-asset-section {
    margin: 140px 0px;
}

.manage-asset-right p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 44px;
}

.manage-asset-right a {
    max-width: 212px;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    padding: 17px 31px;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .manage-asset-right a img {
        margin-left: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .manage-asset-right a:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.blockchain-defi-section {
    margin-bottom: 110px;
}

.blockchain-defi-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

    .blockchain-defi-card.defi-card {
        padding: 59px 50px;
    }

    .blockchain-defi-card.blockchain-card {
        padding: 50px 50px 46px 50px;
    }

    .blockchain-defi-card h3 {
        margin-bottom: 24px;
        max-width: 332px;
        color: #ffffff;
        position: relative;
        z-index: 2;
    }

        .blockchain-defi-card h3 span {
            color: #01FFB0;
        }

    .blockchain-defi-card p {
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        z-index: 2;
        max-width: 398px;
    }

    .blockchain-defi-card .blockchain {
        margin-bottom: 28px;
        position: relative;
        z-index: 2;
    }

    .blockchain-defi-card .blur {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }

    .blockchain-defi-card .graph-img {
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 0;
    }

    .blockchain-defi-card .code-bg {
        width: 90%;
        height: 90%;
        left: 5%;
        bottom: 5%;
        position: absolute;
        z-index: 1;
    }

.cross-platform-section {
    background: url(../images/crypto/cross-platform-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 174px 0px;
}

.cross-platform-card {
    max-width: 525px;
    width: 100%;
    margin: auto;
    background: #1C232D;
    border-radius: 20px;
    padding: 96px 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

    .cross-platform-card .section-title {
        position: relative;
        z-index: 2;
        margin-bottom: 0px;
    }

    .cross-platform-card .cross-platform-mesh-grad {
        position: absolute;
        z-index: 0;
    }

.super-secure-section {
    padding: 130px 0px 100px 0px;
}

.super-secure-text {
    font-size: 18px;
    line-height: 36px;
    color: #FFFFFF;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 28px;
    text-align: center;
    max-width: 779px;
    width: 100%;
}

.super-secure-card {
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 42px 20px 50px 20px;
}

    .super-secure-card h5 {
        font-weight: 700;
        margin-bottom: 30px;
        color: #FFFFFF;
    }

    .super-secure-card p {
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 0px;
    }

.super-secure-card-img {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .super-secure-card-img .super-secure-card-img-inner {
        overflow: hidden;
        height: 120px;
        width: 120px;
        margin: auto;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .super-secure-card-img .super-secure-card-img-inner img {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            z-index: 1;
        }

    .super-secure-card-img .grad {
        position: absolute;
        bottom: -60px;
        z-index: 0;
    }

.feedbacks-section {
    padding-bottom: 97px;
    position: relative;
}

    .feedbacks-section .layer-1 {
        height: 45%;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(42.19%, #101722), to(rgba(16, 23, 34, 0)));
        background: linear-gradient(180deg, #101722 42.19%, rgba(16, 23, 34, 0) 100%);
        position: absolute;
        top: 20px;
        left: 0px;
        z-index: 3;
    }

    .feedbacks-section .layer-2 {
        height: 30%;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 23, 34, 0)), color-stop(75.52%, #101722));
        background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, #101722 75.52%);
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 3;
    }

    .feedbacks-section .section-title {
        position: relative;
        z-index: 4;
    }

.feedback-stop-btn {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    height: 68px;
    width: 68px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    margin-top: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .feedback-stop-btn .play {
        display: none;
    }

    .feedback-stop-btn .pause {
        display: block;
    }

    .feedback-stop-btn.active .play {
        display: block;
    }

    .feedback-stop-btn.active .pause {
        display: none;
    }

.feedback-content {
    max-height: 700px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.feedback-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    padding: 28px 30px;
    margin-bottom: 30px;
}

    .feedback-card .people {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px;
    }

        .feedback-card .people .people-img {
            border-radius: 50%;
            overflow: hidden;
            height: 35px;
            width: 35px;
            position: relative;
        }

            .feedback-card .people .people-img img {
                position: absolute;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
            }

        .feedback-card .people .people-text p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0px;
            font-weight: 700;
            margin-top: 0px !important;
            line-height: 20px;
        }

            .feedback-card .people .people-text p span {
                font-weight: 500;
                font-size: 13px;
                color: rgba(255, 255, 255, 0.8);
            }

    .feedback-card p {
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 16px;
    }

.feedback-card-list.up {
    animation: translateUp 15s linear infinite;
    -webkit-animation: translateUp 15s linear infinite;
}

    .feedback-card-list.up.active {
        -webkit-animation: none;
        animation: none;
    }

.feedback-card-list.down {
    animation: translateDown 15s linear infinite;
    -webkit-animation: translateDown 15s linear infinite;
}

    .feedback-card-list.down.active {
        -webkit-animation: none;
        animation: none;
    }

@-webkit-keyframes translateUp {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes translateUp {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes translateDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes translateDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.download-wallet-section {
    background: url(../images/crypto/download-wallet-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .download-wallet-section .download-wallet-overlay {
        background: rgba(16, 23, 34, 0.5);
        padding-top: 131px;
        padding-bottom: 140px;
        height: 100%;
    }

.download-wallet-btns {
    max-width: 410px;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-top: 48px;
    position: relative;
    z-index: 3;
}

    .download-wallet-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 15px;
        padding: 7px 24px;
        max-width: 190px;
        width: 190px;
        margin: auto;
    }

        .download-wallet-btns a h5 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 10px;
            font-weight: 700;
            margin-bottom: 0px;
            color: #FFFFFF;
        }

            .download-wallet-btns a h5 span {
                font-size: 12px;
                font-weight: 500;
            }

.os-btns {
    max-width: 260px;
    max-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .os-btns .os-btn {
        border: 2px solid rgba(255, 255, 255, 0.05);
        border-radius: 30px;
        padding: 10px;
        min-height: 129px;
        min-width: 129px;
        max-height: 129px;
        max-width: 129px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .os-btns .os-btn .os-btn-inner {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 85%;
            width: 85%;
            position: absolute;
        }

.download-wallet-section {
    background: url(../images/crypto/download-wallet-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .download-wallet-section .download-wallet-overlay {
        background: rgba(16, 23, 34, 0.5);
        padding-top: 131px;
        padding-bottom: 140px;
        height: 100%;
    }

.download-wallet-btns {
    max-width: 410px;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-top: 48px;
    position: relative;
    z-index: 3;
}

    .download-wallet-btns a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        border-radius: 15px;
        padding: 7px 24px;
        max-width: 190px;
        width: 190px;
        margin: auto;
    }

        .download-wallet-btns a h5 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 10px;
            font-weight: 700;
            margin-bottom: 0px;
            color: #FFFFFF;
        }

            .download-wallet-btns a h5 span {
                font-size: 12px;
                font-weight: 500;
            }

.os-btns {
    max-width: 260px;
    max-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .os-btns .os-btn {
        border: 2px solid rgba(255, 255, 255, 0.05);
        border-radius: 30px;
        padding: 10px;
        min-height: 129px;
        min-width: 129px;
        max-height: 129px;
        max-width: 129px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .os-btns .os-btn .os-btn-inner {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 85%;
            width: 85%;
            position: absolute;
        }

/*-- Crypto Wallet style End --*/
/*-- Crypto Wallet 2 style start --*/
.crypto-assets-section {
    margin-top: -84px;
    padding-bottom: 94px;
}

.crypto-assets-box {
    background: #101722;
    border-radius: 30px;
    padding: 100px;
    position: relative;
    height: 440px;
    overflow: hidden;
}

    .crypto-assets-box .blur-img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        height: 100%;
    }

    .crypto-assets-box .dots-bg {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 90%;
        z-index: 1;
    }

    .crypto-assets-box .coin-bg {
        position: absolute;
        left: 100px;
        top: 21px;
        height: 90%;
        width: 80%;
        z-index: 2;
    }

    .crypto-assets-box h3 {
        color: #ffffff;
        position: relative;
        z-index: 3;
        padding-left: 68px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 36px;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 36px !important;
    }

        .crypto-assets-box h3.cd-headline.slide .cd-words-wrapper {
            width: auto !important;
            padding: 0px !important;
        }

        .crypto-assets-box h3 b {
            font-weight: 700 !important;
        }

        .crypto-assets-box h3::before {
            content: '';
            height: 40px;
            width: 40px;
            margin-right: 28px;
            background: #9FE870;
            border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 0px;
        }

.cross-network-section h3 {
    margin-bottom: 21px;
}

.cross-network-section p {
    margin-bottom: 32px;
    max-width: 600px;
    width: 100%;
}

.cross-network-logos {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cross-network-logos::before {
        content: '';
        height: 100%;
        width: 20%;
        background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 11;
    }

    .cross-network-logos::after {
        content: '';
        height: 100%;
        width: 20%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 11;
    }

.cross-network-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-animation: smoothSlider 15s infinite linear;
    animation: smoothSlider 15s infinite linear;
}

    .cross-network-list .item {
        margin-right: 30px;
        height: 90px;
        min-width: 226px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
        background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
        border-radius: 20px;
    }

        .cross-network-list .item img {
            width: 60%;
        }

.crypto2-benifits-section {
    padding-top: 112px;
    padding-bottom: 140px;
}

.crypto2-benifits-card {
    padding: 62px 70px 70px 70px;
    position: relative;
    overflow: hidden;
}

.crypto2-benifits-card1 {
    background: linear-gradient(145.48deg, #CED8F7 0%, #F3F6FE 79.62%);
    border-radius: 30px;
}

    .crypto2-benifits-card1 h5 {
        color: #4541FE;
    }

        .crypto2-benifits-card1 h5::before {
            background: #4541FE;
        }

    .crypto2-benifits-card1 a {
        color: #4541FE;
    }

.crypto2-benifits-card2 {
    background: linear-gradient(193.39deg, #173502 0%, #173502 93.24%);
    border-radius: 30px;
}

    .crypto2-benifits-card2 h5 {
        color: #9FE870;
    }

        .crypto2-benifits-card2 h5::before {
            background: #9FE870;
        }

    .crypto2-benifits-card2 a {
        color: #9FE870;
    }

    .crypto2-benifits-card2 h3 {
        color: #ffffff;
    }

    .crypto2-benifits-card2 p {
        color: #ffffff;
    }

    .crypto2-benifits-card2 .weav-img {
        position: absolute;
        z-index: 1;
        left: -30%;
        min-width: 600px;
        bottom: 123px;
    }

    .crypto2-benifits-card2 .benifits-card-img3 {
        position: relative;
        z-index: 2;
    }

    .crypto2-benifits-card2 .benifits-card-img4 {
        position: relative;
        z-index: 0;
    }

.crypto2-benifits-card h5 {
    position: relative;
    z-index: 3;
    padding-left: 25px;
    margin-bottom: 15px;
}

    .crypto2-benifits-card h5::before {
        content: '';
        height: 14px;
        width: 14px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 7px;
        left: 0px;
    }

.crypto2-benifits-card h3 {
    margin-bottom: 25px;
    position: relative;
    z-index: 3;
}

.crypto2-benifits-card p {
    margin-bottom: 24px;
    position: relative;
    z-index: 3;
}

.crypto2-benifits-card a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 41px;
    position: relative;
    z-index: 3;
}

    .crypto2-benifits-card a img {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-left: 12px;
    }

    .crypto2-benifits-card a:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.benifits-card-img-section .benifits-card-img {
    position: relative;
    overflow: hidden;
    height: 180px;
    border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img2 {
    -webkit-filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.1));
    border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img .card-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.metaverse-card {
    background: url(../images/crypto2/metavarse-bg.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 50px;
}

    .metaverse-card .overlay {
        padding: 62px 70px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(16, 23, 34, 0.5)), color-stop(61.46%, rgba(16, 23, 34, 0)));
        background: linear-gradient(90deg, rgba(16, 23, 34, 0.5) 0%, rgba(16, 23, 34, 0) 61.46%);
        height: 100%;
    }

    .metaverse-card h5 {
        padding-left: 25px;
        position: relative;
        color: #ffffff;
        margin-bottom: 15px;
    }

        .metaverse-card h5::before {
            content: '';
            border-radius: 50%;
            overflow: hidden;
            height: 14px;
            width: 14px;
            background: #ffffff;
            position: absolute;
            top: 7px;
            left: 0px;
        }

    .metaverse-card h3 {
        color: #ffffff;
        margin-bottom: 26px;
    }

    .metaverse-card p {
        margin-bottom: 0px;
        max-width: 500px;
        color: rgba(255, 255, 255, 0.8);
    }

.connect-dapps-section {
    padding: 131px 0px 0px 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFFFFF;
}

    .connect-dapps-section .container {
        position: relative;
        z-index: 2;
    }

.connect-dapps-doted-img {
    position: absolute;
    top: 0px;
    z-index: 0;
}

.connect-dapps-text {
    max-width: 779px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 3;
}

    .connect-dapps-text p {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 36px;
    }

    .connect-dapps-text a {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-weight: 700;
        font-size: 15px;
        line-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 41px;
        color: #4541FE;
    }

        .connect-dapps-text a img {
            -webkit-transition: 0.3s;
            transition: 0.3s;
            margin-left: 14px;
        }

        .connect-dapps-text a:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.connect-dapps-img {
    max-width: 1004px;
    margin: auto;
    text-align: center;
}

    .connect-dapps-img .coin-img {
        position: relative;
        z-index: 2;
        top: -65px;
    }

    .connect-dapps-img .mocup-img {
        margin-top: -420px;
        position: relative;
        z-index: 0;
        left: 80px;
    }

.safe-platform-ball-section {
    position: relative;
    z-index: 2;
}

.safe-platform-ball-content {
    max-width: 770px;
    width: 100%;
    margin: auto;
}

.safe-platform-ball {
    border-radius: 185px;
    padding: 95px 37px;
    text-align: center;
}

.safe-platform-ball1 {
    background: #4541FE;
}

    .safe-platform-ball1 h4 {
        margin-top: 35px;
        margin-bottom: 12px;
        color: #ffffff;
    }

    .safe-platform-ball1 p {
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.8);
    }

.safe-platform-ball2 {
    background: #9FE870;
}

    .safe-platform-ball2 h4 {
        margin-top: 35px;
        margin-bottom: 12px;
        color: #111111;
    }

    .safe-platform-ball2 p {
        margin-bottom: 0px;
        color: #111111;
    }

.safe-platform-section {
    margin-top: -225px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding-top: 182px;
    background: #101722;
    padding-bottom: 40px;
}

    .safe-platform-section .section-title {
        position: relative;
        z-index: 2;
    }

    .safe-platform-section .sidebar__inner {
        width: 100% !important;
    }

.safe-platform-header {
    padding-top: 120px;
    width: 100%;
}

.safe-platform-img {
    max-width: 770px;
    width: 100%;
    margin: auto;
    margin-top: -193px;
    position: relative;
    z-index: 0;
}

    .safe-platform-img::after {
        content: '';
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 23, 34, 0)), color-stop(68.23%, rgba(16, 23, 34, 0.7)), color-stop(99.99%, rgba(16, 23, 34, 0.927083)), to(#101722));
        background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, rgba(16, 23, 34, 0.7) 68.23%, rgba(16, 23, 34, 0.927083) 99.99%, #101722 100%);
        position: absolute;
        width: 100%;
        height: 80%;
        bottom: 0px;
        left: 0px;
        z-index: 1;
    }

.safe-platform-content {
    max-width: 569px;
    margin-left: auto;
}

.safe-platform-text {
    margin-bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .safe-platform-text .safe-platform-icon {
        margin-right: 30px;
        margin-top: -8px;
        min-height: 50px;
        min-width: 50px;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
    }

        .safe-platform-text .safe-platform-icon img {
            height: 100%;
            width: 100%;
            position: absolute;
        }

    .safe-platform-text h4 {
        color: #ffffff;
        margin-bottom: 23px;
    }

    .safe-platform-text p {
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 20px;
    }

.safe-platform-right .list {
    list-style-image: url(../images/icons/check-green2.svg);
}

    .safe-platform-right .list li {
        color: #ffffff;
    }

.safe-platform-right .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

    .safe-platform-right .tags a {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        padding: 7px 15px;
        color: #ffffff;
    }

        .safe-platform-right .tags a img {
            margin-right: 9px;
        }

        .safe-platform-right .tags a:nth-last-child(1) {
            text-transform: uppercase;
        }

.safe-platform-right .chashback-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 26px;
}

    .safe-platform-right .chashback-list li:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .safe-platform-right .chashback-list li h4 {
        color: #ffffff;
        margin-right: 25px;
        margin-bottom: 0px !important;
    }

    .safe-platform-right .chashback-list li span {
        color: rgba(255, 255, 255, 0.8);
    }

.crypto2-download-wallet-section {
    margin-top: -80px;
    padding-bottom: 102px;
}

.download-wallet-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -15px;
    list-style: none;
    padding: 0px;
}

    .download-wallet-list ul li {
        padding: 0px 15px;
        margin-bottom: 30px;
        width: 16.666666%;
    }

        .download-wallet-list ul li a {
            background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
            background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
            border-radius: 20px;
            height: 178px;
            padding: 25px 14px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .download-wallet-list ul li a span {
                margin-bottom: 26px;
            }

            .download-wallet-list ul li a h6 {
                font-weight: 700;
                line-height: 24px;
                margin-bottom: 0px;
            }

            .download-wallet-list ul li a p {
                font-size: 13px;
                line-height: 24px;
                color: #999999;
            }

.partners-logos {
    position: relative;
    overflow: hidden;
}

    .partners-logos::before {
        content: '';
        height: 100%;
        width: 20%;
        background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 11;
    }

    .partners-logos::after {
        content: '';
        height: 100%;
        width: 20%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 11;
    }

.our-partners-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px;
}

    .our-partners-list .item {
        margin-right: 30px;
        height: 90px;
        min-width: 226px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
        background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
        border-radius: 20px;
    }

        .our-partners-list .item img {
            width: 60%;
        }

.support-section {
    padding: 110px 0px 0px 0px;
}

.support-card {
    background: #101722;
    border-radius: 30px;
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
    padding: 91px 70px 70px 70px;
    position: relative;
    overflow: hidden;
}

    .support-card .blur-img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        height: 100%;
    }

    .support-card .dot-bg {
        position: absolute;
        height: 100%;
        width: 97%;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

.support-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .support-list ul li {
        margin-bottom: 20px;
    }

        .support-list ul li img {
            margin-right: 15px;
        }

        .support-list ul li span {
            color: #ffffff;
        }

.support-card-left {
    position: relative;
    z-index: 2;
}

.support-card-right {
    max-width: 400px;
    margin-left: auto;
    position: relative;
    z-index: 2;
}

.support-inner-card {
    padding: 38px 30px 33px 30px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    margin-bottom: 30px;
}

    .support-inner-card h5 {
        margin-bottom: 18px;
        position: relative;
        padding-left: 50px;
    }

        .support-inner-card h5 img {
            margin-right: 19px;
            position: absolute;
            left: -12px;
            top: -18px;
        }

    .support-inner-card p {
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 7px;
    }

    .support-inner-card a {
        font-weight: 700;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #9FE870;
    }

        .support-inner-card a img {
            margin-left: 14px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .support-inner-card a:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/*-- Crypto Wallet 2 style end --*/
/*-- Crypto token style start --*/
.key-points-section {
    padding-top: 140px;
    padding-bottom: 128px;
}

.key-points-card {
    min-height: 100%;
    padding: 40px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

    .key-points-card .card-tag {
        padding: 8px 20px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.2)), to(rgba(108, 211, 108, 0.2)));
        background: linear-gradient(90deg, rgba(208, 46, 190, 0.2) 0%, rgba(108, 211, 108, 0.2) 100%);
        border-radius: 20px;
        text-transform: uppercase;
        color: #ffffff;
        position: relative;
        z-index: 2;
        min-height: 40px;
        line-height: 30px;
        font-size: 15px;
    }

    .key-points-card h3 {
        margin-bottom: 25px;
        margin-top: 22px;
        position: relative;
        z-index: 2;
        text-transform: uppercase;
    }

    .key-points-card p {
        margin-bottom: 22px;
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        z-index: 2;
    }

    .key-points-card .card-link {
        color: #BFFF0A;
        font-weight: 700;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: relative;
        z-index: 2;
    }

        .key-points-card .card-link img {
            -webkit-transition: 0.3s;
            transition: 0.3s;
            margin-left: 14px;
        }

        .key-points-card .card-link:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .key-points-card .card-img {
        margin-top: 76px;
        position: relative;
        z-index: 2;
    }

    .key-points-card .blur {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .key-points-card .doted-line {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 0;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .key-points-card:hover .blur,
    .key-points-card:hover .doted-line {
        opacity: 1;
    }

.text-with-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    max-width: 913px;
    text-transform: uppercase;
    width: 100%;
    margin: auto;
    margin-bottom: 110px;
}

    .text-with-img .text {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

        .text-with-img .text.add-img {
            opacity: 50%;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .text-with-img .text.add-img::after {
                content: '';
                padding: 2px 0px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                width: 0%;
                background: -webkit-gradient(linear, left top, right top, from(#D02EBE), to(#BFFF0A));
                background: linear-gradient(90deg, #D02EBE 0%, #BFFF0A 100%);
                border-radius: 20px;
                position: absolute;
                bottom: -8px;
                left: 0px;
            }

            .text-with-img .text.add-img img {
                display: none;
                margin-top: -10px;
            }

            .text-with-img .text.add-img:hover {
                opacity: 100%;
                z-index: 2;
            }

                .text-with-img .text.add-img:hover::after {
                    width: 100%;
                }

            .text-with-img .text.add-img span:hover + img {
                display: block;
                position: absolute !important;
                top: -70%;
                left: auto;
                min-width: 256px;
                z-index: -1;
                opacity: 1;
                -webkit-animation: moveImg 0.5s ease-in-out;
                animation: moveImg 0.5s ease-in-out;
            }

.crypto-token-features-cards .stack__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 600px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.25);
    margin-top: -20px;
    border-radius: 30px;
    overflow: hidden;
}

    .crypto-token-features-cards .stack__card .card-bg {
        height: 100%;
        width: 100%;
    }

    .crypto-token-features-cards .stack__card .title h4 {
        text-transform: uppercase;
    }

    .crypto-token-features-cards .stack__card:nth-child(1) {
        background: #BFFF0A;
    }

        .crypto-token-features-cards .stack__card:nth-child(1) .card-bg {
            background: url(../images/crypto-token/card-bg1.png);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .crypto-token-features-cards .stack__card:nth-child(1) .card-bg .overlay {
                background: -webkit-gradient(linear, left top, left bottom, from(#BFFF0A), color-stop(35.2%, rgba(191, 255, 10, 0.8)), to(rgba(191, 255, 10, 0)));
                background: linear-gradient(180deg, #BFFF0A 0%, rgba(191, 255, 10, 0.8) 35.2%, rgba(191, 255, 10, 0) 100%);
                height: 100%;
                padding: 80px 70px;
                width: 100%;
            }

    .crypto-token-features-cards .stack__card:nth-child(2) {
        background: #FF7BCA;
    }

        .crypto-token-features-cards .stack__card:nth-child(2) .card-bg {
            background: url(../images/crypto-token/card-bg2.png);
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            padding: 80px 70px;
        }

    .crypto-token-features-cards .stack__card:nth-child(3) {
        background: #ADFFEB;
    }

        .crypto-token-features-cards .stack__card:nth-child(3) .card-bg {
            background: url(../images/crypto-token/card-bg3.png);
            background-size: cover;
            background-position: center bottom;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            padding: 80px 70px;
        }

.crypto-token-features-text h2 {
    margin-bottom: 32px;
    font-family: "Quantico", sans-serif;
    font-size: 50px;
    line-height: 120%;
    text-transform: uppercase;
}

.crypto-token-features-text p {
    margin-bottom: 0px;
    color: #111111;
}

.crypto-token-features-text a {
    color: #111111;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 700;
}

    .crypto-token-features-text a img {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-left: 14px;
    }

    .crypto-token-features-text a:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.crypto-token-features-text ul {
    margin-top: 21px;
    list-style: url(../images/crypto-token/check-black.svg);
}

    .crypto-token-features-text ul li {
        color: #111111;
    }

.super-gainers-info-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -15px;
    width: 100%;
    padding-top: 32px;
}

    .super-gainers-info-section .super-gainers-info {
        width: 50%;
        padding: 15px;
    }

        .super-gainers-info-section .super-gainers-info p {
            text-transform: uppercase;
            color: #111111;
        }

.crypto-token-features-img {
    position: absolute;
    bottom: 0px;
}

.features-img-inner {
    position: relative;
}

    .features-img-inner .setting-icon {
        position: absolute;
        top: 25px;
        left: 25px;
        animation: rotate360 5s linear infinite;
        -webkit-animation: rotate360 5s linear infinite;
    }

@-webkit-keyframes moveImg {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes moveImg {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.crypto-token-tag-section {
    padding: 140px 0px 121px 0px;
}

.crypto-token-tag-inner {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.crypto-token-tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-animation: smoothSlider 25s infinite linear;
    animation: smoothSlider 25s infinite linear;
}

    .crypto-token-tag-list .tag {
        font-family: "Quantico", sans-serif;
        margin-right: 30px;
        padding: 0px 30px;
        font-weight: 700;
        font-size: 24px;
        line-height: 250%;
        text-transform: uppercase;
        text-align: center;
        color: #000000;
        border-radius: 50px;
    }

        .crypto-token-tag-list .tag.skyblue {
            background: #AEE3FD;
        }

        .crypto-token-tag-list .tag.skyblue2 {
            background: #ADFFEB;
        }

        .crypto-token-tag-list .tag.skyblue3 {
            background: #ADE5FF;
        }

        .crypto-token-tag-list .tag.offwhite {
            background: #FFF8E7;
        }

        .crypto-token-tag-list .tag.pink {
            background: #FF7BCA;
        }

        .crypto-token-tag-list .tag.yellow {
            background: #F2DD09;
        }

        .crypto-token-tag-list .tag.yellowgreen {
            background: #BFFF0A;
        }

.crypto-token-partners {
    margin-bottom: 140px;
    background: url(../images/crypto-token/grain-texture.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

    .crypto-token-partners::before {
        content: '';
        position: absolute;
        height: 20%;
        width: 100%;
        position: absolute;
        height: 250px;
        width: 100%;
        top: -47px;
        left: 0px;
        background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), to(rgba(13, 16, 20, 0)));
        background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0) 100%);
    }

    .crypto-token-partners::after {
        content: '';
        position: absolute;
        height: 250px;
        width: 100%;
        position: absolute;
        height: 20%;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 20, 0)), to(#0D1014));
        background: linear-gradient(180deg, rgba(13, 16, 20, 0) 0%, #0D1014 100%);
    }

    .crypto-token-partners .partners-title {
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 133%;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 64px;
        position: relative;
        z-index: 1;
    }

    .crypto-token-partners .partners-list {
        position: relative;
        z-index: 1;
    }

        .crypto-token-partners .partners-list ul {
            margin: 0px -15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            list-style: none;
            padding: 0px;
        }

            .crypto-token-partners .partners-list ul li {
                width: 20%;
                padding: 0px 15px;
                margin-bottom: 30px;
            }

    .crypto-token-partners .partners-logo {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        min-width: 210px;
        min-height: 210px;
        overflow: hidden;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .crypto-token-partners .partners-logo .btn-outline {
            opacity: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0px;
            top: 0px;
        }

        .crypto-token-partners .partners-logo:hover .btn-outline {
            opacity: 1;
            animation: rotate360 5s linear infinite;
            -webkit-animation: rotate360 5s linear infinite;
        }

        .crypto-token-partners .partners-logo:hover {
            cursor: pointer;
        }

        .crypto-token-partners .partners-logo .round {
            border-radius: 50%;
            background-color: #FFFFFF10;
            position: absolute;
            top: 5px;
            left: 10px;
            z-index: -1;
            -webkit-animation: scale-down 0.2s forwards;
            animation: scale-down 0.2s forwards;
        }

        .crypto-token-partners .partners-logo.animate .round {
            -webkit-animation: scale-up 0.5s forwards;
            animation: scale-up 0.5s forwards;
        }

    .crypto-token-partners .green-shape {
        position: absolute;
        z-index: 0;
        left: 20%;
        top: 20%;
    }

@-webkit-keyframes scale-up {
    to {
        -webkit-transform: scale(600);
        transform: scale(600);
    }
}

@keyframes scale-up {
    to {
        -webkit-transform: scale(600);
        transform: scale(600);
    }
}

@-webkit-keyframes scale-down {
    from {
        -webkit-transform: scale(600);
        transform: scale(600);
    }

    to {
        ransform: scale(0);
    }
}

@keyframes scale-down {
    from {
        -webkit-transform: scale(600);
        transform: scale(600);
    }

    to {
        ransform: scale(0);
    }
}

.scroll-text-section {
    background: url(../images/crypto-token/dotted-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 54px 0px;
    overflow: hidden;
}

.scroll-text-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .scroll-text-inner ul li {
        margin-right: 38px;
        font-family: "Quantico", sans-serif;
        line-height: 100%;
        font-size: 100px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
    }

.splitting .char {
    -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
    transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear;
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition-delay: calc( 30ms * var(--char-index));
    transition-delay: calc( 30ms * var(--char-index));
}

.splitting[data-scroll="out"] .char {
    opacity: 0.1;
    -webkit-transform: translateY(0.25em);
    transform: translateY(0.25em);
}

.splitting-mark {
    display: none;
}

/* ---------------------------------- */
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
    display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
    position: relative;
}

    /**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
    .splitting .char::before,
    .splitting .char::after {
        content: attr(data-char);
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        -webkit-transition: inherit;
        transition: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

/* Expanded CSS Variables */
.splitting {
    /* The center word index */
    --word-center: calc((var(--word-total) - 1) / 2);
    /* The center character index */
    --char-center: calc((var(--char-total) - 1) / 2);
    /* The center character index */
    --line-center: calc((var(--line-total) - 1) / 2);
}

    .splitting .word {
        /* Pecent (0-1) of the word's position */
        --word-percent: calc(var(--word-index) / var(--word-total));
        /* Pecent (0-1) of the line's position */
        --line-percent: calc(var(--line-index) / var(--line-total));
    }

    .splitting .char {
        /* Percent (0-1) of the char's position */
        --char-percent: calc(var(--char-index) / var(--char-total));
        /* Offset from center, positive & negative */
        --char-offset: calc(var(--char-index) - var(--char-center));
        /* Absolute distance from center, only positive */
        --distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );
        /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
        --distance-sine: calc(var(--char-offset) / var(--char-center));
        /* Distance from center where 1 is far left/far right, 0 is center */
        --distance-percent: calc((var(--distance) / var(--char-center)));
    }

.crypto-tokenomics-section {
    padding-top: 140px;
}

.tokenomics-card {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
}

    .tokenomics-card .overlay {
        background: url(../images/crypto-token/grain-texture.png);
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 121px 100px 136px 100px;
    }

        .tokenomics-card .overlay .shape {
            position: absolute;
            top: 0px;
            left: 15%;
            z-index: 0;
        }

.tokenomics-content {
    position: relative;
    z-index: 2;
}

    .tokenomics-content h2 {
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 80px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 51px;
    }

.tokenomics-progress-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
}

    .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
        height: 60px;
        overflow: hidden;
        margin-bottom: 26px;
    }

    .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text h3 {
        font-family: "Quantico", sans-serif;
        line-height: 100%;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0px;
    }

    .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text p {
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0px;
    }

    .tokenomics-progress-section .tokenomics-progress.community {
        width: 46%;
    }

        .tokenomics-progress-section .tokenomics-progress.community .tokenomics-progress-bg {
            background: #BFFF0A;
            opacity: 0.8;
            border-radius: 30px 0px 0px 30px;
        }

    .tokenomics-progress-section .tokenomics-progress.team {
        width: 34%;
    }

        .tokenomics-progress-section .tokenomics-progress.team .tokenomics-progress-bg {
            background: #FF7BCA;
            opacity: 0.8;
            border-radius: 0px;
        }

    .tokenomics-progress-section .tokenomics-progress.investor {
        width: 12%;
    }

        .tokenomics-progress-section .tokenomics-progress.investor .tokenomics-progress-bg {
            background: #ADFFEB;
            opacity: 0.8;
            border-radius: 0px;
        }

    .tokenomics-progress-section .tokenomics-progress.advisors {
        width: 8%;
    }

        .tokenomics-progress-section .tokenomics-progress.advisors .tokenomics-progress-bg {
            background: #ADE5FF;
            opacity: 0.8;
            border-radius: 0px 30px 30px 0px;
        }

/*-- tokenomics-list section start --*/
.tokenomics-list ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .tokenomics-list ul li {
        height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

        .tokenomics-list ul li span {
            font-weight: 700;
            line-height: 167%;
            color: rgba(255, 255, 255, 0.8);
            text-transform: uppercase;
        }

        .tokenomics-list ul li h5 {
            font-family: "Quantico", sans-serif;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 167%;
            color: #ffffff;
            margin-bottom: 0px;
        }

            .tokenomics-list ul li h5 span {
                color: #BFFE0B;
                margin-left: 20px;
            }

.latest-news-section {
    padding-top: 122px;
    position: relative;
}

.latest-news-title {
    padding-bottom: 35px;
    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;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    gap: 20px;
}

    .latest-news-title h2 {
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 80px;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 0px;
    }

    .latest-news-title a {
        color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .latest-news-title a img {
            -webkit-filter: brightness(100);
            filter: brightness(100);
            margin-left: 14px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .latest-news-title a:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.news-content .news-row-section {
    position: relative;
}

    .news-content .news-row-section::after {
        content: '';
        height: 60px;
        width: 50%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.1)), to(rgba(208, 46, 190, 0)));
        background: linear-gradient(90deg, rgba(208, 46, 190, 0.1) 0%, rgba(208, 46, 190, 0) 100%);
        position: absolute;
        left: 0px;
        z-index: 0;
        top: 32%;
    }

.news-content .news-row {
    padding: 25px 100px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .news-content .news-row h5 {
        font-family: "Quantico", sans-serif;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 0px;
    }

    .news-content .news-row h3 {
        font-family: "Quantico", sans-serif;
        line-height: 50px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 0px;
        padding-top: 20px;
    }

    .news-content .news-row .news-link {
        position: relative;
        z-index: 1;
    }

    .news-content .news-row .news-row-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 100%;
        z-index: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .news-content .news-row .news-row-bg.news1 {
            background: url(../images/crypto-token/news_1.png);
        }

        .news-content .news-row .news-row-bg.news2 {
            background: url(../images/crypto-token/news_2.png);
        }

        .news-content .news-row .news-row-bg.news3 {
            background: url(../images/crypto-token/news_3.png);
        }

        .news-content .news-row .news-row-bg.news4 {
            background: url(../images/crypto-token/news_4.png);
        }

        .news-content .news-row .news-row-bg .overlay {
            background: url(../images/crypto-token/news-grain.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            height: 100%;
            padding: 75px;
        }

    .news-content .news-row:hover .news-row-bg {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        top: 0px;
    }

    .news-content .news-row .link {
        height: 29px;
        width: 24px;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        right: 100px;
        top: 38%;
        z-index: 11;
    }

        .news-content .news-row .link .link-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-transform: rotate(-135deg) translateY(-35px);
            transform: rotate(-135deg) translateY(-35px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .news-content .news-row:hover .link {
        opacity: 1;
    }

        .news-content .news-row:hover .link .link-inner {
            -webkit-transform: rotate(-135deg) translateY(-8px) translateX(10px);
            transform: rotate(-135deg) translateY(-8px) translateX(10px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.documents-section {
    padding-top: 122px;
    position: relative;
}

.documents-title {
    padding-bottom: 35px;
    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;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

    .documents-title h2 {
        font-family: "Quantico", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 80px;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 0px;
    }

.documents-content .doc-row-section {
    position: relative;
}

    .documents-content .doc-row-section::after {
        content: '';
        height: 60px;
        width: 50%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(108, 211, 108, 0)), to(rgba(108, 211, 108, 0.1)));
        background: linear-gradient(90deg, rgba(108, 211, 108, 0) 0%, rgba(108, 211, 108, 0.1) 100%);
        position: absolute;
        right: 0px;
        top: 33%;
    }

.documents-content .documents-row {
    padding: 50px 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
}

    .documents-content .documents-row h3 {
        font-family: "Quantico", sans-serif;
        line-height: 50px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .documents-content .documents-row .doc-img {
        display: none;
        position: absolute;
        margin-top: -167px;
    }

    .documents-content .documents-row:hover .doc-img {
        display: block;
    }

    .documents-content .documents-row .link {
        height: 29px;
        width: 24px;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        right: 100px;
        top: 36%;
    }

        .documents-content .documents-row .link .link-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

    .documents-content .documents-row:hover .link {
        opacity: 1;
    }

        .documents-content .documents-row:hover .link .link-inner {
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.crypto-token-social {
    padding: 140px 0px;
}

.crypto-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -15px;
}

    .crypto-social-list .crypto-social-link {
        padding: 0xp 15px;
        width: 20%;
    }

.crypto-social-btn {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    height: 210px;
    max-width: 210px;
    width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*-- Crypto token style end --*/
/*-- corporate index style start --*/
.best-services-section {
    background: #EEF2F5;
}

    .best-services-section .overlay {
        padding: 140px 0px;
        background: url(../images/corporate/map.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .best-services-section .slick-prev {
        left: -284px;
        top: 330px;
        background: transparent;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        overflow: hidden;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .best-services-section .slick-prev::before {
            content: url(../images/corporate/icon-prev.svg);
            -webkit-filter: brightness(0);
            filter: brightness(0);
            opacity: 20%;
        }

        .best-services-section .slick-prev:hover {
            border: 2px solid #5ECC62;
        }

            .best-services-section .slick-prev:hover::before {
                -webkit-filter: none;
                filter: none;
                opacity: 100%;
            }

    .best-services-section .slick-next {
        left: -214px;
        top: 330px;
        background: transparent;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        overflow: hidden;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .best-services-section .slick-next::before {
            content: url(../images/corporate/icon-next.svg);
            -webkit-filter: brightness(0);
            filter: brightness(0);
            opacity: 20%;
        }

        .best-services-section .slick-next:hover {
            border: 2px solid #5ECC62;
        }

            .best-services-section .slick-next:hover::before {
                -webkit-filter: none;
                filter: none;
                opacity: 100%;
            }

.best-services-left p {
    max-width: 271px;
    width: 100%;
}

.best-services-card {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .best-services-card::before {
        content: url(../images/corporate/card-footer-icon1.svg);
        position: absolute;
        bottom: -11px;
        right: 0px;
        -webkit-filter: brightness(0);
        filter: brightness(0);
        opacity: 15%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .best-services-card::after {
        content: url(../images/corporate/card-footer-icon2.svg);
        position: absolute;
        bottom: -11px;
        right: 0px;
    }

    .best-services-card:hover::before {
        -webkit-filter: none;
        filter: none;
        opacity: 100%;
    }

.best-services-img img {
    width: 100%;
}

.best-services-text {
    padding: 24px 30px 30px 30px;
}

    .best-services-text h5 {
        margin-bottom: 10px;
    }

    .best-services-text p {
        margin-bottom: 0px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

.about-our-company-section {
    padding: 132px 0px 113px 0px;
    position: relative;
    z-index: 11;
}

.about-company-inner {
    max-width: 516px;
    width: 100%;
    position: relative;
}

    .about-company-inner .play-btn {
        height: 120px;
        width: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #FFFFFF;
        border-radius: 50%;
        position: absolute;
        right: 114px;
        bottom: 140px;
        -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
    }

.about-company-img img {
    width: 100%;
    height: 1005;
}

.about-company-right h3 {
    text-transform: uppercase;
    margin-bottom: 29px;
    margin-top: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
    background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.about-company-right p {
    margin-bottom: 25px;
}

.about-company-right ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 41px;
    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;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .about-company-right ul li {
        width: 25%;
        padding: 10px 10px 10px 20px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

        .about-company-right ul li:nth-child(1) {
            padding-left: 0px;
            border-left: none;
        }

        .about-company-right ul li img {
            margin-right: 12px;
        }

        .about-company-right ul li span {
            color: #000000;
            font-weight: 700;
            font-family: "Montserrat Alternates", sans-serif;
        }

.how-it-work-section {
    padding: 132px 0px 102px 0px;
    background: #101722;
}

.how-it-work-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .how-it-work-content h2 {
        margin-right: 15px;
        font-weight: 700;
        font-size: 50px;
        line-height: 100%;
        text-transform: uppercase;
        background: -webkit-gradient(linear, left top, right top, from(rgba(48, 215, 241, 0.5)), to(rgba(121, 250, 75, 0.5)));
        background: linear-gradient(90deg, rgba(48, 215, 241, 0.5) 0%, rgba(121, 250, 75, 0.5) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

.how-it-work-text {
    max-width: 263px;
    margin-bottom: 30px;
}

    .how-it-work-text h5 {
        margin-bottom: 10px;
        color: #ffffff;
        font-weight: 700px;
    }

    .how-it-work-text p {
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.8);
    }

.our-values-section {
    padding-top: 132px;
    position: relative;
    z-index: 1;
}

.our-values-top {
    max-width: 779px;
    margin: auto;
    margin-bottom: 100px;
    text-align: center;
}

    .our-values-top .section-title {
        margin-bottom: 26px;
    }

    .our-values-top p {
        font-size: 18px;
        margin-bottom: 0px;
    }

.our-value-text {
    margin-bottom: 64px;
    position: relative;
}

    .our-value-text h5 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    .our-value-text .our-value-icon {
        position: absolute;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        background: #FFFFFF;
        border: 2px dashed rgba(0, 0, 0, 0.15);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 11;
    }

    .our-value-text .our-value-icon1 {
        right: -180px;
        top: -10px;
    }

    .our-value-text .our-value-icon2 {
        right: -110px;
        top: -10px;
    }

    .our-value-text .our-value-icon3 {
        left: -180px;
        top: -10px;
    }

    .our-value-text .our-value-icon4 {
        left: -110px;
        top: -10px;
    }

.our-values-img-section {
    position: relative;
    max-width: 470px;
    height: 100%;
    margin: auto;
}

.our-values-img-border {
    height: 470px;
    width: 470px;
    border-radius: 50%;
    border: 2px dashed rgba(0, 0, 0, 0.15);
    position: absolute;
    top: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.our-values-img {
    height: 266px;
    width: 266px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

    .our-values-img img {
        height: 100%;
        width: 100%;
        position: absolute;
    }

.loader-img {
    height: 470px;
    width: 470px;
    position: absolute;
    animation: rotate360 5s linear infinite;
    -webkit-animation: rotate360 5s linear infinite;
}

.corporate-testiminials-section {
    background: url(../images/corporate/testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-attachment: fixed;
}

    .corporate-testiminials-section .corporate-testimonial-bg {
        position: absolute;
        height: 150%;
        width: 100%;
        left: 0px;
        top: -100px;
        z-index: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .corporate-testiminials-section .overlay {
        padding-top: 140px;
        padding-bottom: 130px;
        background: rgba(16, 23, 34, 0.8);
        position: relative;
        z-index: 2;
    }

    .corporate-testiminials-section .slick-prev {
        top: 60%;
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        overflow: hidden;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .corporate-testiminials-section .slick-prev::before {
            content: url(../images/corporate/icon-prev.svg);
            -webkit-filter: brightness(100);
            filter: brightness(100);
        }

        .corporate-testiminials-section .slick-prev:hover {
            border: 2px solid #FFFFFF;
        }

    .corporate-testiminials-section .slick-next {
        top: 60%;
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        overflow: hidden;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .corporate-testiminials-section .slick-next::before {
            content: url(../images/corporate/icon-next.svg);
            -webkit-filter: brightness(100);
            filter: brightness(100);
        }

        .corporate-testiminials-section .slick-next:hover {
            border: 2px solid #FFFFFF;
        }

.corporate-testiminials-content {
    text-align: center;
    max-width: 700px;
    margin: auto;
}

    .corporate-testiminials-content .clint-img {
        position: relative;
        height: 173px;
        width: 150px;
        padding: 25px;
        overflow: hidden;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        background: url(../images/corporate/quotes-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 42px;
    }

        .corporate-testiminials-content .clint-img .clint-img-inner {
            position: relative;
            overflow: hidden;
            height: 100px;
            width: 100px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 auto;
            background: #FFFFFF;
            border-radius: 50%;
        }

            .corporate-testiminials-content .clint-img .clint-img-inner img {
                height: 100%;
                width: 100%;
                position: absolute;
            }

    .corporate-testiminials-content p {
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 30px;
    }

    .corporate-testiminials-content h5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: "DM Sans", sans-serif;
        color: #ffffff;
        line-height: 30px;
        margin-bottom: 0px;
    }

        .corporate-testiminials-content h5 span {
            font-size: 15px;
            font-weight: 500;
            opacity: 80%;
        }

.consultation-section {
    background: url(../images/corporate/consultation-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 140px;
}

.consultation-card {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
}

.consultation-left {
    width: 100%;
    height: 100%;
    padding: 82px 60px;
    background: -webkit-gradient(linear, left top, right top, from(#3BB864), to(#94CE69));
    background: linear-gradient(90deg, #3BB864 0%, #94CE69 100%);
    border-radius: 30px 0px 0px 0px;
}

.consultation-img {
    margin-bottom: 46px;
}

.consultation-form {
    padding: 91px 60px 91px 30px;
}

    .consultation-form form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .consultation-form form label {
            font-weight: 500;
            font-size: 15px;
            line-height: 30px;
            text-transform: uppercase;
            color: #111111;
            margin-bottom: 5px;
        }

        .consultation-form form input {
            border: 1px solid rgba(0, 0, 0, 0.12);
            border-radius: 10px;
            height: 50px;
            width: 100%;
            overflow: hidden;
            outline: none;
            font-weight: 500;
            font-family: "DM Sans", sans-serif;
            font-size: 15px;
            line-height: 30px;
            color: #111111;
            padding: 10px 15px;
            margin-bottom: 25px;
        }

.consultation-dropdown {
    position: relative;
    width: 100%;
}

    .consultation-dropdown::after {
        content: url(../images/corporate/dropdown-icon.svg);
        position: absolute;
        right: 20px;
        top: 11px;
    }

    .consultation-dropdown select {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        height: 50px;
        width: 100%;
        overflow: hidden;
        outline: none;
        font-weight: 500;
        font-size: 15px;
        line-height: 30px;
        color: #111111;
        padding: 10px 15px;
        margin-bottom: 40px;
        -webkit-appearance: none;
    }

.corporate-footer-top-section .row {
    margin: 0px !important;
}

.corporate-footer-top-section .col-md-4 {
    padding: 0px !important;
}

.corporate-footer-top-banner1 {
    background: url(../images/corporate/footer-top-bg1.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.corporate-footer-top-banner2 {
    background: url(../images/corporate/footer-top-bg2.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.corporate-footer-top-banner3 {
    background: url(../images/corporate/footer-top-bg3.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.corporate-footer-top-banner .overlay {
    height: 100%;
    width: 100%;
    height: 250px;
    background: -webkit-gradient(linear, left top, right top, from(#175FBA), color-stop(49.73%, rgba(23, 95, 186, 0.7)), to(#175FBA));
    background: linear-gradient(90deg, #175FBA 0%, rgba(23, 95, 186, 0.7) 49.73%, #175FBA 100%);
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    padding: 20px;
    padding: 20px;
    overflow: hidden;
}

    .corporate-footer-top-banner .overlay p {
        margin-bottom: 0px;
    }

    .corporate-footer-top-banner .overlay h4 {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin-top: 160px;
        margin-bottom: 130px;
    }

.corporate-footer-top-banner .corporate-footer-top-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.corporate-footer-top-banner:hover .corporate-footer-top-text h4 {
    margin-top: 0px;
    margin-bottom: 28px;
}

/*-- corporate index style end --*/
/*-- sass landing page start --*/
.top-notch-features-section {
    padding: 100px 0px;
}

.top-notch-card {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    min-height: 100%;
}

    .top-notch-card:hover {
        -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        border: 1px solid transparent;
    }

    .top-notch-card h5 {
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .top-notch-card p {
        margin-bottom: 0px;
    }

.sass-choose-us-section {
    position: relative;
}

    .sass-choose-us-section .choose-us-bg {
        position: absolute;
        top: 0px;
        width: 100%;
        min-height: 1554px;
    }

    .sass-choose-us-section .sidebar__inner {
        left: inherit !important;
    }

.sass-choose-us-content ul {
    margin-top: 22px;
    margin-bottom: 40px;
    list-style: url(../images/icons/list-check.svg);
    max-width: 465px;
    width: 100%;
}

    .sass-choose-us-content ul li {
        color: #111111;
        margin-bottom: 7px;
        padding-left: 8px;
    }

.sass-choose-us-bottom {
    margin-bottom: 30px;
    max-width: 254px;
    width: 100%;
}

    .sass-choose-us-bottom h5 {
        margin-top: 22px;
        margin-bottom: 16px;
    }

    .sass-choose-us-bottom p {
        margin-bottom: 0px;
    }

.sass-choose-us-img {
    max-width: 550px;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));
    border-radius: 20px;
}

    .sass-choose-us-img img {
        width: 100%;
    }

.chose-us-small-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    margin-top: -140px;
}

    .chose-us-small-img .chose-us-img1 {
        margin-top: 0px;
        width: 50%;
    }

    .chose-us-small-img .chose-us-img2 {
        width: 100%;
        margin-left: auto;
        margin-top: 70px;
        width: 50%;
    }

.sass-video-section {
    padding-top: 100px;
    padding-bottom: 109px;
}

.sass-video-container {
    padding: 23px;
    width: 100%;
    position: relative;
}

    .sass-video-container .shape1 {
        position: absolute;
        z-index: 2;
        top: 50px;
        left: 125px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .sass-video-container .shape2 {
        position: absolute;
        z-index: 2;
        bottom: 66px;
        left: 0px;
    }

    .sass-video-container .shape3 {
        position: absolute;
        z-index: 2;
        top: 177px;
        right: 0px;
    }

    .sass-video-container .shape4 {
        position: absolute;
        z-index: 0;
        bottom: 160px;
        right: 160px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .sass-video-container .video-card {
        overflow: hidden;
        height: 450px;
        margin: auto;
        max-width: 770px;
        width: 100%;
        background: #D9D9D9;
        border-radius: 30px;
        z-index: 1;
        position: relative;
    }

        .sass-video-container .video-card video {
            -o-object-fit: fill;
            object-fit: fill;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }

.seamless-solutions-section {
    padding-bottom: 138px;
}

    .seamless-solutions-section .container {
        position: relative;
    }

        .seamless-solutions-section .container .seamless-shape {
            position: absolute;
            right: 0px;
            top: -30px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.seamless-card {
    padding: 60px 40px;
    background: #D9D9D9;
    border-radius: 30px;
    max-width: 560px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .seamless-card .card-bg {
        position: absolute;
        height: 150%;
        width: 100%;
        top: -15%;
        left: 0px;
        z-index: 0;
    }

.seamless-card2 {
    margin-top: 100px;
}

.seamless-card span {
    position: relative;
    z-index: 1;
}

.seamless-card h3 {
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 37px;
    position: relative;
    z-index: 1;
}

.seamless-card p {
    margin-bottom: 41px;
    color: #ffffff;
    max-width: 473px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.seamless-card a {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50px;
    padding: 17px 34px;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

    .seamless-card a img {
        margin-left: 15px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .seamless-card a:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.community-section {
    position: relative;
}

    .community-section img.obj-left {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    .community-section img.obj-right {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

.community-content {
    text-align: center;
}

    .community-content .community-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #FFFFFF;
        border: 2px solid rgba(0, 0, 0, 0.1);
        height: 100px;
        width: 100px;
        margin: auto;
        margin-bottom: 40px;
        border-radius: 50%;
    }

    .community-content h2 {
        font-size: 700;
        margin-bottom: 50px;
    }

    .community-content form {
        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;
        max-width: 470px;
        padding: 10px;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
        border-radius: 35px;
        margin: auto;
        margin-bottom: 36px;
    }

        .community-content form input {
            border: none;
            outline: none;
            max-width: 100%;
            overflow: hidden;
        }

            .community-content form input[type=text] {
                background: transparent;
                font-weight: 500;
                font-size: 16px;
                line-height: 26px;
                color: #111111;
                padding: 7px 13px;
            }

                .community-content form input[type=text]::-webkit-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                }

                .community-content form input[type=text]:-ms-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                }

                .community-content form input[type=text]::-ms-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                }

                .community-content form input[type=text]::placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                }

                .community-content form input[type=text]:-ms-input-placeholder {
                    /* Internet Explorer 10-11 */
                    color: #111111;
                }

                .community-content form input[type=text]::-ms-input-placeholder {
                    /* Microsoft Edge */
                    color: #111111;
                }

            .community-content form input[type=submit] {
                background: #0555FF;
                border-radius: 25px;
                font-weight: 700;
                font-size: 15px;
                line-height: 26px;
                text-align: center;
                color: #FFFFFF;
                height: 50px;
                width: 140px;
            }

    .community-content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        list-style: url(../images/icons/list-check.svg);
    }

        .community-content ul li {
            color: #111111;
            font-size: 500;
            margin-right: 50px;
        }

            .community-content ul li:nth-last-child(1) {
                margin-right: 0px;
            }

.sass-testimonial-seciton .testimonial-card {
    background-color: #041527;
}

/*-- sass landing page end --*/
/*-- Defi landing page start --*/
.defi-safe-platform-section {
    margin-top: 102px;
    background: url(../images/defi/defi-safe-platform-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .defi-safe-platform-section .overlay {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(3.12%, #0D1014), color-stop(48.96%, rgba(13, 16, 20, 0.6)), color-stop(95.83%, #0D1014));
        background: linear-gradient(180deg, #0D1014 3.12%, rgba(13, 16, 20, 0.6) 48.96%, #0D1014 95.83%);
        padding-bottom: 55px;
        position: relative;
    }

.defi-statistic-section {
    padding-top: 38px;
    padding-bottom: 133px;
}

.defi-statistic-card {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
    border-color: #141F1E;
    border-width: 1px;
    border-style: solid;
    border-radius: 90px;
    overflow: hidden;
    padding: 40px 44px;
}

    .defi-statistic-card h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 50px;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0px;
    }

    .defi-statistic-card p {
        font-size: 18px;
        margin-bottom: 0px;
        color: #ffffff;
    }

.defi-safe-platform-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 60px;
}

.defi-safe-platform-img {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(13, 16, 20, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(13, 16, 20, 0) 100%);
    border-radius: 50px;
    margin-right: 19px;
    max-width: 100px;
    width: 100%;
    height: 217px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 20px;
}

.defi-safe-platform-text h4 {
    color: #ffffff;
    margin-bottom: 26px;
}

.defi-safe-platform-text p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0px;
}

.defi-safe-platform-shape .galaxy1 {
    position: absolute;
    right: 15%;
    top: 30%;
}

.defi-safe-platform-shape .galaxy2 {
    position: absolute;
    bottom: -424px;
    left: 0px;
}

.defi-safe-platform-shape .rocket {
    position: absolute;
    bottom: 20%;
    left: 40%;
}

.defi-metaverse-card {
    padding: 100px;
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 30px;
    margin-bottom: 50px;
    overflow: hidden;
}

    .defi-metaverse-card .blur-shape {
        position: absolute;
        top: -25px;
        left: -10px;
        height: 100%;
        width: 70%;
        z-index: -1;
    }

    .defi-metaverse-card .card-left-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .defi-metaverse-card .card-left-content .arrow {
            min-width: 36.56px;
        }

    .defi-metaverse-card .card-left-text {
        margin-left: 65px;
    }

        .defi-metaverse-card .card-left-text p {
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 55px;
        }

.metavarse-card-img {
    max-width: 311px;
    margin-left: auto;
}

.defi-metaverse-card2 {
    border-radius: 30px;
    overflow: hidden;
    max-width: 750px;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

    .defi-metaverse-card2 .metavarse-card-bg2 {
        top: -20px;
        left: 0px;
        width: 100%;
        height: 150%;
        position: absolute;
        z-index: -1;
    }

    .defi-metaverse-card2 .overlay {
        background: rgba(13, 16, 20, 0.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        border-radius: 30px;
        height: 100%;
        width: 100%;
        padding: 68px 100px;
        position: relative;
        z-index: 2;
    }

    .defi-metaverse-card2 .card2-text h3 {
        line-height: 167%;
        color: #FFFFFF;
    }

    .defi-metaverse-card2 .card2-text p {
        margin-bottom: 27px;
        color: rgba(255, 255, 255, 0.8);
    }

    .defi-metaverse-card2 .card2-text a {
        color: #ffffff;
    }

        .defi-metaverse-card2 .card2-text a img {
            -webkit-filter: brightness(100);
            filter: brightness(100);
            margin-left: 14px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .defi-metaverse-card2 .card2-text a:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .defi-metaverse-card2 .card2-img {
        max-width: 170px;
        margin-left: auto;
        margin-top: 16px;
    }

.defi-metaverse-card3 {
    border-radius: 30px;
    overflow: hidden;
    max-width: 370px;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

    .defi-metaverse-card3 .metavarse-card-bg3 {
        top: -20px;
        left: -77px;
        min-width: 130%;
        min-height: 125%;
        position: absolute;
        z-index: -1;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .defi-metaverse-card3 .overlay {
        background: rgba(77, 83, 84, 0.7);
        border-radius: 30px;
        height: 100%;
        width: 100%;
        padding: 68px 40px 45px 40px;
    }

    .defi-metaverse-card3 h3 {
        margin-bottom: 41px;
        color: #ffffff;
    }

    .defi-metaverse-card3 ul {
        margin-bottom: 0px;
        list-style: url(../images/defi/list-bulete.svg);
    }

        .defi-metaverse-card3 ul li {
            color: rgba(255, 255, 255, 0.8);
            line-height: 267%;
        }

.ecosystem-section {
    padding-top: 82px;
    position: relative;
}

    .ecosystem-section::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        z-index: 23;
        bottom: 225px;
        left: 0px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(13, 16, 20, 0)), color-stop(51.56%, rgba(55, 234, 142, 0.5)), to(rgba(13, 16, 20, 0)));
        background: linear-gradient(90deg, rgba(13, 16, 20, 0) 0%, rgba(55, 234, 142, 0.5) 51.56%, rgba(13, 16, 20, 0) 100%);
    }

    .ecosystem-section::after {
        content: '';
        position: absolute;
        height: 287px;
        width: 100%;
        z-index: 22;
        bottom: -60px;
        left: 0px;
        background: rgba(13, 16, 20, 0.7);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }

    .ecosystem-section p {
        font-size: 18px;
        line-height: 200%;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
        max-width: 779px;
        margin: auto;
        margin-bottom: 55px;
    }

.ecosystem-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}

    .ecosystem-text ul li {
        width: 20%;
        font-size: 18px;
        padding: 0px 12px;
        text-align: center;
        margin-bottom: 13px;
        color: #ffffff;
        line-height: 30px;
    }

.ecosystem-content {
    max-width: 944px;
    margin: auto;
    text-align: center;
}

    .ecosystem-content .globe-img {
        max-width: 450px;
        margin: auto;
        text-align: center;
        margin-top: -60px;
        position: relative;
        z-index: 1;
        border-radius: 50%;
    }

        .ecosystem-content .globe-img .cloud1 {
            position: absolute;
            top: 51px;
            left: 42px;
        }

        .ecosystem-content .globe-img .cloud2 {
            position: absolute;
            top: 150px;
            left: -27px;
        }

        .ecosystem-content .globe-img .cloud3 {
            position: absolute;
            top: 72px;
            right: -47px;
        }

        .ecosystem-content .globe-img .cloud4 {
            position: absolute;
            top: 175px;
            right: -20px;
        }

.eco-line-pc {
    display: block;
}

.eco-line-mobile {
    display: none;
}

.defi-launchapp-btn {
    width: 220px;
    height: 60px;
    background: #37EA8E;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    position: relative;
    overflow: hidden;
    margin: auto;
    margin-bottom: 72px;
    font-weight: 700;
}

    .defi-launchapp-btn img {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-left: 14px;
    }

    .defi-launchapp-btn:hover {
        color: #111111;
    }

        .defi-launchapp-btn:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.defi-backed-section {
    position: relative;
    z-index: 111;
    margin-top: -115px;
    padding-bottom: 132px;
}

.defi-backed-list {
    padding-top: 10px;
}

    .defi-backed-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        padding: 0px;
        margin: 0px;
        gap: 20px;
    }

        .defi-backed-list ul li {
            max-width: 218px;
            width: 100%;
            max-height: 120px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
            background: rgba(255, 255, 255, 0.04);
            min-height: 120px;
            padding: 20px 0px;
            border-radius: 20px;
            padding: 30px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            overflow: hidden;
        }

            .defi-backed-list ul li::after {
                content: '';
                width: 100%;
                top: 0%;
                position: absolute;
                background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), color-stop(49.48%, rgba(255, 255, 255, 0.075)), to(rgba(255, 255, 255, 0.15)));
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.075) 49.48%, rgba(255, 255, 255, 0.15) 100%);
                -webkit-transition: 0.3s;
                transition: 0.3s;
                padding: 60px 0px;
                opacity: 0;
            }

            .defi-backed-list ul li img {
                z-index: 1;
                position: relative;
                opacity: 0.5;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

            .defi-backed-list ul li:hover::after {
                width: 100%;
                opacity: 1;
            }

            .defi-backed-list ul li:hover a img {
                -webkit-animation: imgHovEffect 200ms linear;
                animation: imgHovEffect 200ms linear;
                -webkit-transform: translateY(-111%);
                transform: translateY(-111%);
                opacity: 1;
            }

            .defi-backed-list ul li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                min-height: 30px;
                max-height: 30px;
                overflow: hidden;
            }

                .defi-backed-list ul li a img {
                    margin-bottom: 5px;
                }

@-webkit-keyframes imgHovEffect {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-111%);
        transform: translateY(-111%);
    }
}

@keyframes imgHovEffect {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-111%);
        transform: translateY(-111%);
    }
}

.latest-articles-section {
    padding-bottom: 140px;
}

.latest-articles-content {
    padding-bottom: 20px;
}

.latest-articles-card {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .latest-articles-card .articles-img img {
        width: 100%;
    }

    .latest-articles-card .latest-articles-text {
        padding: 30px;
    }

        .latest-articles-card .latest-articles-text p {
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 0px;
        }

        .latest-articles-card .latest-articles-text h4 {
            margin-top: 11px;
            margin-bottom: 42px;
            color: #ffffff;
        }

        .latest-articles-card .latest-articles-text .articles-footer {
            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;
        }

            .latest-articles-card .latest-articles-text .articles-footer p {
                color: rgba(255, 255, 255, 0.5);
            }

            .latest-articles-card .latest-articles-text .articles-footer a {
                opacity: 0.5;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .latest-articles-card .latest-articles-text .articles-footer a:hover {
                    opacity: 1;
                }

.defi-explore-article-btn {
    padding: 15px 51px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 270px;
    width: 100%;
    margin: auto;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

    .defi-explore-article-btn img {
        margin-left: 14px;
        -webkit-filter: brightness(100);
        filter: brightness(100);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .defi-explore-article-btn:hover {
        color: #ffffff;
    }

        .defi-explore-article-btn:hover img {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.defi-get-updates-section {
    position: relative;
}

.defi-get-updates-top {
    text-align: center;
    max-width: 912px;
    width: 100%;
    margin: auto;
    position: relative;
}

    .defi-get-updates-top a img {
        margin-bottom: 36px;
    }

    .defi-get-updates-top .dotted-line {
        position: absolute;
        top: 0px;
        width: 100%;
        left: 0px;
        z-index: -1;
        top: -50px;
    }

.defi-get-updates-form {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 35px;
    max-width: 570px;
    width: 100%;
    padding: 10px;
    margin: auto;
    margin-bottom: 60px;
    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;
}

    .defi-get-updates-form input {
        width: 80%;
        border: none;
        outline: none;
        overflow: hidden;
        background: transparent;
        padding: 5px 20px;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        color: #ffffff;
    }

        .defi-get-updates-form input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        .defi-get-updates-form input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        .defi-get-updates-form input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        .defi-get-updates-form input::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

    .defi-get-updates-form button {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 35px;
        padding: 11px 38px;
        border: none;
        outline: none;
        overflow: hidden;
    }

        .defi-get-updates-form button:hover {
            opacity: 0.5s;
        }

.defi-get-update-card {
    padding: 40px 30px 33px 30px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .defi-get-update-card h5 {
        color: #ffffff;
        margin-bottom: 18px;
        text-transform: uppercase;
    }

        .defi-get-update-card h5 span {
            margin-right: 18px;
        }

            .defi-get-update-card h5 span img {
                max-width: 28px;
            }

    .defi-get-update-card p {
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.8);
    }

/*-- Defi landing page End --*/
/*-- about-us page style start --*/
/*-- customer-section start --*/
.customer-section {
    padding: 140px 0;
}

    .customer-section .users-list {
        margin-bottom: 13px;
    }

.customer-content-text h2 {
    margin-bottom: 37px;
}

.customer-content-text p {
    margin-bottom: 15px;
}

.customer-content-text .text-link {
    margin-top: 40px;
}

/*-- customer-section end --*/
/*-- about-feature-section start --*/
.about-feature-section {
    padding: 0;
}

.about-feature-title {
    margin-bottom: 50px;
}

    .about-feature-title h3 {
        margin-bottom: 17px;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #0095ff;
    }

.about-feature-tab .nav.nav-tabs {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .about-feature-tab .nav.nav-tabs .nav-link {
        padding: 10px 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        border: 1px solid #0000001a;
        border-radius: 26px;
        font-weight: 700;
        color: #000000;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .about-feature-tab .nav.nav-tabs .nav-link.active {
            border: 1px solid #e7f1fc;
            background-color: #e7f1fc;
            color: #0095ff;
        }

.about-feature-tab .tab-content {
    margin-top: 45px;
}

.about-feature-tab .about-feature-tab-content h4 {
    margin-bottom: 20px;
    color: #111111;
}

.about-feature-tab .about-feature-tab-content p {
    color: #444444;
    margin-bottom: 0px;
}

.about-feature-tab .about-feature-tab-content .list {
    padding: 0;
    list-style: none;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 75px;
}

    .about-feature-tab .about-feature-tab-content .list .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
    }

        .about-feature-tab .about-feature-tab-content .list .list-item img {
            width: 50px;
            height: 50px;
            padding: 15px;
            border: 1px solid #0095ff4d;
            border-radius: 10px;
        }

        .about-feature-tab .about-feature-tab-content .list .list-item p {
            margin-bottom: 0;
            color: #000000;
        }

.about-feature-img {
    position: relative;
    /* pie progress */
}

    .about-feature-img .overlay-item {
        position: absolute;
    }

        .about-feature-img .overlay-item.reduction-time {
            top: 10px;
            left: 0;
        }

        .about-feature-img .overlay-item.success-rate {
            bottom: 30px;
            right: 30px;
        }

        .about-feature-img .overlay-item.wave-shape {
            top: 50%;
            left: -50px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .about-feature-img .reduction-time {
        width: 170px;
        height: 90px;
        border-radius: 0 45px 0 0;
        background-color: #ffffff;
        padding: 24px 24px 24px 0;
    }

    .about-feature-img .reduction-time-top {
        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;
    }

    .about-feature-img .reduction-time h3 {
        margin-bottom: 10px;
        line-height: 20px;
    }

    .about-feature-img .reduction-time p {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
    }

    .about-feature-img .success-rate {
        width: 170px;
        height: 170px;
    }

    .about-feature-img .success-rate-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .about-feature-img .pie_progress {
        width: 130px;
        height: 130px;
        margin: auto 0;
        background-color: transparent;
    }

    .about-feature-img .pie_progress__label {
        margin-top: 0px;
    }

        .about-feature-img .pie_progress__label h3 {
            margin-bottom: 0;
            line-height: 1.1;
            color: #000000;
        }

        .about-feature-img .pie_progress__label p {
            margin: 0;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px;
        }

/*-- about-feature-section end --*/
/*-- team-section start --*/
.team-section {
    padding: 0 0 110px 0;
}

    .team-section .section-title {
        margin-bottom: 40px;
    }

        .team-section .section-title h5 {
            margin-bottom: 18px;
            font-weight: 700;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: #0095ff;
        }

        .team-section .section-title h2 {
            line-height: 55px;
        }

.team-card {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 30px;
    padding: 25px 25px 30px 25px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 135px 135px 30px 30px;
}

.team-card-img {
    margin-bottom: 25px;
}

    .team-card-img img {
        max-width: 100%;
        width: 220px;
        height: 220px;
        border-radius: 50%;
    }

.team-card-info {
    margin-bottom: 30px;
    text-align: center;
}

    .team-card-info h5 {
        font-weight: 700;
    }

    .team-card-info p {
        color: #444444;
    }

.team-social-link {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}

    .team-social-link li a {
        opacity: 0.5;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .team-social-link li a:hover {
            opacity: 0.7;
        }

/*-- team-section end --*/
/*-- building-section start --*/
.building-section {
    padding: 96px 0;
    background-color: #242549;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    position: relative;
    z-index: 0;
}

    .building-section::after, .building-section::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        height: 100%;
    }

    .building-section::before {
        left: 0;
        width: 36%;
        background-color: #242549;
    }

    .building-section::after {
        top: 0;
        right: 0;
        width: 63.5%;
        background-image: url(../images/business/fram-4.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

.building-content-text {
    margin-bottom: 34px;
}

.building-content h2 {
    color: #ffffff;
}

.building-img {
    text-align: right;
}

/*-- building-section end --*/
/*-- about-us page style end --*/
/*-- service page style start --*/
.service-section {
    padding: 130px 0 90px 0;
}

.service-content {
    margin-bottom: 40px;
}

    .service-content h3 {
        margin-bottom: 8px;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 26px;
        color: #0095ff;
    }

    .service-content h2 {
        font-size: 18px;
        line-height: 30px;
    }

.service-content-title {
    margin-bottom: 19px;
}

.service-content-list {
    padding: 0;
    list-style: none;
}

    .service-content-list li {
        color: #444444;
        padding-left: 20px;
        position: relative;
    }

        .service-content-list li:not(:first-child) {
            margin-top: 10px;
        }

        .service-content-list li::before {
            position: absolute;
            content: "";
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #0095ff80;
        }

        .service-content-list li::after {
            position: absolute;
            content: "";
            top: calc(50% + 2px);
            left: 0;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            -webkit-box-shadow: 2px 2px 0 0 #0095ff4d;
            box-shadow: 2px 2px 0 0 #0095ff4d;
        }

.service-content.item-1 h3 {
    color: #0095ff;
}

.service-content.item-1 .service-content-list li::before {
    background-color: #0095ff80;
}

.service-content.item-1 .service-content-list li::after {
    -webkit-box-shadow: 2px 2px 0 0 #0095ff4d;
    box-shadow: 2px 2px 0 0 #0095ff4d;
}

.service-content.item-2 h3 {
    color: #0ec36b;
}

.service-content.item-2 .service-content-list li::before {
    background-color: #0ec36b80;
}

.service-content.item-2 .service-content-list li::after {
    -webkit-box-shadow: 2px 2px 0 0 #0ec36b4d;
    box-shadow: 2px 2px 0 0 #0ec36b4d;
}

.service-content.item-3 h3 {
    color: #f7578c;
}

.service-content.item-3 .service-content-list li::before {
    background-color: #f7578c80;
}

.service-content.item-3 .service-content-list li::after {
    -webkit-box-shadow: 2px 2px 0 0 #f7578c4d;
    box-shadow: 2px 2px 0 0 #f7578c4d;
}

.service-content.item-4 h3 {
    color: #00cec9;
}

.service-content.item-4 .service-content-list li::before {
    background-color: #00cec980;
}

.service-content.item-4 .service-content-list li::after {
    -webkit-box-shadow: 2px 2px 0 0 #00cec94d;
    box-shadow: 2px 2px 0 0 #00cec94d;
}

.skills-section {
    padding: 112px 0;
    background-color: #EEEFFB;
}

.skills-content-text {
    margin-bottom: 45px;
}

.skills-content h5 {
    margin-bottom: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #0095ff;
}

.skills-content h2 {
    color: #111111;
}

.skills-content p {
    margin-top: 22px;
    color: #444444;
    margin-bottom: 0;
}

.skills-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 70px;
}

    .skills-status .skills-item {
        text-align: center;
    }

        .skills-status .skills-item p {
            margin-top: 18px;
            text-align: center;
            text-transform: uppercase;
            color: #111111;
        }

    .skills-status .pie_progress {
        width: 120px;
        height: 120px;
        margin: 0 auto;
        background-color: transparent;
    }

    .skills-status .pie_progress__label {
        margin-top: 0px;
    }

        .skills-status .pie_progress__label h4 {
            margin-bottom: 0;
            font-weight: 600;
            color: #111111;
            letter-spacing: 0.01em;
        }

/*-- core-feature-section start --*/
.core-feature-section {
    padding: 130px 0;
}

.core-feature-title h3 {
    margin-bottom: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    color: #0095ff;
}

.core-feature-title p {
    margin-top: 30px;
}

.core-feature-actions {
    margin-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

.core-feature-item {
    margin-bottom: 30px;
    max-width: 88%;
    margin-left: auto;
}

.core-feature-item-icon {
    margin-bottom: 30px;
}

    .core-feature-item-icon img {
        width: 72px;
        height: 72px;
    }

.core-feature-item h5 {
    margin-bottom: 10px;
    font-weight: 700;
}

/*-- core-feature-section end --*/
/*-- service page style end --*/
/*-- Pricing Plan style start --*/
.pricing-plan-breadcrumb-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 90px;
}

    .pricing-plan-breadcrumb-right .best-pricing-selector form button {
        color: #ffffff;
    }

.pricing-plan-section {
    background: transparent;
    margin-top: -300px;
    position: relative;
    z-index: 2;
    padding-bottom: 100px;
}

.pricing-plan-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 46px 40px;
    position: relative;
    min-height: 100%;
}

    .pricing-plan-card::before {
        content: "";
        border-radius: 15px 15px 0px 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 15px;
    }

    .pricing-plan-card.free-card::before {
        background: rgba(14, 195, 107, 0.3);
    }

    .pricing-plan-card.growth-card::before {
        background: rgba(0, 206, 201, 0.3);
    }

    .pricing-plan-card.business-card::before {
        background: rgba(249, 81, 140, 0.3);
    }

    .pricing-plan-card .best-pricing-card-body .list {
        padding: 0;
        list-style: none;
    }

        .pricing-plan-card .best-pricing-card-body .list li::before {
            background: rgba(0, 0, 0, 0.12);
            top: 15px;
        }

    .pricing-plan-card.active .best-pricing-card-body {
        height: auto;
    }

    .pricing-plan-card.active .pricing-plan-card-content.right {
        height: auto;
    }

.pricing-plan-card-header.free h6 {
    color: #0ec36b;
}

.pricing-plan-card-header.growth h6 {
    color: #00CEC9;
}

.pricing-plan-card-header.business h6 {
    color: #f7578c;
}

.pricing-plan-card-header.enterprise h6 {
    color: #0095ff;
}

.pricing-plan-card-header h6 {
    text-transform: uppercase;
}

    .pricing-plan-card-header h6 span {
        color: #111111;
        margin-left: 18px;
    }

.pricing-plan-card-header h3 {
    margin-top: 35px;
}

    .pricing-plan-card-header h3 span {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 26px;
    }

.pricing-plan-card-content.right {
    text-align: center;
    max-width: 220px;
    margin-left: auto;
}

    .pricing-plan-card-content.right .pricing-plan-img {
        position: relative;
        bottom: -96px;
    }

.pricing-plan-show-btn {
    color: #0095ff;
    width: 190px;
    text-align: left;
    padding-left: 36px;
    margin: 8px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: none;
    position: relative;
}

    .pricing-plan-show-btn:hover {
        color: #111111;
    }

        .pricing-plan-show-btn:hover::before {
            color: #111111;
        }

    .pricing-plan-show-btn::before {
        content: "+";
        font-size: 20px;
        min-height: 24px;
        min-width: 26px;
        position: absolute;
        left: 0px;
        border-radius: 50%;
        color: #ffffff;
        background: #0095ff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .pricing-plan-show-btn.active::before {
        content: "-";
    }

.best-pricing-btn {
    max-width: 100%;
    width: 100%;
    height: 60px;
    border: 1px solid #0095ff4d;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0095ff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

    .best-pricing-btn .icon {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-left: 15px;
    }

    .best-pricing-btn::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background-color: #0095ff;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .best-pricing-btn:hover {
        border: 1px solid #0095ff;
        color: #ffffff;
    }

        .best-pricing-btn:hover::before {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .best-pricing-btn:hover .icon {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
            filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
        }

    .best-pricing-btn.active {
        border: 1px solid #0095ff;
        color: #ffffff;
        background: #0095ff;
    }

        .best-pricing-btn.active .icon {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
            filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
        }

.compare-plans-section {
    background: #ffffff;
    padding-top: 115px;
    padding-bottom: 140px;
}

    .compare-plans-section .compare-plans-title {
        margin-bottom: 45px;
    }

.compare-plans-table-section .compare-plans-table {
    width: 100%;
    overflow-x: hidden;
}

    .compare-plans-table-section .compare-plans-table .table-header-sticky {
        background: #ffffff;
        width: 100% !important;
        top: 0px !important;
        z-index: 111;
    }

    .compare-plans-table-section .compare-plans-table ol {
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: hidden;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 0;
    }

        .compare-plans-table-section .compare-plans-table ol li {
            padding-bottom: 10px;
            vertical-align: bottom;
            width: 18%;
            min-width: 210px;
            margin-top: 33px;
            padding: 0px 30px 10px 30px;
            padding-top: 11px;
            display: block;
        }

            .compare-plans-table-section .compare-plans-table ol li:nth-child(1) {
                width: 46%;
                padding-left: 0px;
            }

            .compare-plans-table-section .compare-plans-table ol li:nth-last-child(2) {
                background: rgba(0, 0, 0, 0.03);
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }

            .compare-plans-table-section .compare-plans-table ol li h5 {
                text-transform: uppercase;
            }

                .compare-plans-table-section .compare-plans-table ol li h5 span {
                    text-transform: lowercase;
                    font-size: 12px;
                    margin-left: 13px;
                }

            .compare-plans-table-section .compare-plans-table ol li button {
                max-width: 150px;
                width: 100%;
                height: 40px;
                border: 2px solid rgba(0, 149, 255, 0.3);
                border-radius: 50px;
                font-weight: 700;
                color: #0095ff;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                position: relative;
                overflow: hidden;
                z-index: 0;
                margin: 10px 0px;
            }

                .compare-plans-table-section .compare-plans-table ol li button::before {
                    position: absolute;
                    z-index: -1;
                    content: "";
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border-radius: 50px;
                    background-color: #0095ff;
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

                .compare-plans-table-section .compare-plans-table ol li button:hover {
                    border: 2px solid #0095ff;
                    color: #ffffff;
                }

                    .compare-plans-table-section .compare-plans-table ol li button:hover::before {
                        -webkit-transform: translateX(0%);
                        transform: translateX(0%);
                    }

    .compare-plans-table-section .compare-plans-table .table-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
    }

        .compare-plans-table-section .compare-plans-table .table-body ul {
            padding: 0;
            list-style: none;
            margin: 0;
        }

            .compare-plans-table-section .compare-plans-table .table-body ul li {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 10px;
            }

                .compare-plans-table-section .compare-plans-table .table-body ul li b {
                    padding-bottom: 10px;
                    padding-top: 33px;
                    color: #111111;
                    font-weight: 700;
                }

        .compare-plans-table-section .compare-plans-table .table-body .table-col1,
        .compare-plans-table-section .compare-plans-table .table-body .table-col2,
        .compare-plans-table-section .compare-plans-table .table-body .table-col3,
        .compare-plans-table-section .compare-plans-table .table-body .table-col4 {
            padding-top: 25px;
        }

        .compare-plans-table-section .compare-plans-table .table-body .table-col1 {
            width: 46%;
            padding-left: 0px;
            padding-bottom: 20px;
        }

        .compare-plans-table-section .compare-plans-table .table-body .table-col2 {
            width: 18%;
            min-width: 210px;
            padding-bottom: 20px;
        }

            .compare-plans-table-section .compare-plans-table .table-body .table-col2 ul li {
                padding: 0px 30px;
            }

        .compare-plans-table-section .compare-plans-table .table-body .table-col3 {
            width: 18%;
            min-width: 210px;
            background: rgba(0, 0, 0, 0.03);
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            padding-bottom: 20px;
        }

            .compare-plans-table-section .compare-plans-table .table-body .table-col3 ul li {
                padding: 0px 30px;
            }

        .compare-plans-table-section .compare-plans-table .table-body .table-col4 {
            width: 18%;
            min-width: 210px;
            padding-bottom: 20px;
        }

            .compare-plans-table-section .compare-plans-table .table-body .table-col4 ul li {
                padding: 0px 30px;
            }

/*-- Pricing Plan style end --*/
/*-- contact-us page style start --*/
/*-- contact-section start --*/
.contact-section {
    padding: 130px 0 65px 0;
}

.contact-img {
    margin-right: 50px;
    position: relative;
}

    .contact-img > img {
        width: 100%;
    }

    .contact-img .overlay-item {
        position: absolute;
    }

        .contact-img .overlay-item .icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .contact-img .overlay-item.shape-1 {
            bottom: 130px;
            right: 0;
        }

            .contact-img .overlay-item.shape-1 .icon img {
                width: 42px;
                height: 36px;
            }

        .contact-img .overlay-item.shape-2 {
            bottom: 0;
            left: 186px;
        }

            .contact-img .overlay-item.shape-2 .icon img {
                width: 20px;
                height: 20px;
            }

.contact-content-title {
    margin-bottom: 35px;
}

.contact-content h3 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #0095ff;
}

.map-section {
    padding: 65px 0 130px 0;
}

.map-content {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.contact-map {
    width: 100%;
    height: 450px;
}

.map-info-card {
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 30px;
    width: 350px;
    height: 390px;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 20px;
}

    .map-info-card .list {
        padding: 0;
        list-style: none;
        margin: 0;
        height: 100%;
        overflow-y: auto;
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
    }

        .map-info-card .list::-webkit-scrollbar {
            display: none;
            /* Safari and Chrome */
        }

        .map-info-card .list li:not(:first-child) {
            margin-top: 10px;
        }

        .map-info-card .list .list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 19px;
        }

            .map-info-card .list .list-item .list-icon {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            }

            .map-info-card .list .list-item img {
                width: 20px;
                height: 20px;
            }

            .map-info-card .list .list-item h4 {
                font-size: 15px;
                line-height: 45px;
                margin-bottom: 0;
            }

            .map-info-card .list .list-item p {
                margin-bottom: 0;
            }

        .map-info-card .list .list-icon {
            line-height: 45px;
        }

/*-- contact-section end --*/
/*-- contact-us page style end --*/
/*-- Letest Blog style start --*/
.latest-blog-section {
    padding: 140px 0px;
}

    .latest-blog-section .latest-blog-content {
        padding-right: 20px;
    }

.letest-blog-card {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .letest-blog-card .letest-blog-img {
        min-height: 220px;
        width: 100%;
    }

        .letest-blog-card .letest-blog-img img {
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .letest-blog-card .letest-blog-info .letest-blog-info-inner {
        padding: 21px 29px;
    }

        .letest-blog-card .letest-blog-info .letest-blog-info-inner h5 {
            font-family: "DM Sans", sans-serif;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            color: #444444;
            letter-spacing: 0.1em;
            margin-bottom: 7px;
        }

            .letest-blog-card .letest-blog-info .letest-blog-info-inner h5 span {
                color: #0095ff;
            }

        .letest-blog-card .letest-blog-info .letest-blog-info-inner h4 {
            margin-bottom: 11px;
        }

            .letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a {
                font-family: "Montserrat Alternates", sans-serif;
                font-size: 18px;
                font-weight: 700;
                line-height: 30px;
                color: #111111;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a:hover {
                    color: #0095ff;
                }

        .letest-blog-card .letest-blog-info .letest-blog-info-inner p {
            margin-bottom: 11px;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .letest-blog-card .letest-blog-info .letest-blog-info-inner a {
            color: #0095ff;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .letest-blog-card .letest-blog-info .letest-blog-info-inner a img {
                margin-left: 11px;
            }

    .letest-blog-card .letest-blog-catd-title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

.letest-blog-search-section {
    padding: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .letest-blog-search-section form {
        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;
        height: 50px;
        padding: 10px 15px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }

        .letest-blog-search-section form input {
            border: none;
            outline: none;
            width: 80%;
        }

.categories-list {
    padding: 22px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .categories-list ul {
        padding: 0;
        list-style: none;
    }

        .categories-list ul li a {
            font-size: 16px;
            line-height: 36px;
            color: #444444;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .categories-list ul li a:hover {
                color: #0095ff;
            }

.recent-post-section {
    padding: 22px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .recent-post-section ul {
        padding: 0;
        list-style: none;
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .recent-post-section ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            gap: 19px;
        }

            .recent-post-section ul li .recent-post-img {
                min-height: 80px;
                min-width: 80px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                overflow: hidden;
                border-radius: 15px;
            }

                .recent-post-section ul li .recent-post-img img {
                    height: 100%;
                    width: 100%;
                    border-radius: 15px;
                    overflow: hidden;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

            .recent-post-section ul li .recent-post-text .blog-date {
                font-size: 14px;
                line-height: 20px;
                opacity: 0.8;
                margin-bottom: 8px;
            }

            .recent-post-section ul li .recent-post-text h5 {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 700;
            }

                .recent-post-section ul li .recent-post-text h5 a {
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                }

                    .recent-post-section ul li .recent-post-text h5 a:hover {
                        color: #0095ff;
                    }

.post-tags-section {
    padding: 22px 30px 30px 30px;
}

    .post-tags-section ul {
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

        .post-tags-section ul li {
            border-radius: 25px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            display: inline-block;
        }

            .post-tags-section ul li a {
                font-size: 14px;
                font-style: italic;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                height: 45px;
                line-height: 45px;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 25px;
                display: block;
                padding: 0 20px;
            }

                .post-tags-section ul li a:hover {
                    color: #0095ff;
                    border: 1px solid #0095ff;
                }

/*-- Letest Blog style end --*/
/*-- blog details style start --*/
.blog-details-section {
    margin-top: -110px;
    padding-bottom: 140px;
    position: relative;
    z-index: 111;
}

.blog-details-content {
    background: #ffffff;
    border-radius: 15px;
    margin-right: 20px;
}

    .blog-details-content .blog-details-img {
        border-radius: 15px 15px 0px 0px;
        height: 430px;
        width: 100%;
        overflow: hidden;
        margin-bottom: 6px;
    }

        .blog-details-content .blog-details-img img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

.blog-details-inner {
    padding: 30px;
}

    .blog-details-inner .blog-details-info-list {
        margin-bottom: 27px;
    }

        .blog-details-inner .blog-details-info-list ul {
            padding: 0;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 28px;
        }

            .blog-details-inner .blog-details-info-list ul li {
                text-transform: uppercase;
            }

                .blog-details-inner .blog-details-info-list ul li a {
                    color: #0095ff;
                }

                .blog-details-inner .blog-details-info-list ul li span {
                    margin-right: 12px;
                }

    .blog-details-inner .blog-details-headline {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        color: #111111;
        margin-bottom: 20px;
    }

    .blog-details-inner .blog-text-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        margin-bottom: 8px;
    }

    .blog-details-inner .blog-quotation-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 28px;
        margin-top: 42px;
        margin-bottom: 47px;
    }

        .blog-details-inner .blog-quotation-section .quotation-icon {
            min-width: 20px;
        }

            .blog-details-inner .blog-quotation-section .quotation-icon img {
                width: 100%;
            }

        .blog-details-inner .blog-quotation-section h4 {
            font-weight: 500;
            line-height: 40px;
            font-family: "DM Sans", sans-serif;
            font-style: italic;
        }

    .blog-details-inner .blog-text-list {
        padding: 0;
        list-style: none;
    }

        .blog-details-inner .blog-text-list li {
            position: relative;
            padding-left: 22px;
            padding-bottom: 8px;
        }

            .blog-details-inner .blog-text-list li:last-child {
                padding-bottom: 0;
            }

            .blog-details-inner .blog-text-list li:before {
                content: "";
                height: 8px;
                width: 8px;
                border-radius: 50%;
                background: rgba(0, 206, 201, 0.4);
                position: absolute;
                left: 0px;
                top: 12px;
            }

    .blog-details-inner .blog-tag-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 47px;
    }

        .blog-details-inner .blog-tag-section ul {
            padding: 0;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 10px;
        }

            .blog-details-inner .blog-tag-section ul li {
                padding: 7px 22px;
                border: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 25px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .blog-details-inner .blog-tag-section ul li:hover {
                    color: #0095ff;
                    border: 1px solid #0095ff;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

        .blog-details-inner .blog-tag-section button {
            padding: 8px 21px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 12px;
            column-gap: 12px;
            background: rgba(0, 0, 0, 0.05);
            border-radius: 25px;
            color: #444444;
        }

.blog-previous-next-section {
    margin: 60px 0px;
    margin-bottom: 40px;
    margin-right: 20px;
}

    .blog-previous-next-section .blog-card {
        background: #ffffff;
        border-radius: 15px;
        padding: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 19px;
        margin-bottom: 20px;
    }

        .blog-previous-next-section .blog-card .blog-card-img {
            min-width: 100px;
            min-height: 80px;
            overflow: hidden;
            border-radius: 10px;
        }

            .blog-previous-next-section .blog-card .blog-card-img img {
                height: 100%;
                width: 100%;
            }

        .blog-previous-next-section .blog-card .blog-card-text {
            max-width: 213px;
            width: 100%;
        }

            .blog-previous-next-section .blog-card .blog-card-text a {
                font-size: 15px;
                font-weight: 500;
                line-height: 30px;
                color: #0095ff;
            }

            .blog-previous-next-section .blog-card .blog-card-text h6 a {
                font-family: "Montserrat Alternates", sans-serif;
                font-size: 15px;
                font-weight: 700;
                line-height: 24px;
                color: #111111;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .blog-previous-next-section .blog-card.justify-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .blog-previous-next-section .blog-card.justify-right .blog-card-text {
                text-align: right;
                margin-left: auto;
            }

.blog-comment-section {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 60px;
    margin-right: 20px;
}

    .blog-comment-section .reply-comment-block {
        padding-left: 80px;
    }

    .blog-comment-section .blog-comment-block {
        background: #ffffff;
        padding: 34px 30px 25px 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .blog-comment-section .blog-comment-block h4 {
            margin-bottom: 27px;
        }

        .blog-comment-section .blog-comment-block .comment-people-section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            gap: 14px;
        }

            .blog-comment-section .blog-comment-block .comment-people-section .comment-people-img {
                height: 50px;
                width: 50px;
            }

            .blog-comment-section .blog-comment-block .comment-people-section .comment-people-text span {
                display: block;
            }

            .blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .author-name {
                font-weight: 700;
                color: #111111;
            }

            .blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .blog-date {
                font-size: 14px;
            }

        .blog-comment-section .blog-comment-block .comment-content {
            padding-left: 64px;
        }

            .blog-comment-section .blog-comment-block .comment-content p {
                margin-top: 13px;
                margin-bottom: 16px;
            }

            .blog-comment-section .blog-comment-block .comment-content button {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                gap: 9px;
                color: #111111;
                text-transform: uppercase;
                font-weight: 500;
            }

.comment-writing-section {
    border-radius: 15px;
    overflow: hidden;
    background: #ffffff;
    padding: 30px;
    margin-right: 20px;
}

    .comment-writing-section h4 {
        margin-bottom: 27px;
    }

    .comment-writing-section .comment-writing-form .comment-writing-input-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

        .comment-writing-section .comment-writing-form .comment-writing-input-section label {
            color: #111111;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .comment-writing-section .comment-writing-form .comment-writing-input-section input {
            width: 100%;
            height: 50px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            padding: 10px 15px;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            color: #444444;
        }

        .comment-writing-section .comment-writing-form .comment-writing-input-section textarea {
            min-height: 120px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            padding: 10px 15px;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            width: 100%;
            resize: none;
        }

    .comment-writing-section .comment-writing-form button {
        margin-top: 10px;
    }

/*-- blog details style end --*/
/*-- auth-and-utility style start --*/
.auth-body {
    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;
    min-height: 100%;
    height: 100vh;
    background: #ffffff;
    overflow: hidden;
}

.auth-form-section {
    background: #ffffff;
    position: relative;
    max-width: 620px;
    width: 100%;
    overflow: hidden;
    padding: 25px 75px;
    min-height: 100%;
    height: 100vh;
    overflow-y: scroll;
}

    .auth-form-section::-webkit-scrollbar {
        display: none;
    }

    .auth-form-section::after {
        content: '';
        height: 700px;
        width: 700px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 152, 254, 0.1)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(180deg, rgba(65, 152, 254, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 50%;
        left: -206px;
        top: 140px;
        position: absolute;
    }

    .auth-form-section form {
        position: relative;
        z-index: 1;
    }

    .auth-form-section h4 {
        margin-bottom: 35px;
    }

    .auth-form-section label {
        text-transform: uppercase;
        color: #111111;
        margin-bottom: 5px;
    }

    .auth-form-section input {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        width: 100%;
        padding: 15px;
        margin-bottom: 21px;
        font-weight: 500;
        font-size: 15px;
        line-height: 200%;
        color: #111111;
    }

        .auth-form-section input::-webkit-input-placeholder {
            color: #999999;
        }

        .auth-form-section input:-ms-input-placeholder {
            color: #999999;
        }

        .auth-form-section input::-ms-input-placeholder {
            color: #999999;
        }

        .auth-form-section input::placeholder {
            color: #999999;
        }

    .auth-form-section .form-primary-btn {
        background: #0095FF;
        border-radius: 10px;
        padding: 17px;
        width: 100%;
        font-weight: 700;
        line-height: 26px;
        color: #ffffff;
    }

    .auth-form-section .secondary-btn {
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        padding: 17px;
        width: 100%;
        font-weight: 700;
        line-height: 26px;
        color: #111111;
        margin-bottom: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .auth-form-section .secondary-btn img {
            margin-right: 13px;
        }

        .auth-form-section .secondary-btn:hover {
            -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
        }

    .auth-form-section .or-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 26px;
        margin: 10px 0px;
    }

        .auth-form-section .or-section p {
            text-transform: uppercase;
        }

        .auth-form-section .or-section::after {
            content: '';
            height: 1px;
            background: rgba(0, 0, 0, 0.12);
            max-width: 70%;
            width: 100%;
        }

        .auth-form-section .or-section::before {
            content: '';
            height: 1px;
            background: rgba(0, 0, 0, 0.12);
            max-width: 70%;
            width: 100%;
        }

    .auth-form-section .auth-link {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #111111;
        margin-bottom: 16px;
    }

    .auth-form-section p {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #444444;
        margin-bottom: 47px;
    }

        .auth-form-section p a {
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            color: #111111;
            margin-bottom: 0px;
        }

.auth-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 125px;
}

    .auth-page-header .back-link {
        font-weight: 700;
        font-size: 15px;
        line-height: 200%;
        text-align: right;
        color: #999999;
        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;
    }

        .auth-page-header .back-link svg {
            font-size: 24px;
            margin-right: 10px;
            color: #999999;
        }

            .auth-page-header .back-link svg path {
                font-size: 24px;
                margin-right: 10px;
                color: #999999;
            }

.auth-right-section {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .auth-right-section video {
        position: absolute;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.auth-brand-slider-section {
    position: absolute;
    padding: 54px 75px;
    z-index: 1;
    margin-top: auto;
    left: 0px;
    bottom: 0px;
}

    .auth-brand-slider-section .auth-brand-slider-inner {
        max-width: 850px;
        width: 100%;
        margin-right: auto;
        overflow: hidden;
    }

    .auth-brand-slider-section h5 {
        color: #FFFFFF;
        margin-bottom: 29px;
        line-height: 50px;
        font-weight: 700;
    }

.auth-brand-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .auth-brand-slider ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        list-style: none;
        padding: 0px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 20px;
    }

        .auth-brand-slider ul li {
            margin-right: 50px;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            -webkit-filter: brightness(100);
            filter: brightness(100);
        }

.terms-and-service-body {
    padding-top: 111px;
    padding-bottom: 127px;
}

    .terms-and-service-body h1 {
        margin-top: 11px;
    }

.terms-and-service-inner {
    margin-top: 112px;
}

.terms-and-service-content p {
    margin-bottom: 20px;
}

    .terms-and-service-content p b {
        color: #111111;
    }

    .terms-and-service-content p strong {
        color: #111111;
    }

    .terms-and-service-content p a {
        color: #0095ff;
    }

.terms-and-service-content h4 {
    margin-bottom: 7px;
}

.content-table-title {
    text-transform: uppercase;
    color: #0095FF;
    margin-bottom: 20px;
}

    .content-table-title img {
        margin-right: 15px;
    }

.terms-and-service-sidebar {
    left: inherit !important;
}

    .terms-and-service-sidebar ol li {
        line-height: 36px;
    }

        .terms-and-service-sidebar ol li a.active, .terms-and-service-sidebar ol li a:hover {
            color: #111111;
        }

.uppercase {
    text-transform: uppercase;
}

/*-- auth-and-utility style end --*/
/*--------------------------------
04. Components style
--------------------------------*/
/*-- butoon style start --*/
.theme-btn {
    border-radius: 50px;
    border: 1px solid transparent;
    padding: 12px 39px;
    background-color: #0095ff;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .theme-btn:hover, .theme-btn:focus {
        border: 1px solid #0095ff;
        background-color: transparent;
        color: #0095ff !important;
    }

    .theme-btn.primary-bg {
        border: 1px solid transparent;
        background-color: #0095ff;
        color: #ffffff !important;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: relative;
        z-index: 0;
        overflow: hidden;
        font-weight: 700;
    }

        .theme-btn.primary-bg .btn-inner {
            display: inline-block;
        }

        .theme-btn.primary-bg span {
            position: relative;
            z-index: 11;
            -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
            transition: opacity 0.6s, -webkit-transform 0.8s;
            transition: opacity 0.6s, transform 0.8s;
            transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
            -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
            transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
            color: #fff;
        }

            .theme-btn.primary-bg span:nth-child(2) {
                display: inline-block;
                position: absolute;
                width: 100%;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, 80%);
                transform: translate(-50%, 80%);
                opacity: 0;
            }

        .theme-btn.primary-bg:hover, .theme-btn.primary-bg:focus {
            background: #0095ff;
        }

            .theme-btn.primary-bg:hover .btn-inner, .theme-btn.primary-bg:focus .btn-inner {
                -webkit-transform: translateY(-150%);
                transform: translateY(-150%);
            }

            .theme-btn.primary-bg:hover span:nth-child(2), .theme-btn.primary-bg:focus span:nth-child(2) {
                -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
                opacity: 1;
            }

            .theme-btn.primary-bg:hover span .btn-normal-text, .theme-btn.primary-bg:focus span .btn-normal-text {
                opacity: 0;
            }

    .theme-btn.talk-btn {
        background: rgba(255, 255, 255, 0.15);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        overflow: hidden;
        font-weight: 700;
    }

        .theme-btn.talk-btn .btn-inner {
            display: inline-block;
        }

        .theme-btn.talk-btn span {
            position: relative;
            z-index: 11;
            -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
            transition: opacity 0.6s, -webkit-transform 0.8s;
            transition: opacity 0.6s, transform 0.8s;
            transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
            -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
            transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
            color: #fff;
        }

            .theme-btn.talk-btn span:nth-child(2) {
                display: inline-block;
                position: absolute;
                width: 100%;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, 80%);
                transform: translate(-50%, 80%);
                opacity: 0;
            }

        .theme-btn.talk-btn:hover, .theme-btn.talk-btn:focus {
            border: 1px solid transparent;
            background: #ffffff;
            color: #111111;
        }

            .theme-btn.talk-btn:hover .btn-inner, .theme-btn.talk-btn:focus .btn-inner {
                -webkit-transform: translateY(-150%);
                transform: translateY(-150%);
            }

            .theme-btn.talk-btn:hover span:nth-child(2), .theme-btn.talk-btn:focus span:nth-child(2) {
                -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
                opacity: 1;
            }

            .theme-btn.talk-btn:hover span .btn-normal-text, .theme-btn.talk-btn:focus span .btn-normal-text {
                opacity: 0;
            }

            .theme-btn.talk-btn:hover span, .theme-btn.talk-btn:focus span {
                color: #111111;
            }

.free-demo-btn {
    font-weight: 700;
}

    .free-demo-btn .btn-inner {
        display: inline-block;
    }

    .free-demo-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .free-demo-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .free-demo-btn:hover .btn-inner, .free-demo-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .free-demo-btn:hover span:nth-child(2), .free-demo-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .free-demo-btn:hover span .btn-normal-text, .free-demo-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.start-free-btn {
    max-width: 100%;
    width: 212px;
    height: 60px;
    border: 1px solid #0095ff4d;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0095ff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    font-weight: 700;
}

    .start-free-btn .btn-inner {
        display: inline-block;
    }

    .start-free-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .start-free-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .start-free-btn span {
        color: #0095ff;
    }

    .start-free-btn.text-wh span {
        color: #ffffff;
    }

    .start-free-btn::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background-color: #0095ff;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .start-free-btn:hover {
        border: 1px solid #0095ff;
        color: #ffffff;
    }

        .start-free-btn:hover::before {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .start-free-btn:hover .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .start-free-btn:hover span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .start-free-btn:hover span .btn-normal-text {
            opacity: 0;
        }

        .start-free-btn:hover span {
            color: #ffffff;
        }

.btn-light-green {
    width: 150px;
    height: 50px;
    border: 1px solid #5ECC62;
    background: #5ECC62;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    z-index: 0;
    font-weight: 700;
}

    .btn-light-green .btn-inner {
        display: inline-block;
    }

    .btn-light-green span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .btn-light-green span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .btn-light-green span {
        color: #ffffff;
    }

    .btn-light-green.text-wh span {
        color: #ffffff;
    }

    .btn-light-green:hover .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .btn-light-green:hover span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .btn-light-green:hover span .btn-normal-text {
        opacity: 0;
    }

.place-bid-btn {
    font-weight: 700;
}

    .place-bid-btn .btn-inner {
        display: inline-block;
    }

    .place-bid-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .place-bid-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .place-bid-btn:hover .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .place-bid-btn:hover span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .place-bid-btn:hover span .btn-normal-text {
        opacity: 0;
    }

.creator-profile-text .follow-btn {
    font-weight: 700;
}

    .creator-profile-text .follow-btn .btn-inner {
        display: inline-block;
    }

    .creator-profile-text .follow-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .creator-profile-text .follow-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .creator-profile-text .follow-btn:hover .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .creator-profile-text .follow-btn:hover span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .creator-profile-text .follow-btn:hover span .btn-normal-text {
        opacity: 0;
    }

.nft-load-more-btn {
    font-weight: 700;
}

    .nft-load-more-btn .btn-inner {
        display: inline-block;
    }

    .nft-load-more-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .nft-load-more-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .nft-load-more-btn:hover .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .nft-load-more-btn:hover span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .nft-load-more-btn:hover span .btn-normal-text {
        opacity: 0;
    }

.contact-us-btn {
    max-width: 100%;
    width: 212px;
    height: 60px;
    border: 1px solid #00cec9;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #00cec9;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    font-weight: 700;
}

    .contact-us-btn .btn-inner {
        display: inline-block;
    }

    .contact-us-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .contact-us-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .contact-us-btn span {
        color: #00cec9;
    }

    .contact-us-btn::before {
        position: absolute;
        z-index: -1;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background-color: #00cec9;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .contact-us-btn:hover {
        border: 1px solid #00cec9;
        color: #ffffff;
    }

        .contact-us-btn:hover::before {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .contact-us-btn:hover .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .contact-us-btn:hover span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .contact-us-btn:hover span .btn-normal-text {
            opacity: 0;
        }

        .contact-us-btn:hover span {
            color: #ffffff;
        }

.start-meeting-btn {
    border: 2px solid #00cec9;
    border-radius: 50px;
    padding: 10px 24px;
    color: #00cec9 !important;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
}

    .start-meeting-btn .btn-inner {
        display: inline-block;
    }

    .start-meeting-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .start-meeting-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .start-meeting-btn span {
        color: #00cec9;
    }

    .start-meeting-btn:hover, .start-meeting-btn:focus {
        background-color: #00cec9;
        color: #fff !important;
    }

        .start-meeting-btn:hover .btn-inner, .start-meeting-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .start-meeting-btn:hover span:nth-child(2), .start-meeting-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .start-meeting-btn:hover span .btn-normal-text, .start-meeting-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .start-meeting-btn:hover span, .start-meeting-btn:focus span {
            color: #fff;
        }

.bg-white-btn {
    padding: 12px 39px;
    background-color: #ffffff;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-white-btn .btn-inner {
        display: inline-block;
    }

    .bg-white-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-white-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-white-btn span {
        color: #111111;
    }

    .bg-white-btn:hover .btn-inner, .bg-white-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .bg-white-btn:hover span:nth-child(2), .bg-white-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .bg-white-btn:hover span .btn-normal-text, .bg-white-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.crypto-glow-btn {
    padding: 12px 39px;
    background: -webkit-gradient(linear, left top, right top, from(#30D7F1), color-stop(51.56%, #79FA4B), to(#FCE344));
    background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 51.56%, #FCE344 100%);
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    margin: 0px auto;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .crypto-glow-btn .btn-inner {
        display: inline-block;
    }

    .crypto-glow-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .crypto-glow-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .crypto-glow-btn span {
        color: #111111;
    }

    .crypto-glow-btn:hover .btn-inner, .crypto-glow-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .crypto-glow-btn:hover span:nth-child(2), .crypto-glow-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .crypto-glow-btn:hover span .btn-normal-text, .crypto-glow-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.crypto2-blue-btn {
    padding: 12px 35px;
    background: #4541FE;
    border-radius: 50px;
    max-width: 150px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .crypto2-blue-btn .btn-inner {
        display: inline-block;
    }

    .crypto2-blue-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .crypto2-blue-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .crypto2-blue-btn span {
        color: #ffffff;
    }

    .crypto2-blue-btn:hover .btn-inner, .crypto2-blue-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .crypto2-blue-btn:hover span:nth-child(2), .crypto2-blue-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .crypto2-blue-btn:hover span .btn-normal-text, .crypto2-blue-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.crypto2-banner-btn {
    padding: 12px 39px;
    background: #9FE870;
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .crypto2-banner-btn .btn-inner {
        display: inline-block;
    }

    .crypto2-banner-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .crypto2-banner-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .crypto2-banner-btn span {
        color: #111111;
    }

    .crypto2-banner-btn:hover .btn-inner, .crypto2-banner-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .crypto2-banner-btn:hover span:nth-child(2), .crypto2-banner-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .crypto2-banner-btn:hover span .btn-normal-text, .crypto2-banner-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.crypto-token-banner-btn {
    padding: 12px 39px;
    background: #BFFF0A;
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .crypto-token-banner-btn .btn-inner {
        display: inline-block;
    }

    .crypto-token-banner-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .crypto-token-banner-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .crypto-token-banner-btn span {
        color: #111111;
    }

    .crypto-token-banner-btn:hover .btn-inner, .crypto-token-banner-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .crypto-token-banner-btn:hover span:nth-child(2), .crypto-token-banner-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .crypto-token-banner-btn:hover span .btn-normal-text, .crypto-token-banner-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.corporate-banner-btn {
    padding: 12px 39px;
    background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
    background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    margin: 0px auto;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .corporate-banner-btn .btn-inner {
        display: inline-block;
    }

    .corporate-banner-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .corporate-banner-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .corporate-banner-btn span {
        color: #111111;
    }

    .corporate-banner-btn:hover .btn-inner, .corporate-banner-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .corporate-banner-btn:hover span:nth-child(2), .corporate-banner-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .corporate-banner-btn:hover span .btn-normal-text, .corporate-banner-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.consultation-btn {
    padding: 12px 39px;
    background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
    background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
    border-radius: 50px;
    max-width: 250px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .consultation-btn .btn-inner {
        display: inline-block;
    }

    .consultation-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .consultation-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .consultation-btn span {
        color: #111111;
    }

    .consultation-btn:hover .btn-inner, .consultation-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .consultation-btn:hover span:nth-child(2), .consultation-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .consultation-btn:hover span .btn-normal-text, .consultation-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.chatbot-newslater-btn {
    padding: 12px 39px;
    height: 60px;
    width: 220px;
    margin-left: auto;
    background-color: #ffffff;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .chatbot-newslater-btn .btn-inner {
        display: inline-block;
    }

    .chatbot-newslater-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .chatbot-newslater-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .chatbot-newslater-btn span {
        color: #111111;
    }

    .chatbot-newslater-btn:hover .btn-inner, .chatbot-newslater-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .chatbot-newslater-btn:hover span:nth-child(2), .chatbot-newslater-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .chatbot-newslater-btn:hover span .btn-normal-text, .chatbot-newslater-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.chatbot-best-pricing-card-btn {
    font-weight: 700;
}

    .chatbot-best-pricing-card-btn .btn-inner {
        display: inline-block;
    }

    .chatbot-best-pricing-card-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .chatbot-best-pricing-card-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .chatbot-best-pricing-card-btn:hover .btn-inner, .chatbot-best-pricing-card-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .chatbot-best-pricing-card-btn:hover span:nth-child(2), .chatbot-best-pricing-card-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .chatbot-best-pricing-card-btn:hover span .btn-normal-text, .chatbot-best-pricing-card-btn:focus span .btn-normal-text {
        opacity: 0;
    }

.bg-skyblue-btn {
    width: 150px;
    height: 50px;
    background: rgba(0, 149, 255, 0.2);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #0095ff !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-skyblue-btn .btn-inner {
        display: inline-block;
    }

    .bg-skyblue-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-skyblue-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-skyblue-btn span {
        color: #0095ff;
    }

    .bg-skyblue-btn:hover, .bg-skyblue-btn:focus {
        background-color: #0095ff;
        color: #ffffff !important;
    }

        .bg-skyblue-btn:hover .btn-inner, .bg-skyblue-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-skyblue-btn:hover span:nth-child(2), .bg-skyblue-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-skyblue-btn:hover span .btn-normal-text, .bg-skyblue-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .bg-skyblue-btn:hover span, .bg-skyblue-btn:focus span {
            color: #ffffff;
        }

.bg-green-btn {
    width: 150px;
    height: 50px;
    background: #1A7870;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #fff !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-green-btn .btn-inner {
        display: inline-block;
    }

    .bg-green-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-green-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-green-btn:hover, .bg-green-btn:focus {
        background-color: #AAEF69;
        color: #1A7870 !important;
    }

        .bg-green-btn:hover .btn-inner, .bg-green-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-green-btn:hover span:nth-child(2), .bg-green-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-green-btn:hover span .btn-normal-text, .bg-green-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .bg-green-btn:hover span, .bg-green-btn:focus span {
            color: #1A7870;
        }

.bg-navy-btn {
    width: 150px;
    height: 50px;
    background: #041646;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #fff !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-navy-btn .btn-inner {
        display: inline-block;
    }

    .bg-navy-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-navy-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-navy-btn:hover, .bg-navy-btn:focus {
        background-color: #041646;
        color: #ffffff !important;
    }

        .bg-navy-btn:hover .btn-inner, .bg-navy-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-navy-btn:hover span:nth-child(2), .bg-navy-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-navy-btn:hover span .btn-normal-text, .bg-navy-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .bg-navy-btn:hover span, .bg-navy-btn:focus span {
            color: #ffffff;
        }

.header-outline-btn {
    width: 150px;
    height: 50px;
    background: transparent;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #00CEC9 !important;
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0, 206, 201, 0.5);
    font-weight: 700;
}

    .header-outline-btn .btn-inner {
        display: inline-block;
    }

    .header-outline-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .header-outline-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .header-outline-btn span {
        color: #00CEC9;
    }

    .header-outline-btn:hover, .header-outline-btn:focus {
        background: rgba(0, 206, 201, 0.5);
        color: #111111 !important;
    }

        .header-outline-btn:hover .btn-inner, .header-outline-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .header-outline-btn:hover span:nth-child(2), .header-outline-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .header-outline-btn:hover span .btn-normal-text, .header-outline-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .header-outline-btn:hover span, .header-outline-btn:focus span {
            color: #111111;
        }

.bg-blue-btn {
    padding: 18px 46px;
    background-color: #0095ff;
    border-radius: 100px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    z-index: 0;
    font-weight: 700;
}

    .bg-blue-btn .btn-inner {
        display: inline-block;
    }

    .bg-blue-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-blue-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-blue-btn:hover, .bg-blue-btn:focus {
        color: #ffffff;
    }

        .bg-blue-btn:hover .btn-inner, .bg-blue-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-blue-btn:hover span:nth-child(2), .bg-blue-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-blue-btn:hover span .btn-normal-text, .bg-blue-btn:focus span .btn-normal-text {
            opacity: 0;
        }

.banner-btn-v8 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 46px;
    border: 1px solid transparent;
    background-color: #0DAC81;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    font-weight: 700;
}

    .banner-btn-v8 .btn-inner {
        display: inline-block;
    }

    .banner-btn-v8 span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .banner-btn-v8 span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .banner-btn-v8:hover, .banner-btn-v8:focus {
        background-color: #AAEF69;
        color: #1A7870;
    }

        .banner-btn-v8:hover .btn-inner, .banner-btn-v8:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .banner-btn-v8:hover span:nth-child(2), .banner-btn-v8:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .banner-btn-v8:hover span .btn-normal-text, .banner-btn-v8:focus span .btn-normal-text {
            opacity: 0;
        }

        .banner-btn-v8:hover span, .banner-btn-v8:focus span {
            color: #1A7870;
        }

.bg-pink-btn {
    width: 150px;
    height: 50px;
    background: rgba(247, 87, 140, 0.2);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #f7578c !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-pink-btn .btn-inner {
        display: inline-block;
    }

    .bg-pink-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-pink-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-pink-btn span {
        color: #f7578c;
    }

    .bg-pink-btn:hover, .bg-pink-btn:focus {
        background: #f7578c;
        color: #ffffff !important;
    }

        .bg-pink-btn:hover .btn-inner, .bg-pink-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-pink-btn:hover span:nth-child(2), .bg-pink-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-pink-btn:hover span .btn-normal-text, .bg-pink-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .bg-pink-btn:hover span, .bg-pink-btn:focus span {
            color: #ffffff;
        }

.bg-olive-btn {
    width: 150px;
    height: 50px;
    background: #BA1D21;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .bg-olive-btn .btn-inner {
        display: inline-block;
    }

    .bg-olive-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .bg-olive-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .bg-olive-btn span {
        color: #ffffff;
    }

    .bg-olive-btn:hover, .bg-olive-btn:focus {
        background: #fd9904;
        color: #ffffff !important;
    }

        .bg-olive-btn:hover .btn-inner, .bg-olive-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .bg-olive-btn:hover span:nth-child(2), .bg-olive-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .bg-olive-btn:hover span .btn-normal-text, .bg-olive-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .bg-olive-btn:hover span, .bg-olive-btn:focus span {
            color: #ffffff;
        }

.lets-talk-btn {
    width: 170px;
    height: 60px;
    background: #fd9904;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .lets-talk-btn img {
        -webkit-filter: brightness(0);
        filter: brightness(0);
        margin-left: 10px;
        -webkit-transition: 0.7s;
        transition: 0.7s;
    }

    .lets-talk-btn:hover, .lets-talk-btn:focus {
        background: #fd9904;
        color: #ffffff !important;
    }

        .lets-talk-btn:hover img, .lets-talk-btn:focus img {
            -webkit-filter: none;
            filter: none;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.btn-olive-deep {
    width: 220px;
    height: 60px;
    background: #BA1D21;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 700;
}

    .btn-olive-deep .btn-inner {
        display: inline-block;
    }

    .btn-olive-deep span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .btn-olive-deep span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .btn-olive-deep:hover, .btn-olive-deep:focus {
        background: #fd9904;
        color: #111111 !important;
    }

        .btn-olive-deep:hover .btn-inner, .btn-olive-deep:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .btn-olive-deep:hover span:nth-child(2), .btn-olive-deep:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .btn-olive-deep:hover span .btn-normal-text, .btn-olive-deep:focus span .btn-normal-text {
            opacity: 0;
        }

        .btn-olive-deep:hover span, .btn-olive-deep:focus span {
            color: #111111;
        }

.case-studies-btn {
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
}

.contact-btn {
    border-radius: 50px;
    color: #111111;
    width: 220px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 2px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

    .contact-btn .btn-inner {
        display: inline-block;
    }

    .contact-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .contact-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .contact-btn span {
        color: #111111;
    }

    .contact-btn:hover {
        border: 2px solid transparent;
        background: #111111;
        color: #ffffff;
    }

        .contact-btn:hover .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .contact-btn:hover span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .contact-btn:hover span .btn-normal-text {
            opacity: 0;
        }

        .contact-btn:hover span {
            color: #ffffff;
        }

.load-more-btn {
    text-align: center;
    margin: auto;
    margin-top: 50px;
    width: 150px;
    height: 50px;
    background: rgba(177, 177, 177, 0.2);
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    position: relative;
    overflow: hidden;
    border: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: 700;
}

    .load-more-btn .btn-inner {
        display: inline-block;
    }

    .load-more-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .load-more-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .load-more-btn span {
        color: #111111;
    }

    .load-more-btn:hover, .load-more-btn:focus {
        background: #111111;
        color: #ffffff !important;
    }

        .load-more-btn:hover .btn-inner, .load-more-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .load-more-btn:hover span:nth-child(2), .load-more-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .load-more-btn:hover span .btn-normal-text, .load-more-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .load-more-btn:hover span, .load-more-btn:focus span {
            color: #ffffff;
        }

.explore-btn {
    border-radius: 50px;
    padding: 17px 36px;
    background-color: #2d2e50;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .explore-btn img {
        width: 16px;
        height: 16px;
    }

    .explore-btn:hover, .explore-btn:focus {
        background: #f7578c;
        color: #ffffff !important;
    }

.text-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #0095ff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .text-link svg {
        font-size: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .text-link:hover, .text-link:focus {
        color: #0095ff;
    }

        .text-link:hover svg, .text-link:focus svg {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.lets-talk-bttn {
    font-family: "DM Sans", sans-serif;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 13px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .lets-talk-bttn:hover {
        color: #fd9904;
    }

        .lets-talk-bttn:hover .icon {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background: #fd9904;
            color: #ffffff;
        }

    .lets-talk-bttn .icon {
        height: 30px;
        width: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

/*-- lequied btn --*/
.become-investor-btn {
    padding: 17px 30px;
    height: 60px;
    max-width: 270px;
    width: 100%;
    border-radius: 999px;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: 1.5s ease;
    transition: 1.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    margin-top: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .become-investor-btn span {
        color: #FFFFFF;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .become-investor-btn img {
        margin-left: 14px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-filter: brightness(100);
        filter: brightness(100);
    }

    .become-investor-btn:hover img {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/*-- butoon style end --*/
/*-- sass-start-free-btn --*/
.sass-start-free-btn {
    background: #0555FF;
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    height: 55px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .sass-start-free-btn .btn-inner {
        display: inline-block;
    }

    .sass-start-free-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .sass-start-free-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .sass-start-free-btn:hover .btn-inner, .sass-start-free-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .sass-start-free-btn:hover span:nth-child(2), .sass-start-free-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .sass-start-free-btn:hover span .btn-normal-text, .sass-start-free-btn:focus span .btn-normal-text {
        opacity: 0;
    }

    .sass-start-free-btn:hover span, .sass-start-free-btn:focus span {
        color: #ffffff;
    }

/*-- defi-banner btn --*/
.defi-banner-btn {
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    border-radius: 30px;
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    height: 55px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    margin: auto;
    font-weight: 700;
}

    .defi-banner-btn .btn-inner {
        display: inline-block;
    }

    .defi-banner-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .defi-banner-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .defi-banner-btn:hover .btn-inner, .defi-banner-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .defi-banner-btn:hover span:nth-child(2), .defi-banner-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .defi-banner-btn:hover span .btn-normal-text, .defi-banner-btn:focus span .btn-normal-text {
        opacity: 0;
    }

    .defi-banner-btn:hover span, .defi-banner-btn:focus span {
        color: #ffffff;
    }

/*-- defi-banner btn --*/
.metavarse-card-btn {
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    border-radius: 30px;
    border-radius: 50px;
    max-width: 220px;
    width: 100%;
    height: 55px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .metavarse-card-btn .btn-inner {
        display: inline-block;
    }

    .metavarse-card-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .metavarse-card-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .metavarse-card-btn:hover .btn-inner, .metavarse-card-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .metavarse-card-btn:hover span:nth-child(2), .metavarse-card-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .metavarse-card-btn:hover span .btn-normal-text, .metavarse-card-btn:focus span .btn-normal-text {
        opacity: 0;
    }

    .metavarse-card-btn:hover span, .metavarse-card-btn:focus span {
        color: #ffffff;
    }

/*-- btn hover effect style --*/
.btn-hov-effect:hover {
    cursor: pointer !important;
}

.btn-hov-effect .round-shape {
    border-radius: 30px !important;
    background-color: #ffffff10;
    position: absolute !important;
    z-index: 0 !important;
    -webkit-animation: scale-down 0.2s forwards;
    animation: scale-down 0.2s forwards;
}

.btn-hov-effect.animate .round-shape {
    -webkit-animation: scale-up 0.5s forwards;
    animation: scale-up 0.5s forwards;
}

.btn-hov-effect.dark .round-shape {
    background-color: #00000040;
}

.defi-header-btn {
    width: 150px;
    height: 50px;
    background: #37EA8E;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #111111 !important;
    position: relative;
    overflow: hidden;
    font-weight: 700;
}

    .defi-header-btn .btn-inner {
        display: inline-block;
    }

    .defi-header-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .defi-header-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .defi-header-btn span {
        color: #111111;
    }

    .defi-header-btn:hover, .defi-header-btn:focus {
        background: #37EA8E;
        color: #ffffff !important;
    }

        .defi-header-btn:hover .btn-inner, .defi-header-btn:focus .btn-inner {
            -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
        }

        .defi-header-btn:hover span:nth-child(2), .defi-header-btn:focus span:nth-child(2) {
            -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            opacity: 1;
        }

        .defi-header-btn:hover span .btn-normal-text, .defi-header-btn:focus span .btn-normal-text {
            opacity: 0;
        }

        .defi-header-btn:hover span, .defi-header-btn:focus span {
            color: #ffffff;
        }

.item-details-buy-now-btn {
    font-weight: 700;
    overflow: hidden;
}

    .item-details-buy-now-btn .btn-inner {
        display: inline-block;
    }

    .item-details-buy-now-btn span {
        position: relative;
        z-index: 11;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, -webkit-transform 0.8s;
        transition: opacity 0.6s, transform 0.8s;
        transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        color: #fff;
    }

        .item-details-buy-now-btn span:nth-child(2) {
            display: inline-block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
            opacity: 0;
        }

    .item-details-buy-now-btn span {
        color: #111111;
    }

    .item-details-buy-now-btn:hover .btn-inner, .item-details-buy-now-btn:focus .btn-inner {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
    }

    .item-details-buy-now-btn:hover span:nth-child(2), .item-details-buy-now-btn:focus span:nth-child(2) {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        opacity: 1;
    }

    .item-details-buy-now-btn:hover span .btn-normal-text, .item-details-buy-now-btn:focus span .btn-normal-text {
        opacity: 0;
    }

/*-- badge style start --*/
.hero-badge {
    border-radius: 0px 20px 0px 0px;
    background-color: #f7578c;
    padding: 0px 10px;
    position: relative;
}

    .hero-badge::before {
        position: absolute;
        content: url("../images/icons/badge-icon.svg");
        top: -52px;
        right: -32px;
        -webkit-animation: badgeAnimate 1.5s infinite ease-in-out;
        animation: badgeAnimate 1.5s infinite ease-in-out;
    }

@-webkit-keyframes badgeAnimate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes badgeAnimate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.marketing-badge {
    border-radius: 0px 20px 0px 0px;
    background-color: #fec458;
    padding: 0 10px;
}

    .marketing-badge.v2 {
        display: inline-block;
        position: relative;
    }

        .marketing-badge.v2::before {
            position: absolute;
            content: url("../images/icons/polygon.svg");
            top: -15px;
            right: -15px;
            width: 24px;
            height: 24px;
            line-height: 0;
            -webkit-animation: badgeAnimate 2s infinite ease-in-out;
            animation: badgeAnimate 2s infinite ease-in-out;
        }

.theme-badge {
    border-radius: 100px;
    background-color: #f7578c;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
}

/*-- badge style end --*/
.breadcrumb-section {
    margin-top: 90px;
    padding: 60px 0;
    background-color: #242549;
    position: relative;
    z-index: 0;
}

    .breadcrumb-section .shape-img {
        position: absolute;
        z-index: -1;
    }

        .breadcrumb-section .shape-img.img-1 {
            bottom: 0;
            left: 4%;
        }

        .breadcrumb-section .shape-img.img-2 {
            bottom: 0;
            left: 34%;
        }

    .breadcrumb-section.blog-details-breadcrumb-section {
        height: 436px;
    }

    .breadcrumb-section.pricing-plan-breadcrumb-section {
        min-height: 580px;
        padding-top: 95px;
    }

.breadcrumb-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .breadcrumb-list .breadcrumb-item {
        text-transform: uppercase;
        font-weight: 700;
        color: #ffffff;
    }

        .breadcrumb-list .breadcrumb-item.active {
            color: #ffffffb2;
        }

        .breadcrumb-list .breadcrumb-item + .breadcrumb-item::before {
            content: ".";
            font-size: 20px;
            margin: 0px 5px;
        }

.breadcrumb-sec .breadcrumb-title {
    text-transform: capitalize;
    font-size: 50px;
    color: #ffffff;
    margin-bottom: 0;
}

.breadcrumb-img {
    text-align: right;
}

.form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

    .form-input label {
        font-weight: 500;
        font-size: 15px;
        line-height: 30px;
        text-transform: uppercase;
        color: #111111;
    }

    .form-input input,
    .form-input textarea {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 15px;
        line-height: 28px;
        color: #111111;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .form-input textarea {
        resize: none;
    }

.form-input-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

    .form-input-between .form-input {
        width: 100%;
    }

.staco-pagination {
    max-width: 290px;
    width: 100%;
}

    .staco-pagination ul {
        padding: 0;
        list-style: none;
        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;
        width: 100%;
    }

        .staco-pagination ul li {
            min-height: 50px;
            min-width: 50px;
            border-radius: 50%;
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .staco-pagination ul li a {
                height: 100%;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-family: "DM Sans", sans-serif;
                font-size: 15px;
                font-weight: 500;
                line-height: 30px;
                color: #444444;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

            .staco-pagination ul li:hover, .staco-pagination ul li.active {
                border: 1px solid #0095ff;
            }

                .staco-pagination ul li:hover a, .staco-pagination ul li.active a {
                    color: #0095ff;
                }

.case-studies-section {
    margin-top: 90px;
    margin-bottom: 115px;
    background: #EEEFFB;
}

    .case-studies-section .case-studies-left {
        max-width: 496px;
        width: 100%;
        padding: 125px 0px 140px 0px;
    }

        .case-studies-section .case-studies-left h2 {
            font-family: "Montserrat Alternates", sans-serif;
            font-size: 40px;
            font-weight: 700;
            line-height: 60px;
            color: #111111;
            margin-bottom: 35px;
        }

    .case-studies-section .case-studies-brands {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .case-studies-section .case-studies-brands .case-studies-item {
            width: 50%;
            padding-top: 60px;
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            min-height: 550px;
            max-height: 585px;
            position: relative;
            overflow: hidden;
        }

            .case-studies-section .case-studies-brands .case-studies-item::before {
                content: '';
                height: 200px;
                width: 100%;
                position: absolute;
                background: -webkit-gradient(linear, left top, left bottom, from(#EEEFFB), to(rgba(238, 239, 251, 0)));
                background: linear-gradient(180deg, #EEEFFB 0%, rgba(238, 239, 251, 0) 100%);
                top: 0px;
                left: 0px;
                z-index: 2;
            }

            .case-studies-section .case-studies-brands .case-studies-item::after {
                content: '';
                height: 200px;
                width: 100%;
                position: absolute;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 239, 251, 0)), to(#EEEFFB));
                background: linear-gradient(180deg, rgba(238, 239, 251, 0) 0%, #EEEFFB 100%);
                bottom: 0px;
                left: 0px;
                z-index: 2;
            }

            .case-studies-section .case-studies-brands .case-studies-item:nth-last-child(1) {
                border-left: none;
            }

            .case-studies-section .case-studies-brands .case-studies-item ul {
                padding: 0;
                list-style: none;
                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;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                overflow: hidden;
            }

                .case-studies-section .case-studies-brands .case-studies-item ul.slide-top {
                    -webkit-animation: SlideTop 8s infinite linear;
                    animation: SlideTop 8s infinite linear;
                }

                .case-studies-section .case-studies-brands .case-studies-item ul.slide-bottom {
                    -webkit-animation: SlideBottom 8s infinite linear;
                    animation: SlideBottom 8s infinite linear;
                }

                .case-studies-section .case-studies-brands .case-studies-item ul li {
                    min-height: 24px;
                    margin-bottom: 85px;
                }

@-webkit-keyframes SlideTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes SlideTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideBottom {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes SlideBottom {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.developer-apis-Section {
    background: #061121;
    margin-bottom: 47px;
}

    .developer-apis-Section .developer-apis-left {
        padding-right: 50px;
        padding-top: 112px;
        margin-bottom: 112px;
    }

        .developer-apis-Section .developer-apis-left .developer-apis-text p {
            font-family: "DM Sans", sans-serif;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            color: #ffffff;
            margin-top: 35px;
            margin-bottom: 30px;
        }

    .developer-apis-Section .developer-apis-right {
        background: rgba(255, 255, 255, 0.04);
        height: 100%;
        width: 100%;
        padding: 120px 30px;
        position: relative;
        overflow: hidden;
    }

        .developer-apis-Section .developer-apis-right::after {
            content: url(../images/newslater/newsletter-mashgrad.png);
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 0;
        }

        .developer-apis-Section .developer-apis-right .developer-apis-tab-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 33px;
            border-bottom: none;
            position: relative;
            z-index: 1;
        }

            .developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button {
                padding: 8px 19px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 26px;
                font-family: "DM Sans", sans-serif;
                font-size: 15px;
                font-weight: 500;
                line-height: 24px;
                color: #ffffff;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button.active, .developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button:hover {
                    border: 1px solid rgba(255, 255, 255, 0.08);
                    background: rgba(255, 255, 255, 0.08);
                }

.section-title2 p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #f7578c;
    text-transform: uppercase;
}

.section-title2 h2 {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    color: #ffffff;
    max-width: 363px;
}

.developer-apis-tab-contents {
    position: relative;
    z-index: 2;
}

.developer-apis-notepad .custom-textarea {
    position: relative;
    width: 100%;
    max-width: 90%;
    margin: auto;
    overflow: hidden;
}

    .developer-apis-notepad .custom-textarea .textarea {
        display: block;
        position: relative;
        height: 288px;
        min-height: 288px;
        max-height: 288px;
        margin-left: 24px;
        outline: none;
        border: none;
        overflow-y: auto;
        word-wrap: normal;
        word-break: break-all;
        background: transparent;
        resize: none;
        overflow-x: none;
        font-family: "Fira Code", monospace;
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        color: #ffffff;
    }

        .developer-apis-notepad .custom-textarea .textarea::-webkit-scrollbar {
            display: none;
        }

    .developer-apis-notepad .custom-textarea .linenumbers {
        position: absolute;
        top: 0;
        left: 0;
        width: 16px;
        background: transparent;
    }

        .developer-apis-notepad .custom-textarea .linenumbers .number {
            font-family: "Fira Code", monospace;
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
            color: rgba(255, 255, 255, 0.3);
        }

.variable {
    color: aqua;
}

.bracket1 {
    color: chartreuse;
}

.bracket2 {
    color: fuchsia;
}

.bracket3 {
    color: #1f14ff;
}

.bracket4 {
    color: #ecff8e;
}

.bracket5 {
    color: #26ffcc;
}

.bracket6 {
    color: #8bffb3;
}

.bracket7 {
    color: #ffbc3e;
}

.bracket8 {
    color: #7e00ed;
}

.class {
    color: #f7578c;
}

.import {
    color: orangered;
}

.string {
    color: #FFDA54;
}

.comment {
    color: #919090;
}

.ultimate-features-section {
    margin-bottom: 140px;
}

    .ultimate-features-section .ultimate-features-content {
        margin-top: 50px;
    }

.ultimate-features-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 30px;
}

    .ultimate-features-card h5 {
        margin-top: 18px;
        margin-bottom: 10px;
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 26px;
        color: #111111;
    }

    .ultimate-features-card p {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        color: #444444;
    }

.ultimate-features-card2 {
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .ultimate-features-card2.blue {
        background: #267DFF;
    }

    .ultimate-features-card2.green {
        background: #0EC36B;
    }

    .ultimate-features-card2.purple {
        background: #7956FD;
    }

    .ultimate-features-card2.white {
        background: #EEF4FF;
    }

        .ultimate-features-card2.white .overlay {
            background: transparent;
        }

    .ultimate-features-card2 .overlay {
        background: linear-gradient(147.66deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        height: 100%;
        width: 100%;
        padding: 30px;
    }

    .ultimate-features-card2 .ultimate-features-img {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 33px;
        overflow: hidden;
    }

        .ultimate-features-card2 .ultimate-features-img img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

    .ultimate-features-card2 .ultimate-features-text h5 {
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        color: #ffffff;
        margin-bottom: 12px;
    }

        .ultimate-features-card2 .ultimate-features-text h5.dark {
            color: #111111;
        }

    .ultimate-features-card2 .ultimate-features-text p {
        margin-bottom: 30px;
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        color: #ffffff;
    }

        .ultimate-features-card2 .ultimate-features-text p.dark {
            color: #444444;
        }

    .ultimate-features-card2 .ultimate-features-text a {
        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;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .ultimate-features-card2 .ultimate-features-text a h6 {
            font-family: "DM Sans", sans-serif;
            font-size: 15px;
            font-weight: 700;
            line-height: 30px;
            color: #ffffff;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .ultimate-features-card2 .ultimate-features-text a h6.dark {
                color: #111111;
            }

        .ultimate-features-card2 .ultimate-features-text a button {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .ultimate-features-card2 .ultimate-features-text a button.dark {
                background: rgba(0, 0, 0, 0.1);
            }

                .ultimate-features-card2 .ultimate-features-text a button.dark img {
                    -webkit-filter: brightness(0.1);
                    filter: brightness(0.1);
                }

        .ultimate-features-card2 .ultimate-features-text a:hover h6 {
            opacity: 0.8;
        }

        .ultimate-features-card2 .ultimate-features-text a:hover button {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.portfolio-section {
    margin-top: 120px;
    margin-bottom: 57px;
    padding: 0px 55px;
}

    .portfolio-section .portfolio-title {
        text-align: center;
    }

        .portfolio-section .portfolio-title p {
            font-family: "DM Sans", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            color: #0095ff;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .portfolio-section .portfolio-title .portfolio-subtitle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 30px;
        }

            .portfolio-section .portfolio-title .portfolio-subtitle h2 {
                font-family: "Montserrat Alternates", sans-serif;
                font-size: 40px;
                font-weight: 700;
                line-height: 60px;
                color: #111111;
                text-align: right;
            }

            .portfolio-section .portfolio-title .portfolio-subtitle h3 {
                text-align: left;
                font-family: "Montserrat Alternates", sans-serif;
                font-size: 36px;
                font-weight: 700;
                line-height: 60px;
                color: #0ec36b;
            }

                .portfolio-section .portfolio-title .portfolio-subtitle h3 span {
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 60px;
                    color: #111111;
                }

    .portfolio-section .portfolio-gallery-section {
        max-width: 100%;
        overflow-x: hidden;
    }

    .portfolio-section .portfolio-gallery {
        margin-top: 42px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .portfolio-section .portfolio-gallery .portfolio-img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 430px;
            height: 300px;
            border-radius: 10px;
            overflow: hidden;
        }

            .portfolio-section .portfolio-gallery .portfolio-img img {
                height: 100%;
                width: 100%;
            }

    .portfolio-section.newsletter {
        background: #ffffff;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .portfolio-section.newsletter .portfolio-gallery {
            margin-bottom: 63px;
        }

            .portfolio-section.newsletter .portfolio-gallery .portfolio-img {
                height: auto;
                width: auto;
            }

        .portfolio-section.newsletter .free-demo-btn {
            padding: 12px 20px;
            border: 2px solid rgba(0, 149, 255, 0.3);
            border-radius: 50px;
            color: #0095ff;
            background: transparent;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 230px;
            height: 60px;
            margin: auto;
        }

            .portfolio-section.newsletter .free-demo-btn span {
                color: #0095ff;
            }

            .portfolio-section.newsletter .free-demo-btn svg {
                font-size: 24px;
                margin-left: 15px;
            }

.footer-testimonial-section {
    background: url(../images/footer/footer-testimonial-bg.svg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 551px;
    margin-bottom: 107px;
}

    .footer-testimonial-section .footer-testimonial-left {
        padding-top: 35px;
    }

        .footer-testimonial-section .footer-testimonial-left h4 {
            margin-top: 55px;
            margin-bottom: 61px;
            font-family: "DM Sans", sans-serif;
            font-size: 24px;
            font-weight: 700;
            line-height: 45px;
            color: #ffffff;
            max-width: 583px;
        }

        .footer-testimonial-section .footer-testimonial-left form {
            background: #ffffff;
            border-radius: 35px;
            padding: 10px;
            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;
        }

            .footer-testimonial-section .footer-testimonial-left form input {
                font-family: "DM Sans", sans-serif;
                font-size: 16px;
                font-weight: 500;
                line-height: 26px;
                color: #444444;
                padding: 10px 14px;
                height: 100%;
                width: 100%;
                max-width: 296px;
                border: none;
                outline: none;
            }

                .footer-testimonial-section .footer-testimonial-left form input::-webkit-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                    /* Firefox */
                }

                .footer-testimonial-section .footer-testimonial-left form input:-ms-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                    /* Firefox */
                }

                .footer-testimonial-section .footer-testimonial-left form input::-ms-input-placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                    /* Firefox */
                }

                .footer-testimonial-section .footer-testimonial-left form input::placeholder {
                    /* Chrome, Firefox, Opera, Safari 10.1+ */
                    color: #111111;
                    /* Firefox */
                }

                .footer-testimonial-section .footer-testimonial-left form input:-ms-input-placeholder {
                    /* Internet Explorer 10-11 */
                    color: #111111;
                }

                .footer-testimonial-section .footer-testimonial-left form input::-ms-input-placeholder {
                    /* Microsoft Edge */
                    color: #111111;
                }

            .footer-testimonial-section .footer-testimonial-left form button {
                background: #FFDA54;
                color: #050038;
                padding: 12px 24px;
                font-family: "DM Sans", sans-serif;
                font-size: 15px;
                font-weight: 700;
                line-height: 26px;
                border-radius: 25px;
                min-width: -webkit-max-content;
                min-width: -moz-max-content;
                min-width: max-content;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

        .footer-testimonial-section .footer-testimonial-left.v8 {
            padding-top: 60px;
            padding-bottom: 88px;
        }

            .footer-testimonial-section .footer-testimonial-left.v8 form button {
                background: #AAEF69;
                color: #1A7870;
            }

                .footer-testimonial-section .footer-testimonial-left.v8 form button:hover {
                    color: #ffffff;
                    background: #1A7870;
                }

        .footer-testimonial-section .footer-testimonial-left ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            max-width: 370px;
            width: 100%;
            margin-top: 16px;
        }

            .footer-testimonial-section .footer-testimonial-left ul li {
                width: 50%;
                font-family: "DM Sans", sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 26px;
                color: #ffffff;
            }

                .footer-testimonial-section .footer-testimonial-left ul li svg {
                    color: #ffffff;
                    margin-right: 11px;
                    font-size: 18px;
                }

    .footer-testimonial-section .footer-testimonial-right {
        text-align: right;
        position: absolute;
        right: 15px;
        bottom: 0;
    }

        .footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text {
            text-align: left;
            position: absolute;
            left: 120px;
            bottom: 120px;
        }

            .footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text h5 {
                font-family: "DM Sans", sans-serif;
                font-size: 18px;
                font-weight: 700;
                line-height: 30px;
                color: #ffffff;
            }

            .footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text p {
                font-family: "DM Sans", sans-serif;
                font-size: 15px;
                font-weight: 500;
                line-height: 30px;
                color: #ffffff;
            }

    .footer-testimonial-section.v8 {
        background: url(../images/accounting/footer-testimonial-bg.png);
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
        min-height: auto;
        margin-bottom: 107px;
    }

        .footer-testimonial-section.v8 .footer-testimonial-icon {
            opacity: 0;
        }

.manage-team-section {
    margin-bottom: 150px;
}

.manage-team-content {
    margin-top: 71px;
}

.manage-team-card {
    margin-bottom: 60px;
}

    .manage-team-card h6 {
        margin-top: 25px;
        margin-bottom: 13px;
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        color: #111111;
    }

    .manage-team-card p {
        max-width: 323px;
        width: 100%;
        fontfamily: dmSans;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        color: #444444;
    }

.index6-card-section {
    background: #ffffff;
    padding-bottom: 100px;
}

    .index6-card-section .v8-card-section-text {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        color: #444444;
        margin-bottom: 55px;
        margin-top: -16px;
    }

.index6-card {
    background: #ECEFF1;
    padding: 40px 30px;
    border-radius: 30px;
    margin-bottom: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .index6-card.index8-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%;
        height: 370px;
        overflow: hidden;
    }

        .index6-card.index8-card p {
            margin-bottom: 0px;
            overflow: hidden;
        }

        .index6-card.index8-card .index8-card-text {
            position: relative;
            bottom: -100px;
            z-index: 1;
        }

        .index6-card.index8-card a {
            background: #ECEFF1;
            margin-top: 18px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            position: relative;
            z-index: 2;
            gap: 20px;
            padding-top: 20px;
            padding-bottom: 48px;
        }

            .index6-card.index8-card a .icon {
                -webkit-filter: brightness(0);
                filter: brightness(0);
            }

        .index6-card.index8-card:hover p {
            display: block;
        }

        .index6-card.index8-card:hover .index8-card-text {
            -webkit-animation: smothShow 0.5s;
            animation: smothShow 0.5s;
            bottom: -10px;
        }

        .index6-card.index8-card:hover a .icon {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-filter: none;
            filter: none;
        }

    .index6-card .index6-card-icon {
        margin-bottom: 31px;
    }

    .index6-card h5 {
        font-weight: 700;
        color: #000000;
        margin-bottom: 19px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .index6-card p {
        margin-bottom: 70px;
    }

    .index6-card a {
        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;
        -webkit-transition: 0.7s;
        transition: 0.7s;
    }

        .index6-card a span {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            color: #444444;
            font-weight: 700;
        }

        .index6-card a .link-btn {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background: #A0313D;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .index6-card a .link-btn .icon {
                margin-bottom: 3px;
                margin-left: 2px;
            }

            .index6-card a .link-btn img {
                -webkit-filter: brightness(0);
                filter: brightness(0);
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

    .index6-card:hover a span {
        color: #fd9904;
    }

    .index6-card:hover a .link-btn {
        background: #fd9904;
    }

        .index6-card:hover a .link-btn img {
            -webkit-filter: brightness(100);
            filter: brightness(100);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

@-webkit-keyframes smothShow {
    0% {
        bottom: -100px;
    }

    100% {
        bottom: -10px;
    }
}

@keyframes smothShow {
    0% {
        bottom: -100px;
    }

    100% {
        bottom: -10px;
    }
}

.section-title p {
    margin-bottom: 5px;
}

.section-title.v8 p {
    color: #0DAC81;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
}

.section-title.v8.title2 p {
    color: #AAEF69;
}

.section-title.v8.title2 h2 {
    color: #ffffff;
}

/*-- section-title style --*/
.section-title {
    margin-bottom: 38px;
}

    .section-title .sub-title {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #0095ff;
        letter-spacing: 0.2em;
        margin-bottom: 12px;
        display: block;
    }

    .section-title .green-color {
        color: #fd9904;
    }

    .section-title .green-lite {
        color: #AAEF69;
    }

    .section-title .title {
        line-height: 1.55;
    }

        .section-title .title .caveat {
            font-size: 50px;
            line-height: 50px;
        }

    .section-title h6 {
        margin-top: 12px;
    }

    .section-title h5 {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        margin-top: 12px;
    }

    .section-title .love-icon svg {
        color: #f7578c;
    }

    .section-title.crypto .sub-title {
        color: #01FFB0;
    }

    .section-title.crypto .title {
        color: #ffffff;
    }

    .section-title.crypto2 .sub-title {
        color: #4541FE;
    }

    .section-title.crypto2 .title {
        color: #111111;
    }

    .section-title.crypto2.title-green .sub-title {
        color: #9FE870;
    }

    .section-title.crypto2.title-green .title {
        color: #ffffff;
    }

    .section-title.corporate .sub-title {
        color: #5ECC62;
    }

    .section-title.corporate .title {
        color: #111111;
    }

    .section-title.sass .sub-title {
        color: #0555FF;
    }

    .section-title.sass .title {
        color: #111111;
    }

    .section-title.defi .sub-title {
        color: #37EA8E;
    }

    .section-title.defi .title {
        color: #ffffff;
    }

        .section-title.defi .title span.liniar {
            background: -webkit-gradient(linear, left top, right top, color-stop(35.54%, #37EA8E), color-stop(65.12%, #BDF93F));
            background: linear-gradient(90deg, #37EA8E 35.54%, #BDF93F 65.12%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

.lets-talk-section {
    margin: 140px 0px;
}

.lets-talk-content {
    background: #1F2334;
    border-radius: 30px;
    padding: 0px 70px;
    overflow: hidden;
}

.lets-talk-text {
    padding: 54px 0px 70px 0px;
}

    .lets-talk-text h2 {
        color: #ffffff;
        margin-bottom: 34px;
    }

.lets-talk-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.benefits-section {
    background: #ffffff;
}

.benefits-content {
    padding-top: 28px;
}

/*-- benefits-img --*/
.benefits-left-section {
    background: #ECF1F1;
    border-radius: 30px;
}

.benefits-img-bg {
    background: transparent;
    padding: 40px;
    position: relative;
}

    .benefits-img-bg .benefits-img-tag {
        position: absolute;
        background: #fd9904;
        color: #444444;
        border-radius: 20px;
        padding: 10px 23px;
        z-index: 111;
    }

    .benefits-img-bg .benefits-img-tag1 {
        right: 40px;
        top: 20%;
    }

    .benefits-img-bg .benefits-img-tag2 {
        right: 40px;
        top: 31%;
    }

    .benefits-img-bg .benefits-img-tag3 {
        left: 20%;
        bottom: 40px;
    }

    .benefits-img-bg.benefits-img-bg2 .benefits-img-tag1 {
        left: 40px;
        top: 8%;
        right: auto !important;
    }

    .benefits-img-bg.benefits-img-bg2 .benefits-img-tag2 {
        left: 40px;
        top: 21%;
        right: auto !important;
    }

    .benefits-img-bg.benefits-img-bg2 .benefits-img-tag3 {
        left: 40px;
        top: 37%;
        bottom: auto !important;
    }

    .benefits-img-bg.benefits-img-bg2 .benefits-img-chart {
        position: absolute;
        left: 40px;
        z-index: 111;
        bottom: 16%;
    }

    .benefits-img-bg.benefits-img-bg2 .benefits-img {
        margin-left: auto;
    }

    .benefits-img-bg.benefits-img-bg3 .benefits-img-tag1 {
        right: 40px;
        top: auto;
        bottom: 35%;
    }

    .benefits-img-bg.benefits-img-bg3 .benefits-img-tag2 {
        right: 40px;
        top: auto;
        bottom: 21%;
    }

    .benefits-img-bg.benefits-img-bg3 .benefits-img-tag3 {
        right: 40px;
        left: auto;
        top: auto;
        bottom: 8%;
    }

    .benefits-img-bg.benefits-img-bg3 .benefits-img-chart {
        position: absolute;
        left: 40px;
        z-index: 111;
        bottom: 16%;
        left: 40px;
    }

    .benefits-img-bg.benefits-img-bg4 .benefits-img-tag1 {
        left: 20%;
        top: 9%;
        right: auto !important;
    }

    .benefits-img-bg.benefits-img-bg4 .benefits-img-tag2 {
        left: auto !important;
        top: 9%;
        right: 40px;
    }

    .benefits-img-bg.benefits-img-bg4 .benefits-img-tag3 {
        left: auto !important;
        top: 35%;
        right: 40px;
        bottom: auto;
    }

    .benefits-img-bg.benefits-img-bg4 .benefits-img-chart {
        position: absolute;
        left: auto;
        right: 40px;
        z-index: 111;
        bottom: 16%;
    }

    .benefits-img-bg .benefits-img {
        border-radius: 10px;
        border-bottom-right-radius: 50%;
        max-width: 90%;
    }

        .benefits-img-bg .benefits-img > img {
            height: 100%;
            width: 390px;
            max-width: 100%;
            overflow: hidden;
        }

/*-- benefits-faq --*/
.benefits-faq {
    padding-left: 50px;
}

    .benefits-faq .slider-benefits-content {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .benefits-faq .benefits-slider-nav {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 26px 0px;
    }

        .benefits-faq .benefits-slider-nav .benefits-nav-btn {
            font-family: "Montserrat Alternates", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
            color: #111111;
            position: relative;
            width: 100%;
            text-align: left;
        }

            .benefits-faq .benefits-slider-nav .benefits-nav-btn::after {
                position: absolute;
                content: url(../images/icons/accordion-plus.png);
                top: 2px;
                right: 0;
                width: 20px;
                height: 20px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

        .benefits-faq .benefits-slider-nav .benefits-nav-content {
            height: 0px;
            overflow: hidden;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .benefits-faq .benefits-slider-nav .benefits-nav-content p {
                padding-top: 15px;
                max-width: 515px;
                width: 100%;
            }

        .benefits-faq .benefits-slider-nav.slick-current {
            padding-bottom: 22px;
            opacity: 1;
            position: relative;
        }

            .benefits-faq .benefits-slider-nav.slick-current::after {
                position: absolute;
                bottom: -1px;
                left: 0px;
                content: "";
                height: 1px;
                width: 30%;
                background: #fd9904;
                animation: lineProgress 3.5s linear infinite;
                -webkit-animation: lineProgress 3.5s linear infinite;
            }

            .benefits-faq .benefits-slider-nav.slick-current .benefits-nav-btn::after {
                content: url(../images/icons/accordion-minus-green.png);
                top: -7px;
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            .benefits-faq .benefits-slider-nav.slick-current .benefits-nav-content {
                height: auto;
            }

    .benefits-faq .slick-list {
        padding: 0 !important;
    }

    .benefits-faq .slick-slide {
        width: 100% !important;
    }

    .benefits-faq .slick-track {
        width: 100% !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.v6-top-section {
    background: transparent;
    position: relative;
    z-index: 2;
}

.h6-bottom-section {
    background-color: #ecf1f1;
}

.v6-bottom-section {
    background: #ECF1F1;
    position: relative;
    z-index: 1;
}

/*-- customers-quote-section --*/
.customers-quote-section {
    padding-top: 120px;
    padding-bottom: 132px;
}

.customers-quote-card {
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    height: auto;
    position: relative;
    overflow: hidden;
}

    .customers-quote-card .customers-quote-bg {
        position: absolute;
        left: 9%;
        bottom: 117px;
    }

        .customers-quote-card .customers-quote-bg img {
            height: 100%;
            width: 100%;
        }

    .customers-quote-card .quote-icon {
        position: absolute;
        top: 18%;
        right: 46%;
    }

    .customers-quote-card::before {
        content: url(../images/finance-index/card-quote-img.png);
        position: absolute;
        left: 0px;
        top: 48px;
        z-index: 0;
    }

    .customers-quote-card .customers-quote-content {
        padding-top: 100px;
        padding-bottom: 49px;
        padding-right: 50px;
        position: relative;
        z-index: 2;
    }

/*-- customers-quote-img --*/
.customers-quote-img {
    position: relative;
    min-height: 298px;
    max-width: 320px;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .customers-quote-img .quote-customers-img {
        position: relative;
        z-index: 2;
    }

/*-- customers-quote-text --*/
.customers-quote-text {
    max-width: 520px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .customers-quote-text .quote-icon {
        margin-bottom: 42px;
    }

    .customers-quote-text p {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 36px;
        color: #111111;
        margin-bottom: 27px;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .customers-quote-text .quote-customer-name {
        color: #111111;
        font-family: "DM Sans", sans-serif;
    }

        .customers-quote-text .quote-customer-name .name {
            font-size: 18px;
            font-weight: 700;
            line-height: 30px;
            display: block;
        }

        .customers-quote-text .quote-customer-name .duration {
            display: block;
        }

/*-- customers-quote-card-footer --*/
.customers-quote-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 38px;
    position: relative;
}

    .customers-quote-card-footer::before {
        position: absolute;
        top: -2px;
        left: 0px;
        content: "";
        height: 2px;
        width: 30%;
        background: #fd9904;
        animation: lineProgress 12s linear infinite;
        -webkit-animation: lineProgress 12s linear infinite;
    }

    .customers-quote-card-footer .quote-slider-nav img {
        margin: auto;
    }

    .customers-quote-card-footer .slick-list {
        padding: 0 !important;
    }

    .customers-quote-card-footer .slick-track {
        width: 100% !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

    .customers-quote-card-footer .slide-item {
        cursor: pointer;
        opacity: 0.6;
    }

        .customers-quote-card-footer .slide-item.slick-current {
            opacity: 1;
        }

@-webkit-keyframes lineProgress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes lineProgress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.blog-post-section {
    padding-bottom: 110px;
}

.blog-post-card {
    overflow: hidden;
    padding: 30px;
    border-radius: 30px;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .blog-post-card.blog-post-card1 {
        background: #ffffff;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .blog-post-card.blog-post-card1 .card-title h6 {
            color: #fd9904;
        }

        .blog-post-card.blog-post-card1 .card-footer .user span {
            color: #111111;
        }

        .blog-post-card.blog-post-card1 .card-footer h5 {
            color: #444444;
            opacity: 0.8;
        }

    .blog-post-card.blog-post-card2 {
        background: url(../images/finance-index/blog-post-card-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #ffffff;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .blog-post-card.blog-post-card3 {
        background: #fd9904;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .blog-post-card.blog-post-card3 .card-title {
            color: #004D42;
        }

        .blog-post-card.blog-post-card3 .card-footer {
            color: #111111;
        }

    .blog-post-card .card-title h6 {
        font-family: "DM Sans", sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .blog-post-card .card-title h4 {
        margin-bottom: 25px;
    }

        .blog-post-card .card-title h4:hover {
            opacity: 0.8;
        }

    .blog-post-card .card-title h3 {
        margin-bottom: 25px;
    }

        .blog-post-card .card-title h3:hover {
            opacity: 0.8;
        }

    .blog-post-card p {
        padding-bottom: 15px;
    }

    .blog-post-card .card-footer {
        margin-top: 10px;
        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;
        width: 100%;
    }

        .blog-post-card .card-footer .user {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            gap: 10px;
        }

            .blog-post-card .card-footer .user span {
                font-weight: 700;
            }

            .blog-post-card .card-footer .user .user-img {
                height: 36px;
                width: 36px;
                border-radius: 50%;
                overflow: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .blog-post-card .card-footer .user .user-img img {
                    height: 100%;
                    width: 100%;
                }

        .blog-post-card .card-footer .blog-date {
            color: #999999;
        }

.disclaimer-section {
    padding: 53px 0 60px 0;
    background-color: #ecf1f1;
}

.disclaimer-text {
    font-family: "DM Sans", sans-serif;
}

    .disclaimer-text h6 {
        font-weight: 700;
        margin-bottom: 11px;
    }

    .disclaimer-text p {
        font-size: 14px;
        margin-bottom: 20px;
    }

/*-- staco-scroll-top start --*/
.staco-scroll-top {
    position: fixed;
    right: 30px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
    box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(0.75rem);
    transform: translateY(0.75rem);
    -webkit-transition: all .2s linear,margin-right 0s;
    transition: all .2s linear,margin-right 0s;
}

    .staco-scroll-top.progress-done {
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.staco-scroll-top-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: rgba(0, 149, 255, 0.8);
}

    .staco-scroll-top-icon.v6 {
        color: rgba(0, 77, 66, 0.8);
    }

    .staco-scroll-top-icon.v8 {
        color: rgba(13, 172, 129, 0.8);
    }

    .staco-scroll-top-icon.chatbot {
        color: #041646;
    }

    .staco-scroll-top-icon.crypto {
        color: #01FFB0;
    }

    .staco-scroll-top-icon.crypto2 {
        color: #4541FE;
    }

    .staco-scroll-top-icon.corporate {
        color: #5ECC62;
    }

    .staco-scroll-top-icon.crypto-token {
        color: #BFFF0A;
    }

    .staco-scroll-top-icon.nft {
        color: #5F5FFF;
    }

    .staco-scroll-top-icon.sass {
        color: #0555FF;
    }

.staco-scroll-top > svg path {
    fill: none;
}

.staco-scroll-top > svg.progress-circle path {
    stroke: rgba(0, 149, 255, 0.8);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.staco-scroll-top.v6 > svg.progress-circle path {
    stroke: rgba(0, 77, 66, 0.8);
}

.staco-scroll-top.v8 > svg.progress-circle path {
    stroke: rgba(13, 172, 129, 0.8);
}

.staco-scroll-top.chatbot > svg.progress-circle path {
    stroke: rgba(4, 22, 70, 0.8);
}

.staco-scroll-top.crypto > svg.progress-circle path {
    stroke: #01FFB0;
}

.staco-scroll-top.crypto2 > svg.progress-circle path {
    stroke: #4541FE;
}

.staco-scroll-top.corporate > svg.progress-circle path {
    stroke: #5ECC62;
}

.staco-scroll-top.crypto-token > svg.progress-circle path {
    stroke: #BFFF0A;
}

.staco-scroll-top.nft > svg.progress-circle path {
    stroke: #5F5FFF;
}

.staco-scroll-top.sass > svg.progress-circle path {
    stroke: #0555FF;
}

@media (min-width: 1px) {
    .staco-scroll-top.progress-done {
        opacity: 1;
    }
}

/*-- staco-scroll-top end --*/
.staco-modals .modal {
    z-index: 1111;
    background: rgba(0, 0, 0, 0.5);
}

.staco-modals .modal-content {
    max-width: 450px;
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding: 35px 30px;
    background: #FFFFFF;
    border-radius: 15px;
}

    .staco-modals .modal-content .modal-header {
        padding: 0px;
        border: none;
        margin-bottom: 27px;
    }

    .staco-modals .modal-content .modal-body {
        padding: 0px;
    }

        .staco-modals .modal-content .modal-body .modal-pragraph {
            font-size: 14px;
            line-height: 28px;
        }

            .staco-modals .modal-content .modal-body .modal-pragraph span {
                color: #111111;
                font-weight: 600;
            }

        .staco-modals .modal-content .modal-body .connect-section {
            margin-top: 36px;
            padding-bottom: 4px;
        }

            .staco-modals .modal-content .modal-body .connect-section ul {
                list-style: none;
                padding: 0px;
                margin-bottom: 0px;
            }

                .staco-modals .modal-content .modal-body .connect-section ul li {
                    background: #F1F1F1;
                    border-radius: 30px;
                    width: 100%;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                    margin-bottom: 20px;
                    position: relative;
                }

                    .staco-modals .modal-content .modal-body .connect-section ul li::after {
                        content: '>';
                        position: absolute;
                        right: 25px;
                        top: 15px;
                        font-size: 20px;
                        color: #999999;
                    }

                    .staco-modals .modal-content .modal-body .connect-section ul li:hover {
                        opacity: 0.7;
                    }

                    .staco-modals .modal-content .modal-body .connect-section ul li a {
                        width: 100%;
                        height: 60px;
                        padding: 5px 25px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-weight: 600;
                        font-size: 14px;
                        sline-height: 17px;
                        color: #111111;
                    }

                        .staco-modals .modal-content .modal-body .connect-section ul li a span {
                            margin-right: 25px;
                        }

        .staco-modals .modal-content .modal-body .bid-section h6 {
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            margin-bottom: 15px;
        }

            .staco-modals .modal-content .modal-body .bid-section h6 span {
                margin-left: 7px;
                color: #999999;
            }

        .staco-modals .modal-content .modal-body .bid-section .bid-form {
            overflow: hidden;
            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;
            min-height: 55px;
            background: #FFFFFF;
            border: 2px solid rgba(0, 0, 0, 0.12);
            border-radius: 30px;
            position: relative;
            margin-bottom: 22px;
        }

            .staco-modals .modal-content .modal-body .bid-section .bid-form::after {
                content: '>';
                position: absolute;
                top: 11px;
                right: 20px;
                font-size: 20px;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .staco-modals .modal-content .modal-body .bid-section .bid-form input {
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #999999;
                border: none;
                outline: none;
                width: 55%;
                height: 100%;
                padding: 10px 25px;
            }

            .staco-modals .modal-content .modal-body .bid-section .bid-form select {
                width: 45%;
                height: 100%;
                padding: 16px 25px 16px 14px;
                border: none;
                outline: none;
                -webkit-appearance: none;
                border-left: 1px solid rgba(17, 17, 17, 0.12);
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: #111111;
            }

        .staco-modals .modal-content .modal-body .bid-section ul {
            list-style: none;
            padding: 0px;
            margin-bottom: 0px;
            margin-bottom: 16px;
        }

            .staco-modals .modal-content .modal-body .bid-section ul li {
                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;
            }

                .staco-modals .modal-content .modal-body .bid-section ul li p {
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 36px;
                    color: #999999;
                    margin-bottom: 0px;
                }

                    .staco-modals .modal-content .modal-body .bid-section ul li p span {
                        color: #4157FF;
                        font-size: 12px;
                        line-height: 15px;
                        padding: 3.5px 7.5px;
                        background: rgba(65, 87, 255, 0.15);
                        border-radius: 5px;
                        margin-left: 8px;
                    }

                .staco-modals .modal-content .modal-body .bid-section ul li h5 {
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 36px;
                    text-align: right;
                    margin-bottom: 0px;
                }

        .staco-modals .modal-content .modal-body .bid-section .place-bid-btn {
            width: 100%;
            height: 55px;
            overflow: hidden;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
            color: #ffffff;
            background: #5F5FFF;
            border-radius: 30px;
        }

body.dark-scheme .staco-modals .modal-content,
html.dark-scheme body .staco-modals .modal-content {
    background: #181D22;
}

    body.dark-scheme .staco-modals .modal-content .modal-header .btn-close i,
    html.dark-scheme body .staco-modals .modal-content .modal-header .btn-close i {
        color: #999999;
    }

        body.dark-scheme .staco-modals .modal-content .modal-header .btn-close i:hover,
        html.dark-scheme body .staco-modals .modal-content .modal-header .btn-close i:hover {
            color: #ffffff;
        }

    body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li,
    html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li {
        background: rgba(0, 0, 0, 0.3);
    }

        body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li a,
        html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li a {
            color: #999999;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li a:hover,
            html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li a:hover {
                color: #ffffff;
            }

.language-dropdown {
    position: relative;
    max-width: 100px;
}

    .language-dropdown.open .list {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .language-dropdown:hover .list {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .language-dropdown button {
        background: transparent;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 50px;
        width: 100px;
        height: 50px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        padding: 10px 14px;
        color: #111111;
        position: relative;
    }

        .language-dropdown button::after {
            content: url(../images/icons/dropdown-toggle.svg);
            position: absolute;
            top: 12px;
            right: 11px;
            opacity: 0.4;
        }

        .language-dropdown button img {
            width: 21px;
            height: 21px;
            border-radius: 50%;
            margin-right: 7.5px;
        }

    .language-dropdown .list {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 10;
        margin-top: 10px;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
        padding: 10px 0;
        -webkit-transform: scale(0.75) translateY(-20px);
        transform: scale(0.75) translateY(-20px);
        opacity: 0;
        visibility: hidden;
        border-radius: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 200px;
        height: auto;
        right: 0;
        left: unset;
        top: 130%;
        list-style: none;
        margin: 0px;
        padding: 28px 30px 30px 30px;
    }

    .language-dropdown .list-item {
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: #444444;
        line-height: 333%;
    }

        .language-dropdown .list-item:hover {
            color: #111111;
            background-color: transparent;
        }

        .language-dropdown .list-item .select {
            display: none;
        }

    .language-dropdown.finance button {
        background: transparent;
        border: 1px solid #FFFFFF30;
        color: #000;
        position: relative;
    }

        .language-dropdown.finance button::after {
            content: url(../images/icons/dropdown-toggle.svg);
            position: absolute;
            top: 12px;
            right: 11px;
            opacity: 1;
            -webkit-filter: brightness(100);
            filter: brightness(100);
        }

        .language-dropdown.finance button img {
            width: 21px;
            height: 21px;
            border-radius: 50%;
            margin-right: 7.5px;
            -webkit-filter: brightness(100);
            filter: brightness(100);
        }

/*--------------------------------
05. Utilities style
--------------------------------*/
/*-- margin style --*/
.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}