@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: #44C486;
}

.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: #44C486;
    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: #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.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: #ffffff1a;
    -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: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 15px 0px;
    font-weight: 500;
}

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

.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: #ffffff;
    -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: #37ed81;
    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: #37ed81;
    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: #B2EDA1;
}

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

.uig-animate-style .banner-title.cd-headline.loading-bar .cd-words-wrapper::after {
    background: #B2EDA1 !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: #44c486;
}

#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: #37ed81;
}

.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: 421px;
    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%;
    padding-bottom: 50px;
}

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

.defi-banner-text h1 {
    margin-bottom: -23px;
    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%, #37ed81), color-stop(65.12%, #BDF93F));
    background: linear-gradient(90deg, #37ed81 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: #44C486;
}

.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(#ffdc4c), color-stop(51.56%, #ffdc4c), to(#FCE344));
    background: linear-gradient(90deg, #ffdc4c 0%, #ffdc4c 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: #37ed81;
    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: #086a67;
    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: 5px;
    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: #086a67;
}

.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: #37ed81;
}

.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: #37ed81;
    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-color: #13544E;
    border-radius: 30px;
}

.crypto2-benifits-card2 h5 {
    color: #37ed81;
}

.crypto2-benifits-card2 h5::before {
    background: #37ed81;
}

.crypto2-benifits-card2 a {
    color: #37ed81;
}

.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-color: #BC501A;
    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: #37ed81;
}

.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: #37ed81;
}

.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: #37ed81;
    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(#ffdc4c), color-stop(51.56%, #ffdc4c), to(#FCE344));
    background: linear-gradient(90deg, #ffdc4c 0%, #ffdc4c 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: #37ed81;
    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: #B2EDA1;
    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: #111111;
}

.bg-olive-btn:hover,
.bg-olive-btn:focus {
    background: #44C486;
    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: #B2EDA1;
    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: #44C486;
    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: #44C486;
    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: #B2EDA1;
    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: #44C486;
}

.lets-talk-bttn:hover .icon {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #44C486;
    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: #37ed81;
    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: #37ed81;
    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: #36ed81;
    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: 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;
}

.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: #44C486;
}

.index6-card:hover a .link-btn {
    background: #44C486;
}

.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: 0px;
}

.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: #44C486;
}

.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: #37ed81;
}

.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: #37ed81;
}

.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: #37ed81;
}

.section-title.defi .title {
    color: #ffffff;
}

.section-title.defi .title span.liniar {
    background: -webkit-gradient(linear, left top, right top, color-stop(35.54%, #37ed81), color-stop(65.12%, #BDF93F));
    background: linear-gradient(90deg, #37ed81 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: #004D42;
    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: #B2EDA1;
    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: #44C486;
    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: #44C486;
    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: #44C486;
}

.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: #B2EDA1;
    -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: #37ed81;
}

.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: #37ed81;
}

.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: #ffffff;
    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;
}

.ratext {
    font-weight: 500 !important;
    text-align: center !important;
    color: #FFFFFF !important;
    margin-bottom: 9px !important;
    text-transform: none !important;
}

.soon {
    background: #37ed81 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    padding: 2px;
    height: 20px !important;
    width: 140px !important;
    font-size: 13px !important;
}

.progressplus-team {
    background-color: #ffffff00 !important;
    padding: 0px 0px !important;
    width: 250px !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.pp2 {
    color: #35ED81 !important;
}

.pp3 {
    color: #FFDC4C !important;
}

.pp4 {
    color: white !important;
}

.progress-white {
    color: white !important;
    text-align: left !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.pptext {
    margin-bottom: 14px !important;
    text-align: justify !important;
}

.ppspan {
    font-size: 20px;
    font-weight: 900;
    text-align: justify !important;
    color: yellow !important;
}


@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  
  .blinking-element {
    animation: blink 1s infinite; /* Adjust the duration as needed */
  }