.theme-color {
    color: var(--main-font-color)
}

dl,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

section::after {
    display: none !important
}

.container:not(.full),
.security-hero__container,
.security-biometric__container,
.security-three-factor__container,
.security-support__container,
.security-detection__container,
.defi-socials__container,
.home-apps__container,
.home-hero,
.swap-hero__container,
.defi-hero__container,
.stake-hero__container,
.oci-hero-section .container,
.deposit-hero__container,
.connect-hero__container,
.home-hero__container,
.home-socials__container {
    max-width: 970px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.oci-hero-section .container {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.security-biometric__text,
.security-three-factor__text,
.security-detection__text {
    margin-bottom: 0 !important
}

.home-banner__image {
    top: -44px !important
}

.security-three-factor__list {
    gap: 20px !important
}

.blog-desc-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.blog-heading-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.swap-hero__description {
    font-size: 30px;
    font-weight: 400
}

.defi-video__thumbnail {
    border-radius: 30px !important;
    overflow: hidden
}

.swap-paid__left-wrapper {
    background-position: center
}

.stake-hero,
.swap-hero,
.security-hero,
.deposit-hero,
.defi-hero,
.connect-hero,
.stake-hero {
    padding: 90px 0 !important
}

.how-to {
    padding: 0;
    background: 0 0 !important;
    padding-top: 40px !important
}

.how-to__container {
    max-width: 1440px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.how-to__container .guide-container,
.how-to__container .Swiper-guide {
    height: auto !important;
    max-width: 1440px !important;
    width: auto !important
}

.how-to__container .guide-container .guide-slide {
    height: auto !important;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
    padding: 0 !important
}

.how-to__container .swiper-pagination-guide {
    display: block !important
}

.swiper-container.guide-container {
    padding-left: 22px;
    position: relative
}

.swiper-btns {
    bottom: 0;
    right: 10px;
    gap: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: absolute;
    z-index: 2000
}

.swiper-btns .custom-button-prev {
    transform: scaleX(-1)
}

.swiper-btns .custom-button-next,
.swiper-btns .custom-button-prev {
    width: 60px;
    height: 60px;
    cursor: pointer;
    user-select: none
}

.swiper-btns .custom-button-next.swiper-button-disabled,
.swiper-btns .custom-button-prev.swiper-button-disabled {
    opacity: .2;
    cursor: default
}

.how-to__container .guide-container .guide-slide .guide-text {
    color: var(--Primary-text, #2f3a61) !important
}

.how-to__container .guide-container .guide-content {
    border-radius: 22.821px;
    border: 1.521px solid #fff;
    background: linear-gradient(181deg, rgba(255, 255, 255, .5) 1.15%, rgba(255, 255, 255, 0) 98.91%);
    backdrop-filter: blur(26.6241226196px);
    gap: 16px;
    padding-bottom: 24px
}

.how-to__title {
    text-align: center;
    color: var(--Primary-text, #2f3a61) !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 34px
}

.how-to__container .Swiper-guide {
    padding-bottom: 46px !important;
    padding-bottom: 80px !important
}

.how-to__items {
    display: flex;
    gap: 24px
}

.how-to__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    max-width: 320px;
    width: 100%;
    border-radius: 22.821px;
    border: 1.521px solid #fff;
    background: linear-gradient(181deg, rgba(255, 255, 255, .5) 1.15%, rgba(255, 255, 255, 0) 98.91%);
    backdrop-filter: blur(26.6241226196px)
}

.how-to__item-top-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 12px;
    border-radius: 29px;
    margin-bottom: 10px
}

.how-to__item-image {
    margin-bottom: 10px
}

.how-to__item-step,
.guide-text {
    color: var(--Primary-text, #2f3a61) !important;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px
}

.swiper-pagination-guide .swiper-pagination-bullet {
    background-color: var(--swiper-theme-color) !important
}

.main-footer {
    padding: 90px 0 70px 0 !important
}

.home-hero {
    padding-top: 90px !important
}

.home-apps__download img {
    border-radius: 20px;
    transition: .2s
}

.home-apps__download img:hover {
    background-color: rgba(255, 255, 255, .15)
}

.defi-socials {
    padding: 80px 0
}

.defi-socials .defi-socials__title {
    margin-bottom: 70px !important
}

.how-to__container {
    max-width: 1640px !important
}

.security-hero__left-wrapper {
    max-width: unset !important;
    width: 160% !important
}

.connect-hero__left-wrapper {
    width: 101%;
    max-width: unset !important
}

.connect-hero__right-wrapper img {
    margin-left: 30px !important
}

.stake-hero__left-wrapper {
    max-width: 445px !important
}

.stake-hero__container {
    margin-top: 15px !important
}

.switch__box {
    display: flex !important
}

.menu-oci-icon {
    transform: scale(1.3);
    margin-right: -5px
}

.home-hero {
    margin: auto
}

.home-socials {
    padding: 80px 0 !important
}

#home-hero__right-wrapper img {
    margin-left: 100px
}

.home-hero__title {
    font-size: 52px !important
}

main {
    overflow-x: hidden !important
}

.main-menu__list-item.active::after {
    display: block !important
}

.light-bg,
.dark-bg {
    background-size: cover;
    background-position: top
}

.home-rating+.home-socials {
    padding-top: 0 !important
}

.home-hero+.home-rating {
    padding-top: 0 !important
}

.home-socials__title {
    margin-bottom: 50px !important;
    line-height: 1 !important
}

.home-grow__container {
    align-items: flex-end !important
}

.home-grow__container .home-grow__right-wrapper {
    padding-top: 0 !important
}

a {
    text-decoration: none
}

#home-hero__right-wrapper svg {
    height: unset !important
}

.font-jakarta {
    font-family: "Plus Jakarta Sans", serif
}

.download-page-hero-content {
    height: auto
}

.download-page-hero-content .defi-socials__item-title {
    color: #fff !important
}

.download-page-hero-content .download-tabs__title {
    font-size: 52px
}

.download-page-hero-content .tab-title-container {
    margin-bottom: 15px
}

.download-page-hero-content .tab-title-container .item-text {
    margin-left: 10px;
    color: #fff;
    font-size: 18px
}

.download-page-hero-content .download-tabs-browser-content {
    overflow: hidden
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item {
    padding: 20px 24px;
    background: rgba(0, 0, 0, .25);
    border-radius: 25px;
    margin-right: 10px;
    transition: .3s
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item a {
    text-decoration: none
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .small-download-button-container {
    text-align: right
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .small-download-button-container .small-download-button {
    margin-right: -5px;
    margin-top: -15px;
    width: 22px !important
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .browser-item-logo {
    height: 110px
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .browser-item-logo img {
    width: 90px
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .defi-socials__item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 18px
}

.download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item:hover {
    background: rgba(0, 0, 0, .32)
}

.download-page-hero-content .download-tabs-mobile-content .bottom-image {
    margin-top: 26px
}

.fs-1 {
    font-size: 46px !important
}

.blog-pagination-container {
    margin-top: 50px
}

.blog-pagination-container .page-numbers {
    text-align: center
}

.blog-pagination-container .page-numbers a,
.blog-pagination-container .page-numbers .current,
.blog-pagination-container .page-numbers .dots {
    display: inline-block;
    text-align: center;
    padding: 3px 6px;
    margin-right: 5px;
    border-radius: 10px;
    padding: 8px 10px;
    color: #fff;
    font-family: "Plus Jakarta Sans", serif;
    margin-right: 7px;
    transition: .5s;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px !important;
    border: 1px solid transparent;
    margin-bottom: 5px
}

.blog-pagination-container .page-numbers .prev span,
.blog-pagination-container .page-numbers .next span {
    font-size: 24px !important;
    margin-top: -2px
}

.blog-pagination-container .page-numbers .prev.disabled span,
.blog-pagination-container .page-numbers .next.disabled span {
    color: rgba(255, 255, 255, .3)
}

.blog-pagination-container .page-numbers a {
    color: #fff
}

.blog-pagination-container .page-numbers .current {
    border: 3px solid #fff;
    padding-left: 15px;
    padding-right: 15px
}

.blog-top-row .col {
    margin-top: -55px !important
}

.blog-not-found-text {
    display: none;
    text-align: center;
    font-size: 30px;
    line-height: 38px
}

.blog-not-found-text.show {
    display: block;
    grid-column: span 2
}

.home-deposit__wrapper {
    padding-top: 80px
}

.home-deposit__wrapper .home-deposit__left-wrapper {
    padding-top: 0 !important
}

.mobile-menu.force-show {
    display: flex !important
}

.download-braavos-btn {
    background-image: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%)
}

.d-explorer-browser-content {
    display: none
}

.security-biometric__link,
.security-three-factor__link,
.security-support__link {
    width: unset !important;
    max-width: unset !important
}

.security-biometric__link p,
.security-three-factor__link p,
.security-support__link p {
    margin-bottom: 0 !important
}

.mobile-menu {
    display: none !important
}

.theme-color:hover {
    color: var(--main-font-color)
}

svg {
    height: unset !important
}

#blogHeroLeftContainer {
    cursor: pointer
}

.guide-slide {
    box-shadow: unset !important;
    background-color: transparent !important
}

.blogPage+.main-footer .menu-item a i {
    margin-bottom: -3px !important
}

a[class$=_link] {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    align-items: center !important
}

a[class$=_link] * {
    line-height: 1 !important
}

.social-title {
    font-size: 28px !important;
    margin-bottom: 25px;
    font-weight: 700
}

.home-socials .home-socials__item:hover {
    background-color: rgba(255, 255, 255, .2) !important
}

.security-biometric,
.security-three-factor,
.security-support,
.security-detection {
    padding-top: 50px !important
}

.security-detection__container {
    align-items: center !important
}

.defi-hero__left-wrapper {
    max-width: 445px !important
}

.home-table__row-title p {
    font-size: 12px !important
}

.download-tabs {
    padding: 90px 0 !important
}

.dark-bg .home-table__table-head-block,
.dark-bg .home-table__row-title {
    background-color: rgba(74, 81, 98, .7) !important
}

.dark-bg .home-table__content {
    background-color: rgba(74, 81, 98, .4) !important
}

.dark-bg .icon-dark {
    display: none
}

.dark-bg .col-bg-control {
    background-image: radial-gradient(circle, #2b3c7b, rgba(43, 60, 123, .1), transparent)
}

.dark-bg .transparent-bg-control {
    background-color: rgba(255, 255, 255, .1) !important
}

.dark-bg .d-explorer-hero-section {
    background-image: radial-gradient(circle, #2d4ec6, rgba(45, 78, 198, .5), transparent)
}

.dark-bg .hero-left-container {
    background-image: radial-gradient(circle, #2b3c7b, rgba(43, 60, 123, 0), transparent)
}

.dark-bg .hero-right-container {
    background-image: radial-gradient(circle, #2b3c7b, rgba(43, 60, 123, 0), transparent)
}

.dark-bg .ways-to-connect .col-md-6 {
    background-image: radial-gradient(circle, #2b3c7b, rgba(43, 60, 123, 0), transparent)
}

.dark-bg .blog-hero-section .icon-dark {
    display: none
}

.dark-bg .dark-img {
    display: none
}

.dark-bg footer {
    background-image: radial-gradient(circle, #2d4ec6, rgba(45, 78, 198, .5), transparent)
}

.dark-bg .postItem>a {
    background-color: rgba(255, 255, 255, .3) !important
}

.dark-bg .postItem>a:hover {
    background-color: rgba(255, 255, 255, .1) !important;
    color: var(--main-font-color) !important
}

.dark-bg .faq-nofound-section .container {
    background-color: rgba(255, 255, 255, .08) !important;
    padding: 15px;
    border-radius: 20px
}

.dark-bg a[class$=_link]:hover {
    color: #fff !important
}

.light-bg .ways-to-connect .c-title {
    color: rgba(47, 58, 97, .65) !important
}

.light-bg #blogHeroLeftContainer.hero-left-container:hover {
    background-color: #fff !important
}

.light-bg .blogPage .social-icon-container ul.social-icons li:hover {
    box-shadow: -1px 1px 6px rgba(47, 58, 97, .25)
}

.light-bg .light-img {
    display: none
}

.light-bg .easily-earn-section .currency-heading {
    background-color: #fbfcff !important
}

.light-bg a[class$=_link]:not(.faq-list-item a, .best-articles-item a, .career-backbtn-container, .menu-item a):hover {
    color: #fff !important
}

.light-bg .accordion-header:hover {
    background-color: rgba(255, 255, 255, .7) !important;
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25)
}

.light-bg .email-input-container {
    background-color: rgba(204, 218, 252, .7) !important
}

.light-bg .icon-light {
    display: none
}

.light-bg .blog-hero-section .icon-light {
    display: none
}

.light-bg .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item,
.light-bg .blog-grid-section .meta-container .tag,
.light-bg .blog-grid-section .tag,
.light-bg .blogPage .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item,
.light-bg .blogPage .meta-container .tag,
.light-bg .blogPage .tag {
    background-color: #e2e9ff !important;
    border-color: #e2e9ff !important;
    color: #2f3a61 !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item:hover,
.light-bg .blogPage .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item:hover {
    box-shadow: -1px 2px 22px 2px rgba(47, 58, 97, .25)
}

.light-bg .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item.active,
.light-bg .blogPage .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item.active {
    color: #587eff !important
}

.light-bg .postItem>a {
    background-color: rgba(0, 0, 0, .3) !important
}

.light-bg .postItem>a:hover {
    background-color: rgba(0, 0, 0, .1) !important;
    color: var(--main-font-color) !important
}

.light-bg .transparent-bg-control {
    background-color: rgba(0, 0, 0, .15) !important
}

.light-bg .single-related-articles .items-box-container.column-3 .item-box {
    background-color: #fff !important
}

.light-bg .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item a {
    background-color: #fff
}

.light-bg .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item:hover a {
    background-color: rgba(255, 255, 255, .7) !important
}

.light-bg .faq-nofound-btn-container a {
    background-color: rgba(0, 0, 0, .07) !important
}

.light-bg .faq-nofound-section .container {
    background: #fff;
    padding: 15px;
    border-radius: 20px
}

.light-bg .blogPage .hero-left-container {
    background-color: #f7faff !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.item-box,
.light-bg .blog-grid-section .article-section-container .best-articles-item,
.light-bg .blog-grid-section .subscribe-section,
.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box,
.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box {
    background-color: #f7faff !important
}

.light-bg .single-post-section .single-related-articles .items-box-container.column-3 .item-box,
.light-bg .single-post-social {
    background-color: #fff !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container .item-box .tag,
.light-bg .single-related-articles .items-box-container.column-3 .item-box .tag {
    background-color: #e2e9ff !important;
    border-color: #e2e9ff !important;
    color: #2f3a61 !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-cofntainer .items-box-container .item-box:hover,
.light-bg .blog-grid-section .article-section-container .best-articles-item:hover,
.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box:hover {
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25)
}

.light-bg .blog-grid-section .article-section-container .best-articles-item:hover {
    background-color: #fff !important
}

.light-bg .single-post-section .single-tags-container .tag {
    font-weight: 600;
    background-color: #fff !important
}

.light-bg .blog-pagination-container .page-numbers {
    text-align: center
}

.light-bg .blog-pagination-container .page-numbers a,
.light-bg .blog-pagination-container .page-numbers .current,
.light-bg .blog-pagination-container .page-numbers .dots,
.light-bg .blog-pagination-container .page-numbers .next.disabled,
.light-bg .blog-pagination-container .page-numbers .prev.disabled {
    color: var(--main-font-color) !important
}

.light-bg .blog-pagination-container .page-numbers a:hover {
    color: var(--main-font-color) !important
}

.light-bg .blog-pagination-container .page-numbers .current {
    border-color: var(--main-font-color)
}

.light-bg .blog-pagination-container .page-numbers .prev.disabled span,
.light-bg .blog-pagination-container .page-numbers .next.disabled span {
    color: rgba(0, 0, 0, .3) !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box {
    background-color: #f7faff !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box:hover {
    background-color: #fff !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box {
    background-color: #f7faff !important
}

.light-bg .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box:hover {
    background-color: #fff !important
}

.light-bg .home-socials .home-socials__item:hover {
    background-color: #fff !important
}

.main-header__download-link-icon {
    top: 0 !important
}

.security-how__item:nth-child(2) img {
    width: 180px !important
}

.home-apps__item:hover {
    background-color: rgba(255, 255, 255, .3)
}

.main-menu__list-item {
    padding-left: 25px !important
}

.home-apps__item-text {
    margin-top: 25px !important;
    margin-bottom: 0 !important
}

.social-icons-container img {
    width: 40px !important
}

.home-hero__download-link {
    padding: 10px 20px !important
}

.stake-hero__link:hover,
.defi-hero__link:hover,
.download-braavos-btn:hover,
.swap-hero__link:hover,
.security-hero__link:hover,
.deposit-hero__link:hover,
.connect-hero__link:hover {
    background-image: radial-gradient(50% 50%at 50% 50%, rgba(88, 126, 255, .8) 47%, rgba(84, 120, 244, .8) 100%);
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .1)
}

.home-grow,
.home-banner,
.home-reviews {
    padding-bottom: 80px !important
}

.home-deposit__title {
    margin-bottom: 0 !important
}

.home-deposit {
    padding-top: 90px !important
}

.home-apps {
    padding: 90px 0 !important
}

.home-hero__bottom-wrapper {
    padding: 80px 0 !important
}

.home-banner__title {
    margin-bottom: 40px !important
}

.apps-slider {
    padding: 90px 0 !important
}

.apps-slider .apps-container {
    height: 290px !important
}

.home-rating {
    padding: 90px 0 !important
}

.deposit-how-to__container .guide-slide {
    background: rgba(255, 255, 255, .2) !important
}

.swap-paid__item-icon,
.swap-paid__item-icon {
    margin-top: -13px !important
}

.dapps-explore-btn:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #577dfe !important
}

.download-page-hero-content .download-tabs__title {
    font-size: 46px !important
}

.home-security__container,
.home-deposit__container,
.home-swap__container,
.home-grow__container {
    justify-content: space-between
}

body .download-braavos-btn:hover {
    color: #fff !important
}

.d-explorer-hero-section {
    overflow: hidden;
    padding: 90px 0 !important
}

.d-explorer-hero-section .hero-left-container .hero-left-top-icon {
    width: 106px;
    margin-top: 13px
}

.d-explorer-hero-section .hero-left-container .hero-left-btn-container {
    margin-top: 40px !important
}

.d-explorer-hero-section .hero-left-container .hero-left-btn-container a {
    border-radius: 25px !important;
    border-color: transparent;
    font-weight: 600;
    padding: 12px 20px !important
}

.d-explorer-hero-section .hero-left-container .hero-left-btn-container a.dapps-explore-btn:hover {
    color: #0a58ca;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .1)
}

.d-explorer-hero-section .hero-left-container .hero-left-btn-container a.download-braavos-btn:hover {
    background-image: radial-gradient(50% 50%at 50% 50%, rgba(88, 126, 255, .8) 47%, rgba(84, 120, 244, .8) 100%);
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .1)
}

.d-explorer-hero-section .hero-left-container .hero-left-heading {
    font-weight: 700;
    font-size: 46px !important
}

.d-explorer-hero-section .hero-left-container .hero-left-text {
    font-size: 28px !important
}

.d-explorer-hero-section .hero-left-container .dapps-explore-btn {
    margin-right: 15px;
    color: #577dfe !important;
    font-weight: 500
}

.d-explorer-hero-section .hero-left-container .download-braavos-btn {
    font-weight: 500
}

.d-explorer-browser-content {
    height: auto
}

.d-explorer-browser-content .defi-socials__item-title {
    color: #fff !important
}

.d-explorer-browser-content .download-tabs__title {
    font-size: 52px
}

.d-explorer-browser-content .tab-title-container {
    margin-bottom: 15px
}

.d-explorer-browser-content .tab-title-container .item-text {
    margin-left: 10px;
    color: #fff;
    font-size: 18px
}

.d-explorer-browser-content .download-tabs-browser-content {
    overflow: hidden
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item {
    padding: 20px 24px;
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
    margin-right: 10px
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item a {
    text-decoration: none
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item .small-download-button-container {
    text-align: right
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item .small-download-button-container .small-download-button {
    margin-right: -5px;
    margin-top: -20px
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item .browser-item-logo {
    height: 110px !important
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item .browser-item-logo img {
    width: 90px
}

.d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item .defi-socials__item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 18px
}

.d-explorer-browser-content .download-tabs-mobile-content .bottom-image {
    margin-top: 26px
}

.oci-hero-section {
    overflow: hidden;
    padding-top: 70px !important
}

.oci-hero-section .hero-left-container {
    padding-left: 0 !important
}

.oci-hero-section .hero-left-container .connect-options {
    font-size: 20px;
    list-style-type: disc;
    padding-left: 20px;
    max-width: 425px
}

.oci-hero-section .hero-left-container .connect-options li {
    margin-bottom: 20px;
    font-size: 20px
}

.oci-hero-section .hero-left-container .connect-options li::marker {
    color: #ff4d78
}

.oci-hero-section .hero-left-container .hero-left-top-icon {
    width: 106px
}

.oci-hero-section .hero-left-container .hero-left-heading {
    font-weight: 700;
    margin-bottom: 30px !important
}

.oci-hero-section .hero-left-container .hero-left-text {
    font-size: 23px
}

.oci-hero-section .hero-left-container .connect-options {
    margin-bottom: 40px !important
}

.oci-hero-section .hero-left-container .dapps-explore-btn {
    border: 1px solid;
    margin-right: 15px
}

.oci-hero-section .hero-left-btn-container a {
    border-radius: 30px;
    font-weight: 600;
    padding: 10px 15px
}

.oci-hero-section .hero-right-container {
    padding-right: 0 !important
}

.easily-earn-section .text-right {
    text-align: right !important
}

.easily-earn-section .easily-earn-heading {
    text-align: center;
    font-size: 46px !important;
    font-weight: 600;
    margin-bottom: 50px !important
}

.easily-earn-section .easily-earn-heading img {
    margin-top: -5px
}

.easily-earn-section .easily-earn-desc {
    font-size: 20px !important
}

.easily-earn-section .col-heading {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px
}

.easily-earn-section .col-heading img {
    margin-top: -5px
}

.easily-earn-section .col-desc {
    font-size: 20px !important
}

.easily-earn-section .currency-heading {
    padding: 5px 10px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 30px;
    font-weight: 600
}

.easily-earn-section .currency-heading .currency-icon {
    margin-right: 10px
}

.easily-earn-section .currency-heading .currency-icon img {
    margin-top: -7px
}

.easily-earn-section .currency-heading.right-mt {
    margin-top: 65px !important
}

.easily-earn-section .connect-options {
    font-size: 20px;
    list-style-type: disc;
    padding-left: 20px;
    max-width: 425px
}

.easily-earn-section .connect-options li {
    margin-bottom: 20px
}

.easily-earn-section .connect-options li::marker {
    color: #ff4d78
}

.career-section {
    padding: 50px 0;
    text-align: center
}

.career-section .career-top-image-cotainer {
    margin-bottom: 20px
}

.career-section .career-top-image-cotainer img {
    width: 106px
}

.career-section .careers-list-container .career-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 6px 15px;
    transition: .4s;
    cursor: pointer
}

.career-section .careers-list-container .career-list-item .cli-left {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.career-section .careers-list-container .career-list-item .cli-left .cli-left-title {
    margin-right: 10px;
    margin-bottom: 0 !important
}

.career-section .careers-list-container .career-list-item .cli-left .cli-left-tags-container {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.career-section .careers-list-container .career-list-item .cli-left .cli-left-tags-container .cli-left-tag {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 20px;
    padding: 5px 10px;
    margin-right: 5px
}

.career-section .careers-list-container .career-list-item .cli-right {
    cursor: pointer
}

.career-section .careers-list-container .career-list-item:hover {
    background-color: rgba(255, 255, 255, .15);
    color: var(--main-font-color)
}

.career-single-section .career-single-title {
    font-weight: 700
}

.career-single-section .tags-container {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.career-single-section .tags-container .tags {
    border-radius: 20px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, .2);
    padding: 6px 10px;
    font-weight: 600
}

.career-single-section .career-content-container h3 {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700
}

.career-single-section .career-content-container p {
    margin-bottom: 20px;
    font-size: 20px
}

.career-single-section .career-content-container ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px
}

.career-single-section .career-content-container ul li {
    font-size: 20px;
    margin-bottom: 10px
}

.search-mobile {
    display: none
}

.ways-to-connect {
    padding: 90px 0
}

.ways-to-connect .c-title {
    font-weight: 700;
    line-height: 44px;
    font-size: 28px !important
}

.ways-to-connect .connect-options {
    font-size: 20px;
    line-height: 45px;
    list-style-type: disc;
    padding-left: 20px
}

.ways-to-connect .connect-options li::marker {
    color: #ff4d78
}

.blogPage {
    padding-top: 0 !important
}

.blogPage .subscribe-heading {
    font-size: 28px 1 !important;
    font-weight: 700;
    margin-left: 5px;
    margin-top: 10px
}

.blogPage .social-icon-container {
    margin-top: 30px !important;
    margin-left: 5px
}

.blogPage .social-icon-container .social-icon-label {
    font-size: 20px !important;
    font-weight: 500
}

.blogPage .social-icon-container ul.social-icons {
    list-style: none;
    margin: 0;
    padding: 0
}

.blogPage .social-icon-container ul.social-icons li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden
}

.blogPage .social-icon-container ul.social-icons li img {
    transition: .2s;
    width: 45px !important
}

.blogPage .social-icon-container ul.social-icons li img:hover {
    background: rgba(255, 255, 255, .2);
    border-radius: 5px
}

.blogPage .blog-hero-section {
    padding: 90px 0 !important
}

.blogPage .blog-hero-section .col-md-6 {
    margin-bottom: 30px
}

.blogPage .blog-hero-section .hero-left-container {
    padding: 20px;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 30px;
    width: 507px !important;
    height: 576px !important;
    transition: .3s
}

.blogPage .blog-hero-section .hero-left-container .hero-top-image {
    border-radius: 10px;
    overflow: hidden
}

.blogPage .blog-hero-section .hero-left-container .hero-top-image img {
    width: 100%
}

.blogPage .blog-hero-section .hero-left-container .meta-container .tag {
    padding: 5px 10px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, .15);
    cursor: pointer;
    font-weight: 600
}

.blogPage .blog-hero-section .hero-left-container .meta-container .date {
    font-weight: 600
}

.blogPage .blog-hero-section .hero-left-container .hero-left-title {
    font-size: 28px !important;
    margin-bottom: 15px;
    line-height: 44px
}

.blogPage .blog-hero-section .hero-left-container:hover {
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25);
    background-color: rgba(255, 255, 255, .35) !important
}

.blogPage .blog-hero-section .hero-right-container {
    padding: 20px;
    padding-top: 0 !important;
    margin-left: 25px;
    width: fit-content !important
}

.blogPage .blog-hero-section .hero-right-container .hero-right-heading {
    margin-bottom: 25px !important
}

.blogPage .blog-hero-section .hero-right-container .hero-right-desc {
    max-width: 370px;
    font-size: 24px !important;
    line-height: 1.4
}

.blogPage .blog-hero-section .hero-right-container .hero-right-top-icon {
    width: 106px;
    margin-bottom: 10px
}

.blog-grid-section {
    padding-bottom: 90px !important
}

.blog-grid-section .article-section-container .article-section-heading {
    margin: 0 0 20px 0;
    font-size: 18px !important;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 10px
}

.blog-grid-section .article-section-container .article-section-heading span svg {
    width: 15px;
    position: relative;
    top: -3px
}

.blog-grid-section .article-section-container .best-articles-container {
    display: flex;
    flex-direction: column;
    align-items: end
}

.blog-grid-section .article-section-container .best-articles-container .best-articles-item {
    padding: 22px 20px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 30px;
    margin-bottom: 35px;
    transition: .4s;
    width: 296px !important;
    height: 193px
}

.blog-grid-section .article-section-container .best-articles-container .best-articles-item .article-desc {
    font-size: 20px !important;
    margin-bottom: 0 !important
}

.blog-grid-section .article-section-container .best-articles-container .best-articles-item .tag {
    padding: 3px 8px;
    background-color: rgba(255, 255, 255, .15);
    cursor: pointer;
    border-radius: 15px;
    font-size: 13px;
    transition: .4s;
    font-weight: 600
}

.blog-grid-section .article-section-container .best-articles-container .best-articles-item:last-child {
    margin-bottom: 0 !important
}

.blog-grid-section .article-section-container .best-articles-container .best-articles-item:hover {
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25);
    background-color: rgba(255, 255, 255, .35) !important
}

.blog-grid-section .eco-filter-container .filter-tabs-container {
    margin-top: 60px !important;
    margin-bottom: 40px
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item {
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 30px;
    padding: 8px 10px;
    color: #fff;
    font-family: "Plus Jakarta Sans", serif;
    margin-right: 7px;
    transition: .2s;
    cursor: pointer;
    font-weight: 600
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item .filter-search-container #ecoFilterSearchInput {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    outline-color: transparent
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item .filter-search-container #ecoFilterSearchInput::placeholder {
    color: #fff
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item-search {
    padding: 6px 10px
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item.active {
    background-color: #fff !important;
    color: #587eff !important
}

.blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item:hover {
    background-color: rgba(255, 255, 255, .25)
}

.blog-grid-section .eco-filter-container .filter-item-container.top-block {
    margin-top: 20px
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box {
    cursor: pointer;
    background-color: rgba(192, 195, 199, .15) !important;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    transition: .4s;
    width: 296px !important;
    height: 418px !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image {
    border-radius: 25px;
    height: 142px !important;
    overflow: hidden
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image .hover-image {
    display: none
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-desc-text {
    font-size: 18px;
    margin-bottom: 0 !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .tag {
    display: inline-block;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 15px;
    padding: 3px 8px;
    color: #fff;
    margin-right: 7px;
    transition: .5s;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box:hover {
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25);
    background-color: rgba(255, 255, 255, .35) !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box:hover a {
    color: var(--main-font-color) !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box {
    cursor: pointer;
    background-color: rgba(192, 195, 199, .15) !important;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    transition: .4s;
    width: 296px !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-top-image {
    border-radius: 24px;
    height: 142px !important;
    overflow: hidden
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-top-image img {
    width: 100%
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-top-image .hover-image {
    display: none
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-desc-text {
    font-size: 18px;
    margin-bottom: 0 !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .tag {
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 15px;
    padding: 6px 8px;
    color: #fff;
    margin-right: 7px;
    transition: .5s;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box.from-top-row:not(.show) {
    display: none
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box:hover {
    background-color: rgba(255, 255, 255, .35) !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box:hover a {
    color: var(--main-font-color) !important
}

.blog-grid-section .subscribe-section {
    padding: 20px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 20px;
    margin: 0;
    margin-top: 40px
}

.blog-grid-section .subscribe-section .col-md-2 {
    padding: 0 !important
}

.blog-grid-section .subscribe-section .subscribe-heading {
    font-size: 28px !important;
    font-weight: 700
}

.blog-grid-section .subscribe-section .subscribe-image-container {
    border-radius: 25px;
    overflow: hidden;
    width: 152px !important
}

.blog-grid-section .subscribe-section .subscribe-image-container img {
    width: 100%
}

.blog-grid-section .subscribe-section .subscribe-form-container {
    display: flex;
    align-items: center;
    gap: 10px
}

.blog-grid-section .subscribe-section .subscribe-form-container .email-input-container {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 25px;
    padding: 10px;
    min-width: 300px
}

.blog-grid-section .subscribe-section .subscribe-form-container .email-input-container .message-icon img {
    margin-top: -3px
}

.blog-grid-section .subscribe-section .subscribe-form-container .email-input-container .subscribe-input {
    background-color: transparent;
    border: 0;
    outline: 0;
    height: 100%
}

.blog-grid-section .subscribe-section .subscribe-form-container .email-input-container .subscribe-input::placeholder {
    color: #b9bfd7;
    font-weight: 600
}

.blog-grid-section .subscribe-section .subscribe-form-container .submit-btn-container {
    background-color: #587eff;
    border-radius: 25px;
    padding: 10px 20px
}

.blog-grid-section .subscribe-section .subscribe-form-container .submit-btn-container .subscribe-button {
    color: #fff;
    background-color: transparent;
    border: 0;
    outline: 0
}

.single-post-section .single-tags-container {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.single-post-section .single-tags-container .tag {
    border-radius: 30px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, .2);
    padding: 3px 10px;
    font-weight: 600;
    font-size: 14px
}

.single-post-section .single-post-title {
    margin: 30px 0 !important
}

.single-post-section .single-post-except {
    margin-bottom: 30px !important
}

.single-post-section .meta-container {
    display: flex;
    align-items: center;
    margin-bottom: 40px !important
}

.single-post-section .meta-container div {
    font-size: 24px
}

.single-post-section .meta-container .meta-app {
    margin-right: 5px
}

.single-post-section .meta-container .meta-app img {
    margin-top: -5px
}

.single-post-section .post-thumbnail-container {
    overflow: hidden
}

.single-post-section .post-thumbnail-container img {
    border-radius: 50px
}

.single-post-section .single-post-content-container h2 {
    margin-top: 35px;
    margin-bottom: 20px
}

.single-post-section .single-post-content-container img {
    margin: 15px 0 !important
}

.single-post-section .single-post-social {
    padding: 25px !important;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 25px
}

.single-related-articles .fs-1 {
    font-weight: 700
}

.single-related-articles .items-box-container.column-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.single-related-articles .items-box-container.column-3 .item-box {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    transition: .4s
}

.single-related-articles .items-box-container.column-3 .item-box .item-top-image {
    border-radius: 25px;
    height: 140px !important;
    overflow: hidden
}

.single-related-articles .items-box-container.column-3 .item-box .item-top-image img {
    width: 100%
}

.single-related-articles .items-box-container.column-3 .item-box .item-top-image .hover-image {
    display: none
}

.single-related-articles .items-box-container.column-3 .item-box .item-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3 !important
}

.single-related-articles .items-box-container.column-3 .item-box .item-desc-text {
    font-size: 20px
}

.single-related-articles .items-box-container.column-3 .item-box .tag {
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    padding: 3px 6px;
    color: #fff;
    margin-right: 7px;
    transition: .5s;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 13px !important;
    font-weight: 600;
    border-radius: 20px !important
}

.single-related-articles .items-box-container.column-3 .item-box:hover {
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25) !important
}

.single-related-articles .items-box-container.column-3 .item-box.from-top-row {
    display: none
}

.single-related-articles .items-box-container.column-3 .item-box:hover {
    background-color: rgba(255, 255, 255, .25)
}

.single-related-articles .items-box-container.column-3 .item-box:hover a {
    color: var(--main-font-color) !important
}

.oci-video-section {
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%)
}

.oci-video-section .play-btn img {
    margin-right: -5px
}

.oci-video-section .video-container {
    position: relative
}

.oci-video-section .video-container .play-btn {
    position: absolute;
    top: 48%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.section-404 {
    padding: 150px 0
}

.section-404 .top-image-container {
    text-align: center
}

.section-404 .title-404 {
    font-size: 80px;
    text-align: center;
    font-weight: 700
}

.section-404 .desc-404 {
    font-size: 18px;
    text-align: center
}

.section-404 .button-404 {
    padding: 10px 15px;
    display: flex;
    width: fit-content;
    margin: auto;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    border-radius: 25px;
    background-color: #587eff
}

.section-404 .button-404 .home-icon {
    margin-right: 8px;
    margin-top: -5px
}

.how-to .guide-content {
    background: rgba(255, 255, 255, .3);
    padding: 10px;
    border-radius: 35px
}

.faq-section {
    padding: 90px 0
}

.faq-section .faq-top-image-container {
    text-align: center
}

.faq-section .faq-top-image-container img {
    width: 106px
}

.faq-section .faq-page-title {
    margin: 20px 0;
    text-align: center;
    font-size: 46px !important;
    font-weight: 600 !important
}

.faq-section .faq-accordion-container .accordion .accordion-item {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 10px
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header {
    background-color: transparent;
    transition: .4s
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    color: var(--main-font-color);
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 0;
    transition: .5s;
    font-size: 28px !important;
    font-weight: 600;
    box-shadow: unset !important
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header .accordion-button img {
    transition: .3s
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header .accordion-button.collapsed img {
    transform: rotate(45deg) !important
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header button::after {
    display: none !important
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-header:hover {
    background-color: rgba(255, 255, 255, .07);
    border-radius: 10px
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item {
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item a {
    display: block;
    padding: 10px;
    background-color: rgba(255, 255, 255, .07);
    font-size: 18px;
    color: var(--main-font-color);
    transition: .3s
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item a:hover {
    color: var(--main-font-color)
}

.faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item:hover {
    background-color: rgba(255, 255, 255, .15);
    box-shadow: -1px 1px 20px rgba(47, 58, 97, .25)
}

.faq-nofound-section .faq-nofound-container {
    padding: 0 25px !important
}

.faq-nofound-section .faq-nofound-btn-container {
    display: flex;
    justify-content: flex-start
}

.faq-nofound-section .faq-nofound-btn-container .faq-nofound-btn {
    display: flex;
    align-items: center;
    line-height: 0;
    justify-content: center;
    padding: 10px 15px;
    margin-right: 10px;
    color: var(--main-font-color);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, .15);
    font-weight: 600
}

.faq-nofound-section .faq-nofound-btn-container .faq-nofound-btn img {
    margin-right: 5px
}

.faq-nofound-section .faq-nofound-btn-container .faq-nofound-btn .faq-nofound-btn:hover {
    color: var(--main-font-color)
}

.home-table {
    padding-bottom: 0 !important;
    padding-top: 10px !important
}

.home-table__wrapper {
    min-width: 100% !important
}

.home-table__row {
    gap: 0 !important
}

.home-table__title {
    text-align: left !important
}

.home-table__row-title {
    padding: 0 15px !important;
    justify-content: flex-start !important;
    width: 120% !important;
    max-width: unset !important
}

.home-table__row-title p {
    text-align: left !important;
    margin-bottom: 0 !important;
    font-weight: 400
}

.home-table__table-head-block p {
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.home-table__table-head-block:first-of-type {
    max-width: 300px !important;
    border-radius: 30px 0 0 0;
    width: 160% !important
}

.home-table__table-head-block {
    padding: 0 !important;
    flex-direction: column !important
}

.main-footer .footer-menu .fml-icon {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-top: 2.5px;
    margin-right: 5px
}

.home-table__title {
    margin-bottom: 0 !important
}

#play-video {
    top: 46% !important
}

.defi-hero {
    padding-bottom: 0 !important
}

.home-apps__download {
    padding: 0 10px !important
}

.download-tabs-mobile-links img {
    border-radius: 10px;
    transition: .2s
}

.download-tabs-mobile-links img:hover {
    background: rgba(0, 0, 0, .1) !important
}

.mobile-menu .switch__box {
    justify-content: flex-end;
    margin-bottom: -30px
}

.mobile-menu .mobile-menu__close {
    margin-bottom: 30px
}

.mobile-menu .mobile-menu__menu-title-icon {
    line-height: 1 !important
}

.mobile-menu .mobile-menu__download-link-text {
    color: #fff !important
}

.download-block {
    border-radius: 69px;
    background: var(--Text-White, #FFF);
    padding: 80px 20px;
    max-width: 1196px;
    margin: auto;
    position: relative;
    z-index: 100
}

.download-block h2.download-block-title {
    margin-bottom: 16px;
    color: var(--Primary-text, #2F3A61);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 800;
    line-height: 58px
}

.download-block p.descr {
    margin-bottom: 36px;
    color: var(--Primary-text, #2F3A61);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px
}

.download-block .plaform-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 47px;
    border: 1px solid var(--BTN-progress, #C4DBF7);
    padding: 4px;
    width: fit-content;
    margin: auto
}

.download-block .plaform-tabs .plaform-tab {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: var(--Primary-text, #2F3A61);
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.download-block .plaform-tabs .plaform-tab svg.active {
    display: none
}

.download-block .plaform-tabs .plaform-tab.active {
    border-radius: 37px;
    background: #eef2ff;
    font-weight: 700
}

.download-block .plaform-tabs .plaform-tab.active svg:not(.active) {
    display: none
}

.download-block .plaform-tabs .plaform-tab.active svg.active {
    display: block
}

.download-block .tabs-container {
    display: flex;
    max-width: 956px;
    gap: 24px;
    margin: auto;
    margin-top: 24px
}

.download-block .tabs-container .tab-content {
    display: none
}

.download-block .tabs-container .tab-content.active {
    display: block;
    width: 100%
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-image {
    flex-basis: 50%
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-image img {
    width: 100%
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .tab-content-main-links-row {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link {
    border-radius: 30px;
    border: 1px solid #c4dbf7;
    max-width: 220px;
    flex-grow: 1;
    min-width: 0;
    height: 224px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    justify-content: center
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link:hover {
    box-shadow: 0 0 10.9px 0 rgba(0, 0, 0, .1)
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link p {
    color: var(--Primary-text, #2F3A61);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link h4 {
    color: var(--Primary-text, #2F3A61);
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 0
}

.download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link img {
    width: 80px;
    height: 80px
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-image {
    max-width: 586px
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-grow: 1
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link {
    max-width: 342px;
    flex-grow: 1;
    height: 224px;
    border-radius: 30px;
    border: 1px solid #c4dbf7;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    justify-content: center;
    position: relative
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link .mobile-rating-small {
    display: none
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link .platform-rating-big {
    position: absolute;
    top: 16px;
    left: 16px
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link:hover {
    box-shadow: 0 0 10.9px 0 rgba(0, 0, 0, .1)
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link p {
    color: var(--Primary-text, #2F3A61);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link h4 {
    color: var(--Primary-text, #2F3A61);
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 0;
    text-align: center
}

.download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link img {
    width: 80px;
    height: 80px
}

.download-block .tabs-container .tab-content .tab-wrapper {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media (max-width:1024px) {
    .swap-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center !important
    }
    .swap-hero__left-wrapper {
        max-width: 510px !important;
        padding: 0;
        margin-bottom: 50px
    }
}

@media (max-width:930px) {
    .swap-security-and-fee .swap-security-and-fee-grid {
        flex-direction: column !important;
        align-items: center !important
    }
    .swap-security-and-fee .swap-security-and-fee-grid .swap-security-and-fee-grid-block {
        margin: auto !important;
        height: auto !important;
        width: 382px !important;
        padding-right: 38px !important
    }
}

@media only screen and (max-width:768px) {
    .download-block {
        margin: 0 20px;
        border-radius: 24px;
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }
    .download-block h2 {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 32px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 44px !important
    }
    .download-block>p {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 24px !important
    }
    .download-block .plaform-tabs {
        width: 100%
    }
    .download-block .plaform-tabs .plaform-tab {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18.725px;
        padding: 12px 8px !important;
        gap: 6px !important
    }
    .download-block .plaform-tabs .plaform-tab {
        flex-grow: 1;
        display: flex;
        justify-content: center
    }
    .download-block .plaform-tabs .plaform-tab:nth-child(1) {
        flex-grow: 1
    }
    .download-block .tabs-container .tab-content.tab-browser .tab-wrapper {
        flex-direction: column-reverse
    }
    .download-block .tabs-container .tab-content.tab-browser .tab-content-main-links .browser-link,
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link {
        max-width: unset !important;
        flex-basis: 50%;
        height: unset !important
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-wrapper {
        flex-direction: column;
        gap: 16px
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-image {
        max-width: 100%
    }
    .platform-rating-big {
        display: none
    }
    .tab-content-main-links {
        row-gap: 16px !important
    }
    .tab-content-main-links .tab-content-main-links-row {
        gap: 16px !important
    }
    .mobile-rating-small {
        margin-top: 4px;
        display: block !important;
        margin: auto
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links {
        flex-direction: row;
        gap: 16px
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link .browser-item-logo {
        width: 60px;
        height: 60px
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link .browser-item-logo svg {
        width: 100%
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link p {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link h4 {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 4px
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link p {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px !important
    }
    .download-block .tabs-container .tab-content.tab-mobile .tab-content-main-links .mobile-link h4 {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 4px
    }
    .browser-link .browser-item-logo {
        width: 60px !important;
        height: 60px !important
    }
    .browser-link .browser-item-logo svg,
    .browser-link .browser-item-logo img {
        width: 100% !important;
        height: 100% !important
    }
    .browser-link p {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 14px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 20px !important
    }
    .browser-link h4 {
        color: var(--Primary-text, #2F3A61);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 18px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 32px !important;
        margin-bottom: 4px
    }
    .swap-hero.inner-hero-banner .swap-hero__container {
        gap: 24px;
        padding: 0 24px !important
    }
    .inner-hero-banner .swap-hero__right-wrapper,
    .inner-hero-banner .swap-hero__right-wrapper img {
        width: 272px !important;
        height: 560px !important
    }
    .home-apps__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        width: 410px !important;
        margin: auto auto 40px !important
    }
    .swap-hero.inner-hero-banner {
        padding-top: 44px !important;
        padding-bottom: 60px !important
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__description {
        color: #2f3a61;
        text-align: left;
        font-family: "Plus Jakarta Sans";
        font-size: 24px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 150% !important;
        margin-bottom: 12px
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__list {
        margin-bottom: 25px;
        gap: 7px !important;
        margin-top: 5px
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__item {
        color: #2f3a61;
        font-family: "Plus Jakarta Sans";
        font-size: 20px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 32px !important;
        padding-right: 20px
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__link {
        width: 100% !important;
        height: 54px !important;
        margin: auto !important;
        gap: 10px !important;
        max-width: unset !important;
        justify-content: center
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__link .swap-hero__link-icon,
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__link .swap-hero__link-icon svg {
        width: 25px;
        height: 25px
    }
    .swap-hero.inner-hero-banner .swap-hero__container .swap-hero__link .swap-hero__link-text {
        color: #fff;
        font-family: "Plus Jakarta Sans";
        font-size: 17.324px;
        font-style: normal;
        font-weight: 600;
        line-height: 25.985px
    }
    .swap-hero.inner-hero-banner .swap-hero__right-wrapper img.hero-back-image {
        display: none
    }
    .swap-hero.inner-hero-banner .inner-hero-banner .swap-hero__right-wrapper .hero-image-opacity-cover {
        height: 560px !important
    }
    .swap-hero.inner-hero-banner .inner-hero-banner .swap-hero__right-wrapper .hero-image-opacity-cover svg {
        left: -650px !important
    }
    .swap-hero.inner-hero-banner .swap-hero__right-wrapper img.hero-back-image-mobile {
        display: block;
        position: absolute;
        top: 211px;
        left: 260px;
        width: 104px !important;
        height: 140px !important
    }
    .swap-hero.inner-hero-banner .swap-hero__item::before {
        top: 11px !important
    }
    .swap-hero.inner-hero-banner .swap-hero__title {
        color: #2f3a61;
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 138.2%;
        padding: 0 20px !important;
        margin-bottom: 18px
    }
    .swap-security-and-fee {
        padding-top: 60px;
        padding-bottom: 60px !important
    }
    .swap-security-and-fee .swap-security-and-fee-grid {
        row-gap: 22px !important;
        padding: 0 24px
    }
    .swap-security-and-fee h2 {
        color: var(--Text-White, #FFF);
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 32px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 44px !important;
        padding: 0 10px;
        margin-bottom: 24px !important
    }
    .swap-security-and-fee p {
        color: #fff;
        font-family: "Plus Jakarta Sans";
        font-size: 20px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 32px !important
    }
    .swap-security-and-fee .swap-security-and-fee-grid .swap-security-and-fee-grid-block {
        width: 100% !important
    }
    .swap-security-and-fee .swap-security-and-fee-grid .swap-security-and-fee-grid-block h3 {
        margin-top: 10px !important;
        margin-bottom: 0 !important
    }
    .swap-security-and-fee .swap-security-and-fee-footnote {
        font-size: 16px !important;
        padding: 0 20px;
        color: #fff;
        text-align: center;
        font-family: "Plus Jakarta Sans";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 24px !important
    }
    .swap-tokens {
        padding-bottom: 30px !important;
        padding-top: 60px !important
    }
    .swap-tokens .swap-tokens__title {
        margin-bottom: 36px !important
    }
    .swap-tokens h2 {
        font-family: "Plus Jakarta Sans";
        font-size: 32px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 44px !important
    }
    .swap-tokens .swap-tokens__container {
        padding: 0 !important
    }
    .swap-tokens .swap-tokens__container h2 {
        color: #2f3a61;
        text-align: center !important;
        font-family: "Plus Jakarta Sans";
        font-size: 32px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 138.2%;
        padding: 0 22px !important
    }
    .swap-tokens .swap-tokens__container .swap-tokens__items {
        gap: 12px !important;
        row-gap: 20px !important
    }
    .how-to__container {
        padding: 4px !important
    }
    .how-to {
        padding-bottom: 0 !important
    }
    .how-to h2 {
        font-family: "Plus Jakarta Sans";
        font-size: 32px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 44px !important
    }
    .how-to__title {
        margin-bottom: 0 !important
    }
    .swiper-container.guide-container {
        padding-left: 0 !important
    }
    .swiper-btns {
        display: none !important
    }
    .search-mobile {
        display: block;
        margin-bottom: 32px;
        margin-top: 10px
    }
    .single-post-content-container iframe {
        width: 100% !important;
        height: auto !important
    }
    .single-post-section .single-post-social {
        padding: 25px !important
    }
    .home-apps__download {
        padding: 0 !important
    }
    .download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item .small-download-button-container .small-download-button {
        width: 24px !important
    }
    .download-tabs-mobile-links img {
        width: 100% !important
    }
    .single-post-section .post-thumbnail-container img {
        border-radius: 30px !important
    }
    .blogPage .blog-hero-section .hero-left-container .hero-top-image {
        border-radius: 30px !important
    }
    .blogPage .blog-hero-section .hero-left-container {
        border-radius: 40px !important
    }
    .easily-earn-section .col-heading {
        font-size: 24px !important
    }
    .how-to {
        background-size: cover !important
    }
    .easily-earn-section .currency-heading {
        font-size: 24px !important
    }
    .easily-earn-section .currency-heading .currency-icon img {
        margin-top: 0 !important
    }
    .home-apps__item {
        padding: 15px !important;
        justify-content: center !important
    }
    .deposit-how-to {
        background-size: cover !important
    }
    .guide-img {
        border-radius: 15px !important
    }
    .security-how__item {
        height: 380px !important
    }
    .home-banner__wrapper .home-banner_background {
        background-size: 65%;
        background-repeat: no-repeat;
        background-position: center;
        padding: unset !important
    }
    .home-table__row-title {
        padding: 10px 15px !important
    }
    .footer-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-column-gap: 10px !important;
        grid-row-gap: 44px !important;
        align-items: start !important
    }
    .footer-menu>li.menu-item {
        margin-top: 0 !important;
        min-width: 0 !important
    }
    .footer-menu li:last-of-type {
        grid-column: unset !important
    }
    .single-related-articles .items-box-container.column-3 .item-box .item-top-image {
        height: 150px !important
    }
    .deposit-how-to__container .swiper-slide.swiper-slide-prev,
    .deposit-how-to__container .swiper-slide.swiper-slide-next {
        background-color: transparent !important
    }
    .defi-description__title {
        text-align: left
    }
    .connect-hero__right-wrapper img {
        margin-left: 0 !important;
        transform: scale(1.2)
    }
    .connect-description__title {
        text-align: left !important
    }
    a[class$=_link] {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        align-items: center !important
    }
    .home-socials.force-show {
        display: block !important
    }
    .home-socials__item a {
        padding: 50px 0 50px 0 !important
    }
    .home-socials__item:nth-child(2) .home-socials__image {
        margin-top: 8px !important
    }
    .single-related-articles .items-box-container.column-3 {
        grid-template-columns: repeat(1, 1fr)
    }
    .deposit-description__desc {
        display: block !important;
        color: var(--main-font-color) !important;
        font-size: 20px !important
    }
    .deposit-description__text {
        font-weight: 400 !important
    }
    .single-related-articles .fs-1 {
        font-size: 32px !important
    }
    .container:not(.full),
    .security-hero__container,
    .security-how__container,
    .security-biometric__container,
    .security-three-factor__container,
    .security-support__container,
    .security-detection__container,
    .defi-socials__container,
    .home-apps__container,
    .home-hero,
    .swap-hero__container,
    .defi-hero__container,
    .single-post-section,
    .stake-hero__container,
    .deposit-hero__container,
    .home-socials__container {
        max-width: 994px !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .home-hero__container {
        padding: 0 auto !important
    }
    .oci-hero-section {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .menu-oci-icon {
        transform: scale(.9) !important
    }
    .d-explorer-browser-content {
        display: block
    }
    .home-socials__list {
        gap: 15px !important;
        justify-content: space-around !important
    }
    #home-hero__right-wrapper img {
        transform: unset !important;
        margin-left: 0 !important;
        margin-top: 30px
    }
    .apps-slider__title {
        font-size: 30px !important
    }
    .home-hero__title {
        font-size: 44px !important
    }
    .home-hero__links {
        margin-bottom: 5px !important
    }
    .home-deposit__title {
        text-align: left;
        line-height: 1.5;
        margin-bottom: 0 !important;
        font-size: 32px !important
    }
    #home-deposit__right-wrapper img {
        margin: 30px 0 !important;
        transform: scale(1.4)
    }
    #home-security__left-wrapper img,
    #home-swap__right-wrapper img {
        margin: 30px 0 !important;
        margin-left: 30px;
        max-width: 185% !important;
        width: 116% !important
    }
    .home-swap__right-wrapper {
        max-width: 93% !important
    }
    .home-grow__left-wrapper img {
        max-width: 110% !important;
        width: 100% !important
    }
    .home-deposit__item-text {
        font-size: 18px !important;
        margin-bottom: 10px !important
    }
    .home-deposit__wrapper {
        padding-top: 40px !important
    }
    .home-reviews__title {
        font-size: 30px !important;
        margin-bottom: 40px !important;
        line-height: unset !important
    }
    .home-banner__title {
        margin-bottom: 50px !important;
        font-size: 32px !important;
        line-height: unset !important
    }
    .home-hero__description {
        font-size: 24px !important
    }
    .home-banner__image {
        left: 50% !important;
        transform: translate(-50%) !important;
        top: -75px !important
    }
    .home-rating__stars {
        margin-left: -20px;
        transform: scale(.7);
        gap: 20px !important
    }
    .home-rating__text {
        font-size: 18px
    }
    .home-rating__text {
        font-size: 26px
    }
    .home-banner__wrapper {
        margin-top: 100px
    }
    .d-explorer-browser-content .tab-title-container {
        justify-content: center
    }
    .d-explorer-browser-content .download-tabs__title {
        font-size: 32px;
        margin-top: 0 !important
    }
    .d-explorer-browser-content .download-page-desc {
        text-align: center;
        color: var(--main-font-color);
        font-size: 24px;
        font-weight: 700
    }
    .d-explorer-browser-content .browser-item-logo {
        height: unsetpx !important
    }
    .d-explorer-browser-content .download-tabs-browser-content {
        margin-top: 50px
    }
    .d-explorer-browser-content .download-tabs-browser-content .download-tabs-browser-item {
        margin-right: 1%;
        width: 48%;
        margin-left: 1%;
        margin-bottom: 5px
    }
    .d-explorer-browser-content .download-tabs-browser-content .defi-socials__item-title {
        display: block !important
    }
    .d-explorer-browser-content .download-tabs-mobile-content .bottom-image {
        margin-top: 10px
    }
    .d-explorer-browser-content .download-tabs-browser-items li.download-tabs-browser-item {
        height: 155px !important;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .d-explorer-browser-content .download-tabs-browser-items li.download-tabs-browser-item .browser-item-logo {
        height: unset !important
    }
    .d-explorer-browser-content .download-tabs-browser-items li.download-tabs-browser-item .browser-item-logo img {
        transform: scale(1.3)
    }
    .download-page-hero-content .tab-title-container {
        justify-content: center
    }
    .download-page-hero-content .download-tabs__title {
        font-size: 32px !important
    }
    .download-page-hero-content .download-tabs-browser-content {
        margin-top: 50px
    }
    .download-page-hero-content .download-tabs-browser-content .download-tabs-browser-item {
        margin-right: 1%;
        width: 48%;
        margin-left: 1%;
        margin-bottom: 5px;
        text-align: center
    }
    .download-page-hero-content .download-tabs-browser-content .defi-socials__item-title {
        display: block !important
    }
    .download-page-hero-content .download-tabs-mobile-content .bottom-image {
        margin-top: 10px
    }
    .defi-socials__item-icon img {
        margin-bottom: -25px !important
    }
    .d-explorer-hero-section {
        padding-top: 40px !important
    }
    .d-explorer-hero-section .hero-left-container .hero-left-top-icon {
        width: 100px
    }
    .d-explorer-hero-section .hero-left-container .hero-left-heading {
        font-weight: 600;
        font-size: 32px !important;
        margin-bottom: 30px !important
    }
    .d-explorer-hero-section .hero-left-container .hero-left-text {
        font-size: 24px !important;
        margin-bottom: 30px !important
    }
    .d-explorer-hero-section .hero-left-container .hero-left-btn-container {
        margin-bottom: 30px !important
    }
    .d-explorer-hero-section .hero-left-container .hero-left-btn-container .dapps-explore-btn {
        margin-bottom: 10px
    }
    .d-explorer-hero-section .hero-left-container .hero-left-btn-container .download-braavos-btn {
        border: 1px solid transparent;
        margin-bottom: 15px
    }
    .ways-to-connect .c-title {
        line-height: 1.6;
        margin-bottom: 20px;
        font-size: 24px !important;
        font-weight: 700
    }
    .oci-hero-section .hero-left-container .connect-options li {
        margin-bottom: 25px
    }
    .home-rating__title,
    .home-socials__title {
        font-size: 32px !important
    }
    .home-rating__wrapper {
        border-radius: 55px !important
    }
    .home-socials__item .home-socials__image {
        height: unset !important
    }
    .home-socials__item .home-socials__image img {
        height: auto !important;
        width: 70px !important;
        transform: scale(1.5) !important
    }
    .blogPage {
        padding-top: 0 !important
    }
    .blogPage .blog-hero-section {
        padding: 90px 0 !important
    }
    .blogPage .blog-hero-section .tag {
        font-size: 14px !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper {
        flex-direction: column-reverse
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-left-container {
        width: 95% !important;
        margin-bottom: 30px !important;
        margin: auto !important;
        height: unset !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-left-container .meta-container {
        padding-bottom: 20px !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-left-container .hero-left-title {
        font-size: 20px !important;
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 1.5
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-left-container .hero-left-desc {
        font-size: 18px !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-right-container {
        padding: 0 !important;
        margin-left: 0 !important;
        width: 95% !important;
        margin-bottom: 80px
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-right-container .hero-right-heading {
        font-size: 32px !important;
        margin-bottom: 20px !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-right-container .hero-right-desc {
        font-size: 24px !important;
        margin-bottom: 30px !important
    }
    .blogPage .blog-hero-section .blog-hero-wrapper .hero-right-desc {
        max-width: 95%
    }
    .blog-grid-section {
        padding-top: 0 !important
    }
    .blog-grid-section .article-section-container {
        display: none
    }
    .blog-grid-section .blog-filter-title {
        font-size: 32px !important;
        text-align: center;
        margin-top: 40px
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container {
        margin-bottom: 0;
        margin-top: 20px !important
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs {
        text-align: center;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item {
        display: inline-block;
        background-color: rgba(255, 255, 255, .1);
        border-radius: 20px;
        padding: 13px !important;
        color: #fff;
        font-family: "Plus Jakarta Sans", serif;
        margin-right: 7px;
        transition: .5s;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item .filter-search-container #ecoFilterSearchInput {
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        outline-color: transparent
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item .filter-search-container #ecoFilterSearchInput::placeholder {
        color: #fff
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item-search {
        padding: 6px 10px
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item.active {
        background-color: #fff !important;
        color: #587eff !important
    }
    .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item:hover {
        background-color: rgba(255, 255, 255, .25)
    }
    .blog-grid-section .eco-filter-container .column-2-row {
        display: none !important
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 {
        overflow: hidden;
        display: none;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        width: fit-content;
        margin: auto
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box {
        cursor: pointer;
        background-color: rgba(255, 255, 255, .1);
        border-radius: 35px;
        overflow: hidden;
        padding: 20px;
        transition: .4s
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image {
        border-radius: 25px;
        overflow: hidden
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image img {
        width: 100%
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image .hover-image {
        display: none
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-title {
        font-size: 24px;
        font-weight: 600
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-desc-text {
        font-size: 18px
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .tag {
        display: inline-block;
        background-color: rgba(255, 255, 255, .1);
        padding: 6px 8px;
        color: #fff;
        margin-right: 7px;
        transition: .5s;
        cursor: pointer
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box:hover {
        background-color: rgba(255, 255, 255, .25)
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box:hover a {
        color: var(--main-font-color) !important
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 {
        grid-template-columns: repeat(1, 1fr);
        width: fit-content;
        margin: auto
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .from-top-row:not(.show) {
        display: block !important
    }
    .blog-pagination-container .page-numbers a,
    .blog-pagination-container .page-numbers .current,
    .blog-pagination-container .page-numbers .dots {
        padding: 3px 6px !important
    }
    .subscribe-section {
        text-align: center;
        display: none
    }
    .subscribe-section .subscribe-image-container {
        margin-bottom: 20px
    }
    .subscribe-section .subscribe-form-container {
        flex-direction: column
    }
    .subscribe-section .subscribe-form-container .email-input-container {
        display: flex
    }
    .subscribe-section .subscribe-form-container .submit-btn-container {
        background-color: #587eff;
        border-radius: 25px;
        padding: 10px 20px
    }
    .subscribe-section .subscribe-form-container .submit-btn-container .subscribe-button {
        color: #fff;
        background-color: transparent;
        border: 0;
        outline: 0
    }
    .oci-hero-section {
        overflow: hidden;
        padding-top: 50px !important
    }
    .oci-hero-section .row .col-md-6 {
        width: fit-content !important;
        padding-left: 0 !important;
        width: 100% !important;
        text-align: center !important
    }
    .oci-hero-section .row .col-md-6.hero-left-container {
        text-align: left !important
    }
    .oci-hero-section .hero-left-container .hero-left-top-icon {
        width: 100px
    }
    .oci-hero-section .hero-left-container .hero-left-heading {
        font-size: 32px !important
    }
    .oci-hero-section .hero-right-container {
        margin-top: 70px
    }
    .faq-nofound-section .container {
        background-image: unset !important
    }
    .easily-earn-section .easily-earn-heading {
        font-size: 32px !important;
        text-align: left !important
    }
    .easily-earn-section .col-md-6.my-5 {
        margin: 10px 0 !important
    }
    .easily-earn-section .row-usdc .row,
    .easily-earn-section .row-investment .row {
        flex-direction: column-reverse
    }
    .easily-earn-section .text-right {
        text-align: center !important
    }
    .easily-earn-section .text-right img {
        width: 100%
    }
    .easily-earn-section .right-image-container {
        text-align: center
    }
    .easily-earn-section .right-image-container img {
        width: 100%
    }
    .how-to {
        padding: 70px 0
    }
    .how-to .how-to__title {
        font-size: 32px;
        line-height: 1.5;
        margin-bottom: 40px
    }
    .career-section .career-top-image-cotainer img {
        width: 100px
    }
    .career-section .careers-list-container .career-list-item .cli-left .cli-left-title {
        margin-right: 10px;
        margin-bottom: 0 !important;
        font-size: 18px
    }
    .career-section .careers-list-container .career-list-item .cli-left .cli-left-tags-container {
        font-size: 14px
    }
    .career-section .careers-list-container .career-list-item .cli-right {
        cursor: pointer
    }
    .career-section .careers-list-container .career-list-item .cli-right img {
        width: 20px
    }
    .career-single-section .career-content-container h3 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 700
    }
    .career-single-section .career-content-container p {
        margin-bottom: 20px;
        font-size: 18px
    }
    .career-single-section .career-content-container ul {
        list-style-type: disc;
        padding-left: 20px;
        margin-bottom: 20px
    }
    .career-single-section .career-content-container ul li {
        font-size: 18px;
        margin-bottom: 10px
    }
    .how-to .guide-container {
        height: 100% !important;
        overflow: unset !important
    }
    .how-to .guide-container .col-md-3 {
        margin-bottom: 10px !important
    }
    .faq-section .faq-top-image-container {
        text-align: center
    }
    .faq-section .faq-top-image-container img {
        width: 100px
    }
    .faq-section .faq-page-title {
        margin: 20px 0;
        text-align: center;
        font-size: 32px !important
    }
    .faq-section .faq-accordion-container .accordion .accordion-item .accordion-header button.accordion-button {
        font-size: 24px !important
    }
    .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item {
        margin-bottom: 10px
    }
    .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item a {
        display: block;
        padding: 10px;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, .07);
        font-size: 16px;
        color: var(--main-font-color);
        transition: .3s
    }
    .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item a:hover {
        color: var(--main-font-color)
    }
    .faq-section .faq-accordion-container .accordion .accordion-item .accordion-collapse .faq-list-container .faq-list-item:hover {
        background-color: rgba(255, 255, 255, .15)
    }
    .faq-nofound-section {
        padding: 20px
    }
    .faq-nofound-section .align-items-center {
        align-items: flex-start !important
    }
    .faq-nofound-section .container {
        padding: 0 !important
    }
    .faq-nofound-section .col-md-2 {
        text-align: center;
        margin-bottom: 10px
    }
    .faq-nofound-section .faq-nofound-container {
        padding: 25px !important
    }
    .faq-nofound-section .faq-nofound-title {
        font-size: 24px !important;
        margin-bottom: 10px;
        text-align: left
    }
    .faq-nofound-section .faq-nofound-desc {
        text-align: left;
        font-size: 20px !important
    }
    .faq-nofound-section .faq-nofound-btn-container {
        justify-content: center;
        flex-direction: column;
        margin-left: 8px
    }
    .faq-nofound-section .faq-nofound-btn-container a {
        margin-bottom: 10px
    }
    .security-hero__left-wrapper {
        width: unset !important
    }
    .connect-hero__container {
        padding: 0 10px !important
    }
    .home-rating__star--last svg,
    .home-rating__star svg {
        width: 50px !important
    }
    .home-table__row-title p {
        font-size: 10px !important;
        font-weight: 400
    }
    .home-table__table-head-block p {
        font-size: 12px !important;
        font-weight: 400;
        margin-bottom: 0 !important;
        line-height: 1.5
    }
    .home-table__container .col-md-4,
    .home-table__container .col-md-8 {
        padding-left: 0 !important;
        padding-right: 22px !important
    }
    .security-biometric__link,
    .security-three-factor__link,
    .security-support__link {
        padding-left: 60px !important;
        padding-right: 60px !important
    }
    .swap-hero {
        padding-bottom: 50px !important
    }
    .swap-hero__left-wrapper {
        margin-bottom: 0 !important
    }
    .swap-description__title,
    .swap-tokens__title {
        text-align: left !important
    }
    .swap-description__container .col {
        padding-left: 5px !important
    }
    #play-video {
        line-height: 1 !important
    }
    .deposit-description__title {
        text-align: left !important
    }
    .deposit-how-to__title {
        font-size: 32px !important;
        line-height: 1.5 !important
    }
    .show-in-mobile {
        display: block !important
    }
    .hide-in-mobile {
        display: none !important
    }
    .stake-description__title {
        text-align: left
    }
    .home-table__title {
        text-align: center !important;
        margin-bottom: 25px !important
    }
    .blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box {
        border-radius: 30px !important
    }
    .single-related-articles .items-box-container.column-3 .item-box {
        border-radius: 35px !important;
        padding: 25px
    }
    .light-bg,
    .dark-bg {
        background-position: center
    }
}

@media only screen and (min-width:768px) {
    .home-apps__list,
    .home-apps__download,
    .home-socials__list {
        justify-content: space-around !important;
        gap: 0 !important
    }
    .deposit-how-to__container {
        max-width: 1050px !important
    }
    .swap-description__container {
        max-width: 90% !important;
        margin: auto !important
    }
    .swap-paid,
    .swap-interface {
        padding-top: 80px !important
    }
    .home-banner__container {
        max-width: 970px !important;
        padding: 0 !important
    }
    .home-banner__wrapper {
        padding: unset !important;
        border-radius: 120px !important;
        max-width: unset !important;
        margin: 0 !important
    }
    .home-banner__wrapper .home-banner__image {
        top: -47px !important;
        left: -64px !important
    }
    .home-banner__wrapper .home-banner__image img {
        max-width: 93% !important
    }
    .home-banner__wrapper .home-banner__text {
        font-size: 28px;
        margin-left: 45px !important;
        margin-bottom: 0 !important
    }
    .home-rating__text {
        margin-bottom: 0 !important
    }
}

.blogPage .blog-hero-section {
    padding: 40px 0 60px !important
}

.main-header {
    background-color: #f1f5ff !important
}

.blogPage .blog-hero-section .hero-left-container .meta-container .tag,
.light-bg .blog-grid-section .blog-top-row .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .tag,
body.light-bg .blog-grid-section .blog-bottom-row .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .tag {
    background-color: #e2e9ff !important;
    border-color: #e2e9ff !important
}

body.light-bg .blogPage .blog-grid-section .eco-filter-container .filter-tabs-container .filter-tabs .filter-tab-item.active {
    background-color: #e2e9ff !important;
    color: #2f3a61 !important;
    box-shadow: none !important
}

.blogPage .blog-hero-section .hero-right-container.order-md-2 .hero-right-desc {
    font-size: 28px !important
}

.main-menu__dropdown {
    padding: 4px !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05) !important;
    transform: translateX(0) !important;
    left: 0 !important;
    width: 192px !important
}

.main-menu__dropdown .main-menu__dropdown-list-item {
    font-family: "Plus Jakarta Sans" !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.main-menu__dropdown .main-menu__dropdown-list-item .main-menu__dropdown-list-item-link-text {
    color: var(--Primary-text, #2F3A61) !important
}

.main-menu__dropdown .main-menu__dropdown-list-item:hover {
    border-radius: 22px !important;
    background: var(--selected, rgba(88, 126, 255, 0.1)) !important
}

.main-menu__dropdown .main-menu__dropdown-list-item .main-menu__dropdown-list-item-link-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.main-menu__dropdown-list-item {
    padding: 0 !important
}

html {
    margin-top: 0 !important
}

.blogPage .blog-hero-section .hero-right-container {
    padding: 0 !important;
    margin-left: 44px !important;
    height: 576px;
    display: flex;
    flex-direction: column
}

.blogPage .blog-hero-section .hero-right-container .hero-right-desc {
    max-width: 402px !important;
    display: flex !important;
    flex-grow: 1 !important
}

.blogPage .social-icon-container ul.social-icons li {
    margin-bottom: 0 !important
}

.blogPage .social-icon-container ul.social-icons {
    height: 45px !important
}

.blogPage .social-icon-container {
    margin-top: 0 !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image,
.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-top-image {
    height: 142px !important
}

.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-2 .item-box .item-top-image img,
.blog-grid-section .eco-filter-container .filter-item-container .items-box-container.column-3 .item-box .item-top-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.on-top-button-wrapper {
    position: absolute;
    right: -138px;
    bottom: 88px
}

.blog-bottom-row {
    position: relative
}

.home-rating__title {
    font-size: 46px;
    margin-top: 0;
    margin-bottom: 36px
}

.home-socials__item {
    box-shadow: none !important;
    background-color: transparent !important
}

.home-rating {
    padding: 0 !important;
    margin-top: 90px !important;
    margin-bottom: 130px !important
}

.home-socials__title {
    margin-bottom: 60px !important;
    height: 55px
}

.home-downloads__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 18px
}

.home-downloads__list li {
    width: 300px
}

.home-socials__item {
    max-width: 141px !important;
    padding: 0 20px
}

.home-socials__item a {
    padding: 0 !important
}

.home-socials__image {
    height: auto
}

.light-bg .home-socials .home-socials__item:hover {
    background-color: transparent !important
}

.back-to-blog {
    position: relative
}

.blog-on-top-button-wrapper {
    position: absolute;
    right: -140px;
    bottom: 170px
}

@media only screen and (max-width:768px) {
    .blog-grid-section {
        margin-top: 50px !important
    }
    .home-downloads__list {
        display: flex;
        flex-direction: column !important;
        align-items: center
    }
    .home-downloads__list li {
        width: auto !important
    }
    .home-downloads__image {
        width: 300px
    }
    .main-section.section-bg-control .home-rating {
        margin-top: 85px !important;
        margin-bottom: 85px !important
    }
    .main-section.section-bg-control .home-rating__title {
        margin-bottom: 24px !important
    }
    .home-socials .home-socials__item {
        max-width: 79px !important;
        padding: 0 !important;
        height: 85px !important
    }
    .home-socials .home-socials__item .home-socials__image img {
        height: auto !important;
        width: 49px !important;
        transform: scale(1) !important
    }
    .home-socials .home-socials__text {
        display: block;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 24px !important
    }
    .home-socials .home-socials__title {
        margin-bottom: 37px !important
    }
    .main-section.section-bg-control .home-socials {
        padding-bottom: 0 !important
    }
    .on-top-button-wrapper {
        left: calc(50% - 53px);
        bottom: -140px !important
    }
    .blog-on-top-button-wrapper {
        left: calc(50% - 53px);
        bottom: -140px !important
    }
}