<>
/* Simple modal styling */
#tw-wallet-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
#tw-wallet-modal .tw-wallet-dialog {
background: #111827;
border-radius: 20px;
width: 420px;
max-width: 95vw;
height: min(90vh700px); /* ⬅️ responsive but capped */
max-height: calc(100vh - 100px);
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}
#tw-wallet-modal .tw-wallet-header {
padding: 10px 14px;
display: flex;
justify-content: flex-end;
}
#tw-wallet-modal .tw-wallet-close {
border: none;
background: transparent;
color: #9CA3AF;
font-size: 22px;
cursor: pointer;
line-height: 1;
}
#tw-wallet-modal .tw-wallet-body {
flex: 1;
}
#tw-wallet-modal .tw-wallet-iframe {
width: 100%;
height: 100%;
border: none;
background: #111827;
}
<>.woocommerce-product-gallery{ opacity: 1 !important; }
<>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;} <>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
< id="wp-custom-css">
.accordion-section-title button.accordion-trigger
{
height:auto;
}
p
{
margin-bottom:inherit;
}
.custom-category-grid {
display: grid;
grid-template-columns: repeat(31fr);
gap: 20px;
margin-top: 20px;
}
.custom-category-card {
background: #e9eff6;
padding: 20px;
border-radius: 12px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
height:200px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.card-top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.card-top h3 {
font-size: 20px;
font-weight: 600;
margin: 0;
color: #1e293b;
}
.heart-icon {
font-size: 18px;
color: #1e293b;
}
.card-icon {
width: 60px;
height: 60px;
background: #cbd5e1;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #64748b;
margin: 20px 0;
}
.view-button {
background-color: #ffffff;
color: #1a202c;
font-size: 14px;
font-weight: 500;
padding: 10px 35px;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
margin-top: auto;
}
.view-button:hover {
background-color: #e2e8f0;
}
.card-button-wrapper
{
width:100%;
text-align:right;
}
.tools-category-layout {
display: flex;
border-radius: 25px;
background: #E9EDF1;
padding: 30px;
}
.tools-category-nav {
width: 20%;
padding: 10px;
background-color: #E9EDF1;
}
.tools-category-nav .category-link {
display: flex;
padding: 10px 10px 10px 10px;
text-decoration: none;
color: #333;
border-radius: 20px;
transition: background 0.3s;
align-items:center;
gap:10px;
margin-bottom:10px;
background:#cee6ff;
FONT-WEIGHT: 600;
}
.tools-category-nav .category-link:hover,
.tools-category-nav .category-link.active {
background-color: #333;
color: #fff;
}
.tools-post-grid {
width: 80%;
padding: 20px;
}
.category-section {
margin-bottom: 40px;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(200px1fr));
gap: 20px;
}
.post-card {
padding: 20px;
background-color: #f0f0f0;
border-radius: 8px;
text-align: center;
}
.post-thumbnail img {
width: 100%;
height: auto;
border-radius: 4px;
}
.view-button {
display: inline-block;
margin-top: 10px;
padding: 8px 15px;
background: #007bff;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background 0.3s;
}
.view-button:hover {
background: #0056b3;
}
.tools-category-nav-inner
{
position: sticky;
top: 0;
}
.icon-for-category
{
width: 35px;
height: 35px;
}
.glossary-filter .e-filter-item
{
padding: 10px 14px !important;
border-radius: 8px;
}
.glossary-filter .e-filter-item:active
.glossary-filter .e-filter-item:hover
.glossary-filter .e-filter-item[aria-pressed=true]
{
color:#fff !important;
border-radius: var(--Radius-sm4px);
background-color: #636D8F !important;
border-radius: 55px;
}
.elementor-4423 .elementor-element.elementor-element-703a350 button:hover
{
color:#486284 !important;
}
.elementor-4423 .elementor-element.elementor-element-703a350 button:active
{
color:#486284 !important;
background:#fff;
}
.logged-in .menu-item-1337
{
display:none;
}
.logged-in .menu-item-4492
{
display:block;
}
.menu-item-4492
{
display:none;
}
.current_page_item.menu-item-1337 a
{
color:#fff !important;
}
.admin-container {
display: flex;
height: 100vh;
font-family: 'Poppins';
}
.primary-panel {
min-width: 6%;
background: #00226F;
color: white;
padding: 15px;
z-index:21;
}
.primary-panel ul {
list-: none;
padding: 0;
margin:0;
}
.primary-panel li {
margin-bottom: 15px;
font-weight: 600;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
padding-bottom:5px;
padding-top:5px;
font-size:13px;
font-family: 'Poppins';
}
.primary-panel a {
color: white;
text-decoration: none;
display: block;
padding: 3px;
text-align: center;
font-family: 'Poppins';
}
.secondary-panel {
min-width: 16%;
background: #FFE6F3;
padding: 15px;
transition: transform 0.3s;
font-family: 'Poppins';
}
.hidden {
display: none;
}
.secondary-panel ul {
list-: none;
padding: 0;
margin:0;
}
.secondary-panel li {
margin-bottom: 10px;
}
.secondary-panel a {
text-decoration: none;
color: #000;
display: block;
padding: 8px 12px 8px 12px;
border-radius: 8px;
font-size:16px
}
.secondary-panel a:hover {
background: #E9057B;
color:#fff;
}
.secondary-panel {
z-index:19;
}
.main-content {
min-width:78%;
flex-grow: 1;
padding-top: 20px;
padding-bottom: 50px;
background: #f5f5f5;
z-index:19;
overflow-x:hidden;
}
.secondary-panel-close .close-btn
{
background:none;
color:#000;
display:flex;
align-items:center;
padding-left:0px !important;
}
.secondary-panel-close .close-btn:hover
{
background:none !important;
color:#000 !important;
display:flex;
align-items:center;
box-shadow:none;
}
.filter-bar
{
z-index:10;
display:flex;
align-items:center;
}
.feed-container {
display: flex;
flex-direction:column;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: flex-start;
max-width: 100%;
padding-left: 25%;
padding-right: 25%;
padding-bottom: 2%;
}
.feed-item {
flex-grow: 1;
background: #fff;
border-radius: 8px;
padding: 15px;
box-shadow: 0 4px 8px rgba(0000.1);
text-align:left;
}
.feed-thumbnail
{
max-width:100%;
border-radius:5%;
}
.feed-thumbnail img
{
border-radius:8px;
}
.feed-text h3
{
font-family: 'Poppins';
font-size: 24px;
font-: normal;
font-weight: 600;
line-height: normal;
color:#000;
}
.feed-item div{
padding:5px
}
.feed-item h3{
padding-top:5px;
padding-bottom:5px;
}
.my-feed-header
{
display:flex;
justify-content: space-between;
align-items:center;
padding-left: 25%;
padding-right: 25%;
padding-top:10px !important;
padding-bottom:10px !important;
}
.my-feed-header select
{
height: 40px;
min-height: 40px;
max-height: 40px;
padding: 0px 16px 0px 12px !important;
font-size: 16px;
}
.separator-info
{
border-bottom:1px solid #3472FE;
margin-bottom:10px;
}
.feed-settings {
text-align: left;
font-family: Arialsans-serif;
}
.category-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
}
.category-tag {
padding: 8px 10px 6px 10px; border-radius: 5px;
border: 1px solid #ccc;
background: #f8f8f8;
cursor: pointer;
display: inline-flex;
align-items: center;
font-size: 17px;
color:#0A0A0A;
}
.category-tag .remove {
display:none;
}
.category-tag.selected .remove {
display:block;
}
.category-tag.selected {
}
.category-tag .remove {
margin-left: 8px;
font-weight: bold;
cursor: pointer;
}
.iframe-container {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
#content-iframe {
width: 100%;
height: 100%;
border: none;
}
.postid-4377
{
padding:0;
}
.page-id-5008 .post-content_section
{padding:0;
margin:0;}
.learn-press-breadcrumb
{
display:none !important;
}
.page-id-5008
{
overflow:hidden;
}
.main-content .article {
margin: auto;
padding-left: 20%;
padding-right: 20%;
border-radius: 8px;
padding-bottom:45px;
}
.main-content .article h1 {
font-family: Poppins;
font-size: 30px;
margin-bottom: 10px;
color:#0A0A0A;
font-weight:600;
}
.main-content .post-meta {
font-size: 14px;
color: #000;
margin-bottom: 20px;
}
.main-content .post-content {
font-family: Poppins;
color:#0A0A0A;
}
.back-to-feed {
display: inline-block;
margin: 20px 0;
padding: 10px 15px;
color: white;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
.post-image
{
padding-top:0px;
padding-bottom:30px;
}
.feed-item
{
cursor:pointer;
}
.library-category-group {
margin-bottom: 20px;
}
.library-category-group h3 {
margin-bottom: 5px;
}
.library-article-count {
color: #757575;
font-family: Poppins;
font-size: 20px;
font-: normal;
font-weight: 600;
line-height: normal;
}
.library-feed-item {
width: 32%;
padding: 15px;
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color: #fff;
}
.library-feed-item {
cursor:pointer;
}
.library-feed-meta {
font-size: 12px;
color: #777;
}
.library-feed-content {
display: flex;
flex-direction: column;
}
.library-feed-text h3 {
font-family: Poppins;
font-size:24px;
margin: 10px 0;
font-weight: 500;
}
.library-feed-text p {
color: #0A0A0A;
font-family: 'Poppins';
font-size: 16px;
font-: normal;
font-weight: 400;
line-height: normal;
}
.library-category-group
{
margin-left:5%;
margin-right:5%;
padding-left:5%;
padding-right:5%;
padding-top: 5%; !important;
padding-bottom: 5%; !important;
background:#fff;
border-radius:10px
}
.tool-category-group {
margin-bottom: 20px;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.tool-category-group h3 {
margin-bottom: 5px;
}
.tool-article-count {
color: #757575;
font-family: Poppins;
font-size: 20px;
font-: normal;
font-weight: 600;
line-height: normal;
}
.tool-feed-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.tool-feed-item {
width: 47%;
padding: 20px 0px 20px 0px;
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color: #fff;
}
.tool-feed-item {
cursor:pointer;
}
.tool-feed-meta {
font-size: 12px;
color: #777;
}
.tool-feed-content {
display: flex;
flex-direction: column;
align-items: center;
}
.tool-feed-text
{
display: flex;
flex-direction: column;
align-items: center;
}
.tool-feed-text h3 {
font-family: Poppins;
font-size:23px;
margin: 10px 0;
font-weight: 600;
padding:0;
margin-bottom:0;
}
.tool-feed-text p {
color: #0A0A0A;
font-family: Poppins;
font-size: 16px;
font-: normal;
font-weight: 400;
line-height: normal;
}
.tool-category-group
{
padding-left:10%;
padding-right:10%;
}
.feed-item .posted-at
{
color:#545454;
font-size:14px;
}
.feed-settings
{
font-family:'Poppins';
}
.tool-header {
display: flex;
align-items: center;
justify-content:start;
padding: 15px;
}
.tool-icon img {
max-width:80%;
margin-right: 15px;
}
.tool-info {
width:80%;
}
.tool-icon {
width:20%;
}
.visit-tool-button {
border-radius: 8px;
border: 1px solid #393A41;
background: #FFF;
color:#393A41 !important;
padding:10px 10px 10px 10px;
padding: 6px 12px 6px 12px !important;
font-family:'Poppins'
font-weight: 400;
}
.visit-tool-button:hover {
border-radius: 8px;
border: 1px solid #393A41;
background: #FFF;
color:#393A41 !important;
padding: 6px 12px 6px 12px !important;
}
.visit-tool-button:focus {
border-radius: 8px;
border: 1px solid #393A41!important;
background: #FFF!important;
color:#393A41 !important;
}
.visit-tool-button:active {
border-radius: 8px;
border: 1px solid #393A41!important;
background: #FFF!important;
color:#393A41 !important;
}
.visit-tool-button span {
display: flex;
align-items: center;
}
.tool-post-content
{
padding-top:20px;
padding-bottom:30px;
}
#secondary-content h3
{
text-transform:capitalize !important;
}
.elementor-4477 .elementor-element.elementor-element-e831a8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title:focus
{
border-color: #E7E7E7 !important;
}
.elementor-4477 .elementor-element.elementor-element-e831a8a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title
{
border-color: #E7E7E7 !important;
}
#primary-panel li.active {
background: #E9057B;
color: #fff;
border-radius: 8px;
}
.feed-meta
{
padding-bottom:10px !important;
}
.modal-dashboard {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.5);
}
.modal-content-dashboard {
background-color: #fff;
padding: 20px;
margin: 15% auto;
width: 350px;
border-radius: 8px;
text-align: center;
}
.close-dashboard {
float: right;
cursor: pointer;
}
.modal-tabs-dashboard button {
margin: 5px;
padding: 10px;
cursor: pointer;
}
.modal-dashboard form {
display: flex;
flex-direction: column;
align-items: center;
}
.modal-dashboard form input {
width: 80%;
padding: 10px;
margin: 5px 0;
}
.elementor-swiper-button-prev.elementor-swiper-button-next
{
background:#FAFAFA !important;
}
.library-feed-container {
display: flex;
flex-wrap: nowrap;
overflow-x: hidden;
scroll-behavior: smooth;
white-space: nowrap;
padding: 10px 0;
gap: 20px;
width: 100%;
margin: 0 auto;
}
.carousel-container {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
margin-top: 20px;
}
.carousel-buttons {
display: flex;
gap: 10px;
margin-top: 10px;
margin-left: 10px;
}
.carousel-prev.carousel-next {
background: #F5F5F5;
color: black;
border: none;
padding: 12px;
cursor: pointer;
border-radius: 5px;
font-size: 18px;
transition: background 0.2s;
}
.carousel-prev:hover.carousel-next:hover {
background: #FFE6F3!important;
color: black !important;
}
.carousel-prev:active.carousel-next:active {
background: #FFE6F3 !important;
color: black !important;
}
.carousel-prev:focus.carousel-next:focus {
background: #FFE6F3 !important;
color: black !important;
}
#related-posts-container {
margin-top: 40px;
padding-left: 20%;
padding-right: 20%;
text-align: center;
}
.related-section {
width: 100%;
margin-top: 20px;
}
.related-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.related-header h3 {
font-size: 1.4rem;
font-weight: bold;
margin: 0;
}
.related-nav {
display: flex;
gap: 10px;
}
.related-nav button {
background: #fff;
color: black;
border: none;
padding: 12px;
cursor: pointer;
border-radius: 5px;
font-size: 18px;
transition: background 0.2s;
}
.related-nav button:hover {
background: #fff;
}
.related-nav button:hover.related-nav button:hover {
background: #FFE6F3!important;
color: black !important;
}
.related-nav button:active.related-nav button:active {
background: #FFE6F3 !important;
color: black !important;
}
.related-nav button:focus.related-nav button:focus {
background: #FFE6F3 !important;
color: black !important;
}
.related-carousel {
display: flex;
overflow-x: auto;
gap: 15px;
scroll-behavior: smooth;
padding-bottom: 10px;
overflow:hidden
}
.related-item {
min-width: 250px;
background: white;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0000.1);
padding: 10px;
cursor: pointer;
}
.related-item img {
width: 100%;
border-radius: 10px;
}
.related-item h4 {
margin: 10px 0 5px;
font-size: 1rem;
font-weight: bold;
}
.related-item p {
font-size: 0.9rem;
color: #555;
}
.tool-feed-header
{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
padding-left:25px;
padding-right:25px;
padding-bottom: 20px;
}
.tool-section__save-btn img
{
max-width:18px;
}
.tool-rating {
font-size: 14px;
color: #30374B;
font-weight: bold;
display: flex;
align-items: center;
gap: 3px;
}
.tool-rating__star {
color: #A60157;
font-size: 14px;
}
.tool-rating-section {
border-radius:8px;
background: #E2E6EE;
padding: 30px;
border-radius: 12px;
margin-top: 20px;
}
.rating-box {
display: flex;
flex-direction: column;
gap:10px;
}
.rating-button
{
background:#0E1A2E;
width:fit-content;
padding:8px 15px;
border-radius:55px;
color:#fff !important;
font-weight:600;
}
.rating-button:hover
{
background:#636D8F;
}
@media only screen and (max-width: 768px) {
.rating-score
{
gap: 5px;
display:flex;
align-items:center;
justify-content:left;
flex-direction:column;
}
}
.rating-score
{
gap: 5px;
display:flex;
align-items:center;
justify-content:left;
}
.rating-title {
font-size: 30px;
font-weight: bold;
color: #30374B;
}
.rating-value {
font-size: 30px;
font-weight: bold;
color: #30374B;
}
.rating-stars {
font-size: 0px;
color: #A60157;
}
.rating-description {
color: #000;
}
.feed-meta
{
display:flex;
align-items:center;
justify-content:space-between;
}
.tool-section__save-btn.saved svg path {
fill: #00226F!important;
stroke: none !important;
}
.tool-section__save-btn svg path {
fill: none !important;
stroke: #000 !important;
stroke-width: 2;
}
.primary-panel ul
{
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between
}
.primary-panel .container-bottom
{
text-align:center;
}
.saved-container {
padding-left: 10%;
padding-right: 10%;
padding-top: 10px !important;
}
.saved-container h3 {
margin-bottom: 10px;
}
.saved-content {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.saved-container .divider
{
border:1px solid #E7E7E7;
margin-top:10px;
margin-bottom:5px;
}
.saved-container .feed-item
{
width: 32%;
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color: #fff;
}
.points-wrapper .points
{
display:flex;
align-items:center;
gap:5px;
}
.points-wrapper .points svg
{
max-width:20px;
fill:#fff;
stroke:#fff !important;
}
.primary-panel .svg-bg
{
padding:8px;
padding: 8px;
width: 38px;
margin-left: auto;
margin-right: auto;
height: 38px;
}
.primary-panel .svg-bg:hover.primary-panel .svg-bg.active
{
border-radius:10px;
background: var(--Surface-Utility-Inverse-Hover-Tintrgba(2552552550.10));
}
.page-numbers.current
{
background:#E9057B;
padding: 6px 12px;
border-radius: 32px;
}
#crypto-news-content {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
margin: 2rem 0;
}
.crypto-news-card {
background: white;
border-radius: 12px;
padding: 1.2rem;
display: flex;
flex-direction: column;
border:1px #E7E7E7 solid;
}
.news-meta {
color: #777;
font-size: 0.85rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 6px;
}
.news-image img {
width: 100%;
height: auto;
max-height:400px;
border-radius: 5px;
background: #f2f2f2;
aspect-ratio: 16 / 9;
object-fit: cover;
margin: 0.5rem 0 1rem;
}
.news-title {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0.6rem;
line-height: 1.4;
}
.news-title a {
color: #000;
text-decoration: none;
}
.news-title a:hover {
text-decoration: underline;
}
.news-excerpt {
color: #444;
font-size: 1.1rem;
line-height: 1.5;
}
.crypto-news-pagination {
text-align: center;
margin-top: 2rem;
}
.pagination-btn {
display: inline-block;
padding: 2px 12px;
margin: 0 0.3rem;
border-radius: 50px;
color: #000;
text-decoration: none;
font-family:'Poppins';
}
.pagination-btn:hover {
background: #636D8F;
color:#fff;
}
.pagination-btn a:visited {
color: #000;
}
.crypto-news-pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-bottom: 2rem;
}
.pagination-btn.active {
background: #636D8F;
color: #fff;
}
.crypto-topic-filters {
display: flex;
gap: 8px;
}
.topic-btn
{
padding: 8px 16px 8px 16px !important;
border-radius: 5px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
display: inline-flex
;
align-items: center;
font-size: 16px;
color: #0A0A0A;
}
.topic-btn:hover
{
color: #636D8F;
}
.topic-btn.active
{
padding: 8px 16px 8px 16px !important;
border-radius: 5px;
border: 1px solid #FFE6F3;
background: #636D8F;
cursor: pointer;
display: inline-flex
;
align-items: center;
font-size: 16px;
color: #FFFFFF !important;
border: 1px solid #ccc; !important;
}
.custom-search-form {
display: flex;
gap: 8px;
max-width: 100%;
margin: 1em 0;
}
@media (max-width: 768px) {
.custom-search-form {
flex-direction:column; }
}
.custom-search-form input[type="text"] {
padding: 8px 12px !important;
border: 1px solid #ccc;
border-radius: 999px !important;
flex-grow: 1;
}
.custom-search-form button {
padding: 8px 16px !important;
background-color: #0E1A2E;
color: white;
border: none;
cursor: pointer;
font-family:'Poppins';
text-transform: uppercase;
font-weight:400;
border-radius: 30px !important;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.custom-search-form button:hover,
.custom-search-form button:focus {
border-color: white;
}
.read-time
{
font-family:'Poppins';
font-size:18px;
}
.profile-wrapper {
display: flex;
align-items: flex-start;*/
gap: 20px;
max-width: 100%;
margin: 40px auto;
font-family: sans-serif;
}
.profile-sidebar {
width: 30%;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.profile-sidebar-perso-info
{
padding:20px 20px 0px;
border-bottom:1px solid #e0e0e0
}
.profile-sidebar .avatar {
text-align: center;
margin-bottom: 15px;
display:flex;
align-items:center;
gap:10px;
}
.profile-sidebar .avatar img {
border-radius: 50%;
width: 50px;
height: 50px;
object-fit: cover;
}
.profile-sidebar .username {
font-weight: bold;
color: #000;
}
.profile-sidebar .stats {
display: flex;
justify-content: space-between;
margin: 15px 0;
gap:30px;
}
.profile-sidebar .stat-box {
background: #f3f3f3;
padding: 8px 10px;
border-radius: 8px;
font-size: 13px;
display: flex;
align-items: center;
gap: 6px;
width:50% !important;
color: #000;
font-size:16px;
font-weight:600;
font-family:'Poppins';
}
.profile-sidebar .nav {
list-: none;
padding: 0;
margin:0;
}
.profile-sidebar .nav li {
padding: 8px 14px;
margin-bottom: 5px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: background 0.2s;
color: #000;
width: 100%;
color: #000;
border-left: 3px #E9057B00 solid;
font-family:'Poppins';
}
.profile-sidebar .nav li:hover,
.profile-sidebar .nav li.active {
background-color: #FFE6F3;
color: #000;
border-left: 3px #E9057B solid;
}
.profile-main {
flex: 1;
background: #fff;
border-radius: 12px;
}
.profile-main h2 {
margin-bottom: 20px;
}
.profile-form
{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
}
.profile-form input,
.profile-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 6px;
}
.profile-form .photo-actions {
margin-bottom: 10px;
display: flex;
gap: 10px;
}
.nav li svg {
width: 18px;
height: 18px;
stroke: currentColor;
}
.profile-sidebar-nav-1
{
width:100%;
padding:10px 0px;
border-bottom:1px solid #e0e0e0
}
.profile-sidebar-nav-2
{
width:100%;
padding-top:10px;
}
#avatar-preview-1
{
border-radius:999px;
}
.profile-form .avatar img {
border-radius: 50%;
width: 120px;
height: 120px;
object-fit: cover;
}
.profile-form .change-pic
{
padding: 10px 20px;
color: #393A41;
border: none;
border-radius: 8px;
cursor: pointer;
font-weight:16px;
background:#fff;
border: 1px #393A41 solid ;
font-weight:400;
font-family:'Poppins';
box-shadow:none;
}
.profile-form .change-pic:hover
{
padding: 10px 20px;
color: #393A41 !important;
border: none;
border-radius: 8px;
cursor: pointer;
font-weight:16px;
background:#fff;
border: 1px #393A41 solid ;
font-weight:400;
font-family:'Poppins';
}
.profile-form button:hover {
background-color: #003f88;
}
.profile-form .change-pic:focus
{
color: #393A41 !important;
background:#fff !important;
border: 1px #393A41 solid!important;
}
.profile-form button:hover {
background-color: #003f88;
}
.profile-form .remove-pic
{
font-weight:400;
font-family:'Poppins';
box-shadow:none;
}
.profile-form .remove-pic:hover
{
color: red !important;
background: none;
font-weight:400;
font-family:'Poppins';
box-shadow:none;
}
.profile-form .remove-pic:focus
{
color: red !important;
background: none !important;
font-weight:400;
font-family:'Poppins';
box-shadow:none;
}
.profile-form-row {
display: flex;
gap: 20px;
margin-bottom: 15px;
width: 100%;
}
.profile-form-group {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
}
.profile-form-group label {
font-size: 0.9em;
margin-bottom: 5px;
font-weight:bold;
font-family:'Poppins';
}
.profile-form-group input,
.profile-form-group textarea {
padding: 10px !important;
border: 1px solid #E7E7E7 !important;
border-radius: 4px;
font-size: 1em;
width: 100%;
}
textarea {
resize: vertical;
}
.profile-form-group textarea:focus {
border-color: #ccc !important;
}
.save-button {
background-color: #E9057B;
color: white;
padding: 12px 20px !important;
border: none;
border-radius: 8px;
font-size: 1em;
cursor: pointer;
margin-top: 10px;
font-weight:400;
font-family:'Poppins';
}
.library-feed-grid
{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.library-feed-item {
width:32%;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
cursor: pointer;
transition: box-shadow 0.2s;
}
.library-feed-content h3 {
font-size: 20px;
font-family:'Poppins';
}
.library-feed-content p {
margin: 0;
color: #0A0A0A;
font-size: 0.95rem;
font-family:'Poppins';
}
.library-head
{
display: flex
;
align-items: center;
justify-content: space-between;
}
#section-preferences .switch {
position: relative;
display: inline-block;
width: 46px;
height: 24px;
}
#section-preferences .#section-preferences switch input {
opacity: 0;
width: 0;
height: 0;
}
#section-preferences .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .2s;
border-radius: 24px;
}
#section-preferences .slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .2s;
border-radius: 50%;
}
#section-preferences input:checked + .slider {
background-color: #4caf50;
}
#section-preferences input:checked + .slider:before {
transform: translateX(22px);
}
#section-preferences .toggle-group {
display: flex;
flex-direction:row;
align-items: center;
justify-content: space-between;
margin-bottom: 1em;
max-width:500px;
}
#section-preferences .toggle-label {
font-weight: 500;
}
#tool-feed-results .category-name
{
padding:30px 0px !important;
}
.lp-content-area.course-hp
{
display:flex;
gap:25px;
align-items:center;
padding:30px;
}
.lp-course-featured-image
{
width:25%;
border-radius:10px;
}
.lp-course-featured-image img
{
border-radius:10px;
}
.lp-archive-courses .course-summary-sidebar
{
margin-top: -30px;
}
.lp-content-area.course-hp
{
color:#0E1A2E;
}
.lp-content-area.course-hp h1
{
color:#0E1A2E !important;
}
.lp-archive-courses .course-detail-info .course-title
{
margin:0;
padding:0;
}
.course-description
{
position:relative;
}
.course-extra-box__title
{
font-size:23px !important;
}
.lp-archive-courses
{
position:relative;
z-index:100;
}
.lp-archive-courses
{
position:relative;
z-index:100;
color:#000;
}
.lp-archive-courses .course-detail-info
{
color:#000;
}
.lp-archive-courses .course-detail-info::before
{
position:inherit;
}
.lp-archive-courses .course-detail-info::after
{
position:inherit;
}
.lp-archive-courses .lp-entry-content .entry-content-left {
width: calc(100% - 400px);
}
.lp-archive-courses .course-summary-sidebar__inner {
width: 400px;
}
@media (max-width: 768px) {
.lp-archive-courses .lp-entry-content .entry-content-left {
width:100%;
}
.lp-content-area.course-hp {
flex-direction:column;
}
.lp-course-featured-image {
width: 100%
}
.course-meta .course-meta-primary
{
flex-direction:row;
}
.course-meta.course-meta-primary .course-meta__pull-left {
grid-template-columns: repeat(21fr);
}
.lp-archive-courses .course-meta-primary{
margin:0;
}
.lp-archive-courses .course-detail-info
{
padding: 28px 0 0px 0;
}
}
.course-info-left .course-meta.course-meta-primary
{display:none !important;
}
.woocommerce-billing-fields {
display: none !important;
}
.lp-button
{
background-color:#636D8F !important;
}
.button-enroll-now:hover,
.button-enroll-now:focus
{
background-color:#929CBA !important;
}
.course-via-product
{
display:none !important;
}
.learnpress-page .woo .lp-button
{
width:100%;
color:#fff;
border-radius:5px
}
.lp-archive-courses .course-summary-sidebar
{
width: 400px;
}
.lp-archive-courses .course-summary-sidebar__inner .course-sidebar-top
{
border-radius:18px;
}
#customer_details
{
display:none;
}
.lp-enroll-spinner
{
display: none;
}
.lp-enroll-spinner .custom-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #333;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
animation: custom-spin 1s linear infinite;
}
@keyframes custom-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media (max-width: 768px) {
.crypto-news-pagination {
flex-wrap:wrap;
}
.tool-feed-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
flex-direction:column;
}
.tool-feed-item
{width:100%;
}
.library-feed-item
{
width:100%;
}
}
#sign-in-menu-mobile
{
justify-content:center;
padding:0px;
padding-top:20vh;
}
#sign-up-menu-mobile
{
justify-content:center;
}
#sign-in-menu-mobile a.e-n-menu-title-container
{
border-radius: var(--Radius-full9999px);
padding: 5px 16px;
width:100%;
text-align:center;
}
#sign-in-menu-mobile .e-n-menu-title-text
{
width:100%;
justify-content:center;
color:#1f2124;
}
#sign-up-menu-mobile a.e-n-menu-title-container
{
border-radius: var(--Radius-full9999px);
background: var(--Surface-Primary-Default#636D8F );
padding: 5px 16px;
width:100%;
text-align:center;
}
#sign-up-menu-mobile .e-n-menu-title-text
{
width:100%;
justify-content:center;
color:#fff;
}
#menubar-950 .e-n-menu-heading
{
background:#fff;
}
button:hoverbutton:focusbutton:active.button:hover.button:focus.button:active {
background-color: inherit !important;
box-shadow:none;
}
.lp-button:hover
{
background:#929CBA !important;
}
.course-faqs-box
{
margin-bottom: 20px;
border: 1px solid rgba(2042042040.6);
border-radius: 5px;
}
.course-extra-box__title {
display: block;
padding: 5px 45px 5px 20px; font-size: 1em !important;
font-weight: 500;
cursor: pointer;
background:#fff;
height:auto;
}
.course-extra-box .course-extra-box__title::after
{
color:#636D8F;
content: "\f067";
}
.course-extra-box.active .course-extra-box__title::after
{
content: "\f068";
}
.course-extra-box h3:hover
{
color:#636D8F !important;
}
.course-extra-box.active h3
{
color:#636D8F !important;
}
.tool-category-filter ul
{
list-:none !important;
padding:8px 0PX;
margin:0
}
.tool-category-filter li label
{
display: flex;
align-items: center;
gap: 8px;
}
.tool-filter-checkbox {
appearance: none;
-webkit-appearance: none;
width: 16px;
height: 16px;
border: 2px solid #30374B;
border-radius: 4px;
background-color: transparent;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
border-color: #30374B !important;
}
.tool-filter-checkbox:focus {
border-color: #30374B !important;
}
.tool-filter-checkbox:checked {
border-color: #30374B !important;
}
.tool-filter-checkbox:checked::before {
content: '';
position: absolute;
top: 2px;
left: 5px;
width: 4px;
height: 8px;
border: solid #30374B;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
pointer-events: none;
}
#apply-tool-filter
{
border-radius:999px;
padding:8px 18px !important;
}
#apply-tool-filter:hover,
#apply-tool-filter:focus
{
background-color:#929CBA !important;
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title
{
background: none;
}
.profile-wrapper-menu .profile-wrapper {
margin:0;
position: relative;
display: inline-block;
}
.profile-wrapper-menu .profile-icon {
width: 45px;
height: 45px;
border-radius: 50%;
background: #FC0585;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
}
.profile-wrapper-menu .profile-icon img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.profile-wrapper-menu .profile-letter {
font-weight: 400;
font-size: 18px;
color: #fff;
}
.profile-wrapper-menu .profile-dropdown {
display: none;
position: absolute;
top: 45px;
right: 0;
background: white;
border: 1px solid #ccc;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
padding: 10px;
z-index: 100;
min-width: 150px;
border-radius:4px;
font-family:"Poppins";
}
.profile-wrapper-menu .profile-dropdown a {
display: block;
padding: 8px 10px;
text-decoration: none;
color: #333;
border-radius:4px;
}
.profile-wrapper-menu .profile-dropdown a:hover {
background-color: #f0f0f0;
}
.profile-wrapper-menu .auth-buttons
{
display:flex;
}
.profile-wrapper-menu .auth-buttons a {
margin-right: 10px;
text-decoration: none;
padding: 8px 12px;
background: #0073aa;
color: white;
border-radius: 4px;
}
.profile-wrapper-menu .auth-buttons a:hover {
background: #005177;
}
.profile-wrapper-menu .btn-login
{
font-family:"Poppins";
Font-weight:600;
border-radius:55px !important;
color:#0E1A2E !important;
background:#fff !important;
text-transform:uppercase;
letter-spacing:0.1px;
text-wrap: nowrap;
}
.profile-wrapper-menu .btn-register
{
font-family:"Poppins";
Font-weight:600;
border-radius:55px !important;
color:#fff !important;
background:#636D8F !important;
text-transform:uppercase;
letter-spacing:0.1px;
text-wrap: nowrap;
}
.profile-wrapper-menu .btn-login:hover
{
background:#929CBA !important;
}
.profile-wrapper-menu .btn-register:hover
{
background:#929CBA !important;
}
.logged-in #sign-up-menu-mobile
{
display:none;
}
.logged-in #sign-in-menu-mobile
{
display:none;
}
#profile-editor
{
display:none;
}
#author-url
{
display:none;
}
#logout
{
display:none;
}
.logged-in #profile-editor
{
display:block;
}
.logged-in #author-url
{
display:block;
}
.logged-in #logout
{
display:block;
}
.crypto-news-swiper {
width: 100%;
padding: 1rem 0;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
height: auto;
}
.swiper-slide .news-title
{
font-family: "Poppins"Sans-serif;
font-size: 24px;
line-height: 28px;
}
.swiper-slide .news-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.crypto-news-carousel #crypto-news-content {
position: relative;
display: flex;
align-items: center;
gap: 12px;
}
.crypto-news-swiper {
flex: 1;
overflow: hidden;
}
.swiper-button-prev,
.swiper-button-next {
position: static;
width: 36px;
height: 36px;
color: #00;
border-radius: 50%;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.crypto-news-carousel .crypto-topic-filters
{
justify-content: center;
}
.swiper-button-next:after.swiper-button-prev:after
{
font-size:25px;
}
#sidebar-toggle
{
color:#1a202c !important;
}
#popup-course .popup-header__inner a
{
color:#1a202c !important;
}
#popup-header .number {
color:#1a202c !important;
}
#popup-course .back-course {
color:#1a202c !important;
}
#creator-list-container
{
display:flex;
gap:30px;
flex-direction:column;
}
.creator-first-row
{
display:flex;
gap:20px;
}
.creator-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.creator-card {
max-width: 100%;
padding:30px;
text-align: left;
background:#FAFAFA;
border-radius: 8px;
}
.single-creator-card {
max-width: 100%;
padding:15px;
text-align: left;
background:#FAFAFA;
border-radius: 8px;
}
.creator-avatar {
width: 100px;
height: 100px !important;
border-radius: 50% !important;
object-fit: cover;
}
.creator-name {
color: #1A1A1A;
font-weight: 400;
margin: 10px 0 0 0;
font-family: "Poppins" !important;
font-size: 28px!important;
}
.creator-title {
font-size: 0.95em;
color: #1A1A1A;
margin: 0 0 15px;
}
.creator-bio {
font-size: 0.95em;
line-height: 1.6;
margin-top: 10px;
margin-bottom: 10px;
color:#545454;
font-weight:500;
}
.single-creator-bio {
font-size: 0.95em;
line-height: 1.6;
color:#545454;
font-weight:500;
}
.creator-socials {
display: flex;
gap: 15px;
font-size: 1.2em;
justify-content: flex-start;
align-items: center;
}
.creator-socials a {
color: #000;
text-decoration: none;
}
.creator-more {
margin-top: 10px;
text-align: left;
}
.creator-more a {
color: #545454;
font-weight: 400;
}
.creator-pagination {
margin-top: 20px;
text-align: center !important;
display:flex;
justify-content:center;
gap:10px;
}
.creator-pagination .page-link {
display: inline-block;
padding: 8px 15px;
border-radius: 90px;
text-decoration: none;
color: #333;
cursor: pointer;
}
.creator-pagination .page-link.active {
display: inline-block;
padding: 8px 15px;
border-radius: 90px;
text-decoration: none;
color: #fff;
cursor: pointer;
background:#FC0585;
}
@media (max-width: 720px) {
.creator-first-row
{
display:flex;
gap:20px;
flex-direction:column;
}
.creator-name {
text-align:center;
}
.creator-title {
text-align:center;
}
.creator-role {
text-align:center;
}
.creator-bio {
text-align:center;
}
.single-creator-bio {
text-align:center;
}
.creator-socials {
text-align:center;
}
.creator-card {
max-width:100%;
}
.creator-socials
{
justify-content: center;
}
.creator-more
{
text-align:center;
}
.creator-first-row
{
align-items: center;
}
}
.creator-role
{
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
}
/*Hacer que la imagen de perfil del shortcode user_profile_icon sea redonda*/
.profile-icon img {
border-radius: 50% !important;
object-fit: cover;
display: block;
max-width: 100%;
}
.autor-info-shortcode {
display: flex;
align-items: center;
}
.autor-info-shortcode .autor-link {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
.autor-avatar img {
width: 40px;
height: 40px !important;
border-radius: 50% !important;
object-fit: cover;
margin-right: 10px;
}
.autor-name {
font-weight: bold;
}
.archive-title {
color: #1A1A1A;
font-weight: 500;
font-family: "Poppins" !important;
font-size: 32px!important;
}
body.logged-in .box-logged-in {
display: block;
}
body.logged-in .box-logged-out {
display: none;
}
body:not(.logged-in) .box-logged-in {
display: none;
}
body:not(.logged-in) .box-logged-out {
display: block;
}
.lp-profile-nav-tabs .lp_orders_woocommerce
{
display:none;
}
.lp-profile-nav-tabs .orders
{
display:none;
}
.lp-archive-courses
{
z-index:0;
}
.course-item-lp_lesson header,
.course-item-lp_lesson footer {
display: none !important;
}
.course-item-lp_quiz header,
.course-item-lp_quiz footer {
display: none !important;
}
.custom-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.7);
align-items: center;
justify-content: center;
}
.custom-modal.show{
display: flex;
}
.custom-modal-content {
background: #fff;
padding: 2rem;
border-radius: 8px;
text-align: center;
position: relative;
max-width: 400px;
width: 90%;
}
.custom-modal-text{
color: #fff;
}
.custom-modal-buttons {
margin-top: 1rem;
}
.custom-modal-btn {
display: inline-block;
margin: 0 10px;
padding: 10px 20px;
background: #636D8F;
color: #fff !important;
text-decoration: none;
border-radius: 5px;
}
.custom-modal-btn:hover {
background: #929CBA;
}
.custom-modal-close {
position: absolute;
right: 1rem;
top: 1rem;
font-size: 1.5rem;
cursor: pointer;
}
.button.alt{
background: #636D8F !important;
}
.button:hover,
.alt:hover {
background: #929CBA !important;
}
.lp-button{
color: #fff !important;
}
.course-section__title{
font-size: 18px !important;
}
.course-extra-box__title {
position: relative;
}
.course-extra-box__title::after {
content: '+';
position: absolute;
right: 0;
top: 50%;
right: 2%;
transform: translateY(-50%);
font-size: 20px;
transition: transform 0.3s ease;
}
.course-extra-box.open .course-extra-box__title::after {
content: '-';
}
body.hide-order-review .e-checkout__order_review {
display: none !important;
}
.payment_method_cod
{
display:none !important;
}
/* Grid Layout */
.article-grid-wrapper {width:100%;display:flex;flex-direction:column;align-items:center;}
.article-grid {display:flex;flex-wrap:wrap;gap:10px;justify-content:left;}
.article-card-link {
flex:1 1 32%;max-width: 32%;
background:#fff;border-radius:12px;
transition:all .3s;overflow:hidden;}
.article-card-link:hover {transform:translateY(-4px);}
/* Image with tag inside */
.thumb {position:relative;width:100%;height:160px;border-radius:5px;overflow:hidden;background:#f4f4f4;}
.thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.thumb-placeholder {width:100%;height:100%;background:#f0f0f0;}
.cat-tag {
position:absolute;bottom:10px;left:10px;
background:#636D8F;color:#fff;
padding:4px 10px;border-radius:4px;
font-size:12px;font-weight:500;
z-index:2;
}
/* Text */
.article-card h3 {font-size:17px;font-weight:700;margin:10px 0px 6px;}
.article-card h3 a {color:#0E1A2E;text-decoration:none;}
.article-card p {font-size:13px;color:#555;line-height:1.5;margin:0 0px 10px;}
.meta {font-size:12px;color:#777;margin:0 0px;}
/* Pagination dots */
/* Pagination Style — matches your screenshot */
.article-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 30px 0;
font-size: 14px;
font-weight: 500;
}
.article-pagination a.page-link,
.article-pagination span.page-dots {
color: #555;
text-decoration: none;
padding: 6px 10px;
border-radius: 50%;
min-width: 28px;
height: 28px;
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.25s ease;
border:none;
font-size:18px;
}
.article-pagination a.page-link:hover {
background: #f0f0f0;
}
.article-pagination a.page-link.current {
background: #636D8F;
color: #fff;
padding: 20px 15px;
font-family:'Poppins';
}
.article-pagination .page-dots {
pointer-events: none;
color: #aaa;
}
.swiper-slide .article-card-link
{
flex: 1 1 100%;
max-width: 100%;
}
/* Responsive */
@media(max-width:1024px){.article-card-link{flex:1 1 calc(50% - 24px);max-width:calc(50% - 24px);}}
@media(max-width:640px){.article-card-link{flex:1 1 100%;max-width:100%;}}
/* Loader Animation */
.article-loader {
position:absolute;
top:0; left:0; right:0; bottom:0;
background:rgba(255,255,255,0.7);
display:flex;
justify-content:center;
align-items:center;
z-index:10;
}
.spinner {
width:32px;
height:32px;
border:3px solid #ccc;
border-top-color:#4c5a88; /* your theme's accent color */
border-radius:50%;
animation:spin 0.8s linear infinite;
}
@keyframes spin {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
/* === Search Bar === */
.article-search-bar {
display: flex;
justify-content: ñeft;
align-items: center;
gap: 8px;
padding-bottom:15px
}
.search-field {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #e2e2e2;
border-radius: 999px;
padding: 3px 14px;
width: 230px;
transition: border-color .25s ease;
}
.search-field:focus-within {
border-color: #4c5a88;
}
.search-field input {
border: none !important;
outline: none;
font-size: 14px;
width: 100%;
padding-left: 8px;
color: #333;
background: transparent;
padding: 4px !important;
}
.search-field input::placeholder {
color: #999;
font-weight: 400;
}
.search-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
}
#article-search-btn {
background: #0e1726;
color: #fff;
border: none;
border-radius: 999px;
padding: 8px 20px;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 700;
cursor: pointer;
transition: all .3s ease;
}
#article-search-btn:hover {
background: #7883a5 !important;
}
#article-search-btn:focus {
background: #7883a5 !important;
}
.hm-hrp-bar-container{
display:none !important;
}
.e-n-tab-title:hover
{
color:#000 !important;
}
.e-n-tab-title:focus
{
color:#000 !important;
border-: solid;
border-width: 0px 0px 4px 0px;
border-color: #636D8F!important;
}
.e-n-tab-title[aria-selected="true"] {
border-width: 0px 0px 4px 0px;
border-color: #636D8F!important;
}
.swiper-slide .article-card
{
max-width:100% !important;
}
/* === Arrows === */
.swiper-button-prev,
.swiper-button-next {
color: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
z-index: 20;
}
.swiper-button-prev { left: 10px;
background:none !important;
}
.swiper-button-next { right: 10px;
background:none !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 18px;
font-weight: bold;
color: #fff;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background:none !important;
}
.swiper-button-prev:after.swiper-rtl .swiper-button-next:after,.swiper-button-next:after.swiper-rtl .swiper-button-next:after {
content:none !important;
background:none;
}
/* ===========================
MOST READ
=========================== */
.most-read-list {
margin-bottom: 0px;
}
.most-read-list .section-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.most-read-list .article-list-item {
display: flex;
gap: 18px;
align-items: flex-start;
margin-bottom: 10px;
}
.most-read-list .article-thumb {
position: relative;
flex-shrink: 0;
width: 120px;
height: 80px;
overflow: hidden;
border-radius: 6px;
}
.most-read-list .article-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.most-read-list .cat-tag {
position: absolute;
bottom: 6px;
left: 6px;
background: #636D8F;
color: #fff;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
}
.most-read-list .article-info h3 {
font-size: 16px;
font-weight: 600;
margin: 15px 0px 5px;
}
.most-read-list .article-info p {
font-size: 14px;
color: #555;
line-height: 1.4em;
margin-bottom: 6px;
}
.most-read-list .article-info .meta {
font-size: 12px;
color: #888;
}
.most-read-list .thumb-placeholder {
width: 100%;
height: 100%;
background: #f0f0f0;
border-radius: 6px;
}
/* ===========================
EDITORS CHOICE
=========================== */
.editors-choice-list {
margin-bottom: 0px;
}
.editors-choice-list .section-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.editors-choice-list .article-list-item {
display: flex;
gap: 18px;
align-items: flex-start;
margin-bottom: 10px;
}
.article-list-link
{
display: flex;
gap: 18px;
align-items: flex-start;
margin-bottom: 10px;
}
.editors-choice-list .article-thumb {
position: relative;
flex-shrink: 0;
width: 120px;
height: 80px;
overflow: hidden;
border-radius: 6px;
}
.editors-choice-list .article-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.editors-choice-list .cat-tag {
position: absolute;
bottom: 6px;
left: 6px;
background: #636D8F; /* slightly lighter blue */
color: #fff;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
}
.editors-choice-list .article-info h3 {
font-size: 16px;
font-weight: 600;
margin: 15px 0px 5px;
}
.most-read-list .article-info a:hover {
color:#000 !important;
}
.editors-choice-list .article-info a:hover {
color:#000 !important;
}
.editors-choice-list .article-info p {
font-size: 14px;
color: #555;
line-height: 1.4em;
margin-bottom: 6px;
}
.editors-choice-list .article-info .meta {
font-size: 12px;
color: #888;
}
.editors-choice-list .thumb-placeholder {
width: 100%;
height: 100%;
background: #f0f0f0;
border-radius: 6px;
}
.editors-choice-list .article-list.most-read-list .article-list
{
margin:0;
}
@media (max-width: 720px) {
.editors-choice-list .article-list-link.most-read-list .article-list-link
{
display:flex;
flex-direction:column;
}
}
#article-grid-wrapper-category .article-card {
flex:1 1 33%;max-width: 33%;
background:#fff;border-radius:12px;
transition:all .3s;overflow:hidden;}
#article-grid-wrapper-category .article-card:hover {transform:translateY(-4px);}
.small-avatar-icon .ha-icon-list-icon
{
width:40px !important;
border-radius:50%;
}
.small-avatar-icon .ha-avatar
{
border-radius:50%;
}
.smart-breadcrumb {
font-size: 16px;
color: #0E1A2E
margin-bottom: 12px;
}
.smart-breadcrumb a {
color: #0E1A2E;
text-decoration: none;
}
.smart-breadcrumb a:hover {
text-decoration: underline;
}
.smart-breadcrumb span {
color: #0E1A2E;
}
/* ===========================
EDITORS CHOICE
=========================== */
.editors-choice-widget {
margin-bottom: 0px;
}
.editors-choice-widget .section-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.editors-choice-widget .article-list-item {
display: flex;
gap: 18px;
align-items: flex-start;
margin-bottom: 10px;
}
.editors-choice-widget .article-list-link
{
display: flex;
gap: 10px;
align-items: start;
margin-bottom: 10px;
}
.editors-choice-widget .article-thumb {
position: relative;
flex-shrink: 0;
width: 100px;
height: 80px;
overflow: hidden;
border-radius: 6px;
}
.editors-choice-widget .article-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.editors-choice-widget .cat-tag {
position: absolute;
bottom: 6px;
left: 6px;
background: #636D8F; /* slightly lighter blue */
color: #fff;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
}
.editors-choice-widget .article-info h3 {
font-size: 16px;
font-weight: 600;
margin: 0px 0px 5px;
}
.most-read-widget .article-info a:hover {
color:#000 !important;
}
.editors-choice-widget .article-info a:hover {
color:#000 !important;
}
.editors-choice-widget .article-info p {
font-size: 14px;
color: #555;
line-height: 1.4em;
margin-bottom: 6px;
}
.editors-choice-widget .article-info .meta {
font-size: 12px;
color: #888;
}
.editors-choice-widget .thumb-placeholder {
width: 100%;
height: 100%;
background: #f0f0f0;
border-radius: 6px;
}
.editors-choice-widget .article-list.most-read-list .article-list
{
margin:0;
}
@media (max-width: 720px) {
.editors-choice-widget .article-list-link
{
display:flex;
flex-direction:column;
}
}
/* ===========================
latest news
=========================== */
.latest-news-widget {
margin-bottom: 0px;
}
.latest-news-widget .section-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.latest-news-widget .article-list-item {
display: flex;
gap: 18px;
align-items: flex-start;
margin-bottom: 10px;
}
.latest-news .article-list-link
{
display: flex;
gap: 10px;
align-items: start;
margin-bottom: 10px;
}
.latest-news-widget .article-thumb {
position: relative;
flex-shrink: 0;
width: 100px;
height: 80px;
overflow: hidden;
border-radius: 6px;
}
.latest-news-widget .article-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.latest-news-widget .cat-tag {
position: absolute;
bottom: 6px;
left: 6px;
background: #636D8F; /* slightly lighter blue */
color: #fff;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
}
.latest-news-widget .article-info h3 {
font-size: 16px;
font-weight: 600;
margin: 0px 0px 5px;
}
.latest-news-widget .article-info a:hover {
color:#000 !important;
}
.latest-news-widget .article-info p {
font-size: 14px;
color: #555;
line-height: 1.4em;
margin-bottom: 6px;
}
.latest-news-widget .article-info .meta {
font-size: 12px;
color: #888;
padding:0
}
.latest-news-widget .thumb-placeholder {
width: 100%;
height: 100%;
background: #f0f0f0;
border-radius: 6px;
}
.latest-news-widget .article-list.most-read-list .article-list
{
margin:0;
}
@media (max-width: 720px) {
.latest-news-widget .article-list-link
{
display:flex;
flex-direction:column;
}
}
.glossary-filter-tools .e-filter-item:active
.glossary-filter-tools .e-filter-item:hover
.glossary-filter-tools .e-filter-item[aria-pressed=true]
{
color:#fff !important;
background-color: #636D8F !important;
border-radius: none !important;
}
#newsletter-signup-form {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
max-width: 400px;
margin: auto;
}
#newsletter-signup-form input {
width: 100%;
padding: 8px !important;
font-size: 16px !important;
border: 1px solid #E7E7E7 !important;
border-radius: 5px;
outline: none;
background-color:#FAFAFA;
}
#newsletter-signup-form button {
width: 100%;
background-color: #636D8F;
color: white;
border: none;
padding: 12px;
font-size: 18px;
border-radius: 30px;
cursor: pointer;
transition: background 0.3s ease;
}
#newsletter-signup-form:hover button {
background-color: #929CBA !IMPORTANT;
transition: background 0.3s ease;
}
#newsletter-signup-form {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
max-width: 400px;
margin: auto;
}
#newsletter-signup-form input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
}
#newsletter-signup-form button {
width: 40%;
background-color: #636D8F;
color: white;
border: none;
padding: 9px;
font-size: 18px;
border-radius: 30px;
cursor: pointer;
transition: background 0.3s ease;
}
.newsletter-message {
margin: 0px;
font-size: 14px;
color: #fff;
padding: 8px;
border-radius: 5px;
text-align:center;
}
.sub-arrow
{
display:none !important;
}
/* AZ Grid - theme sheet (paste into theme CSS) */
.az-category-grid {
--az-gap: 20px;
--az-accent: #2f3b46;
--az-text: #0b1a24;
--az-muted: #666;
}
.az-category-grid .az-card
{
box-shadow:none;
}
.az-category-grid .az-card:hover
{
box-shadow:none !important;
}
.az-category-grid .az-letters {
display: flex;
gap: 5px;
align-items: center;
justify-content:center;
margin-bottom: 20px;
flex-wrap: wrap;
list-: none;
padding: 0;
margin: 0 0 20px 0;
}
.az-category-grid .az-letters .az-letter {
text-decoration: none;
color: var(--az-text);
padding: 10px 12px;
display: inline-block;
border-radius: 203px;
font-weight: 400;
font-family: inherit;
font-size: 17px;
background: transparent;
border: 0;
cursor: pointer;
}
.az-category-grid .az-letters .az-letter.active {
background:#636D8F ;
color: #fff;
}
.az-category-grid .az-card {
border: 1px solid #E7E7E7;
padding: 18px;
border-radius: 10px;
background: #fff !important;
position: relative;
min-height: 110px;
}
.az-category-grid .az-card .bookmark {
position: absolute;
top: 14px;
right: 14px;
width: 20px;
height: 20px;
border-radius: 6px;
}
.az-grid
{
display:flex;
gap:10px;
flex-wrap:wrap;
flex-direction:row;
}
.az-grid
{
width:100%
}
.az-card
{
width:32.5%
}
.az-category-grid .az-card h3 {
text-align: left;
color: #0E1A2E;
font-family: "Poppins"Sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
padding-top:5px;
padding-bottom:5px;
}
.az-category-grid .az-card a {
color: inherit;
text-decoration: none;
}
.az-category-grid .az-card .az-excerpt {
text-align: left !Important;
color: #0A0A0A !Important;;
font-family: "Poppins"Sans-serif !Important;
font-size: 16px !Important;
font-weight:300 !important;
}
.az-category-grid .az-grid-empty {
color: var(--az-muted);
padding: 20px;
text-align: center;
}
.az-category-grid .az-loading {
display: flex;
justify-content: center;
margin: 18px 0;
}
.az-category-grid .az-spinner {
width: 36px;
height: 36px;
border-radius: 50%;
border: 4px solid rgba(0000.08);
border-top-color: var(--az-accent);
animation: az-spin 0.9s linear infinite;
}
@keyframes az-spin {
to {
transform: rotate(360deg);
}
}
.az-category-grid .az-sentinel {
height: 2px;
}
@media (max-width:640px) {
.az-category-grid .az-card {
padding: 14px;
}
.az-grid
{
width:100%
}
.az-grid
{
gap:14px;
flex-direction:column;
}
.az-grid
{
display:flex;
gap:10px;
flex-wrap:wrap;
flex-direction:row;
}
.az-card
{
width:100%
}
.az-category-grid .az-letters .az-letter {
padding: 6px 8px;
font-size: 14px;
}
}
.infinite-spinner {
width: 100%;
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative; /* anchorednot floating */
margin-top: 20px;
}
.infinite-spinner .dot {
width: 18px;
height: 18px;
border: 3px solid #4c5a88;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.elementor-pagination .page-numbers{
padding: var(--Spacing-0508px) var(--Spacing-07512px);
gap: 8px;
color: #545454;
}
.elementor-pagination .page-numbers:hover {
border-radius: 9999px;
background: #FAFAFA;
}
.elementor-pagination .page-numbers.current {
border-radius: 9999px;
background-color: #636D8F;
color: white !important;
}
Skip to content
Real world asset tokenizationor RWA tokenizationis the process of converting physical or financial assets into digital tokens on a blockchain . These tokens represent ownership or rights to assets such as real estategoldtreasury billscommodities or even artwork. It is like turning something valuable from the physical world into a digital version you can trade instantly.
Tokenization lets people buy small fractions of large assets. For exampleinstead of saving thousands to invest in real estate or government bondsyou can buy smaller token portions. This opens access to markets that were previously limited to wealthy individuals or institutions.
In simple termstokenization brings real world value onto the blockchain in a way that is fasttransparent and accessible.
History of RWA tokenization The idea behind tokenization began with the launch of Bitcoin in 2009which introduced the world to blockchain’s secure digital ledger. This technology laid the foundation for tokenizing real-world assets. When Ethereum arrived in 2015 with smart contractsit became possible to represent physical and financial assets digitally on blockchains.
Around 2017blockchain projects began experimenting with fractional ownership of things like real estateartand commoditieseffectively turning pieces of these assets into digital tokens. Early efforts were mostly small pilot projects and educational rather than widely used due to regulatory limits and infrastructure that was still developing.
Between 2020 and 2023decentralized finance (DeFi) expanded rapidlyand more companies started tokenizing a variety of assetsincluding real estate sharesgoldand private credit. During this period stablecoins also proved that digital assets backed by real value could scale globally and support broader financial activity.
By 2024 and into 2025RWA tokenization had grown into one of the fastest-expanding areas in crypto . The total value of tokenized assets on blockchains climbed past $30 billion driven especially by institutional demand for tokenized Treasury productsbondsmoney-market fundsand commercial real estate products. Companies like BlackRockFidelityand others contributed offerings that helped push the market into the tens of billions.
In 2025major financial institutions got more involved. For examplesome banks and asset managers began launching or partnering on tokenized versions of traditional funds and securitiesbringing on-chain versions of money-market funds and tokenized bonds to markets that had long been limited to traditional finance platforms.
How RWA tokenization works Tokenization creates a digital representation of a real world asset and stores it on a blockchain so it can be traded more easily.
Here is how it works step by step:
Asset selection: A real world asset such as bondsreal estate or gold is chosen for tokenization. Legal structure: A regulated entity or custodian holds the real asset securely for token holders. Token creation: Digital tokens are minted through smart contracts that define ownership and rules. Ownership representation: Each token represents a fraction of the underlying assetsimilar to shares. Trading and use: Tokenized assets can be tradedused as collateral or held for long term investment.
This process makes traditional assets easier to transfertrack and manage on-chain.
Benefits of RWA tokenization RWA tokenization brings several important advantages to both investors and institutions.
Accessibility: People can invest in smaller amounts instead of needing large capital to enter markets. Liquidity: Tokenized assets can be traded quickly without long settlement delays. Transparency: Blockchain records make ownership and transactions clear and verifiable. Efficiency: Smart contracts automate processes that normally require paperwork and intermediaries. Global access: Anyone with a wallet can investregardless of geography or local banking limits.
Challenges of RWA tokenization Tokenizing real world assets also brings some challenges.
Regulation: Most tokenized assets fall under securities lawswhich vary by country. Custody risks: A trusted custodian must store and manage the real world asset properly. Valuation: Token price must match the true value of the underlying asset. Legal clarity: Ownership rights and investor protections must be clearly defined. Technology readiness: Not all industries have systems ready to integrate with blockchain.
How to get started with RWA tokenization One can start exploring tokenized assets with a few simple steps:
Choose a platform: Select trusted platforms offering tokenized treasuriesreal estate or gold. Create a wallet: Use a secure wallet such as MetaMask Coinbase Wallet or a hardware wallet. Add funds: Deposit crypto or stablecoins like USDC or USDT . Select an RWA product: Choose from tokenized government bondsproperty sharescommodities and more. Start small: Invest small amounts to learn how tokenized assets behave on-chain.
RWA tokenization and the future of finance RWA tokenization is becoming a major bridge between crypto and traditional finance. Large investment firmsfintech companies and governments are experimenting with tokenized bondsdigital identity and real estate. Tokenized treasuries remain one of the fastest growing categories because they offer stable yields and are easy to regulate.
As the technology improves and regulations become clearermore assets such as mortgagescarbon credits and intellectual property may move on chain. This shift can make global finance fastermore open and more inclusive.
RWA tokenization FAQs What types of assets can be tokenized?
Almost any asset can be tokenizedincluding real estatebondsgoldcommodities and invoices.
Is RWA tokenization safe? It is safe when the platform uses regulated custodiansaudits and clear legal structures. Always research before investing.
Why are tokenized treasuries so popular in 2025? High interest rates and improved blockchain infrastructure made tokenized government bonds attractive for stable returns.
Can RWA tokens be traded like cryptocurrencies?
Yes. Most RWA tokens can be transferred or traded on supported platformsthough availability depends on regulationsplatform rulesand investor eligibility.
<>
/* Simple modal styling */
#tw-wallet-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
#tw-wallet-modal .tw-wallet-dialog {
background: #111827;
border-radius: 20px;
width: 420px;
max-width: 95vw;
height: min(90vh700px); /* ⬅️ responsive but capped */
max-height: calc(100vh - 100px);
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 24px 60px rgba(0,0,0,0.35);
}
#tw-wallet-modal .tw-wallet-header {
padding: 10px 14px;
display: flex;
justify-content: flex-end;
}
#tw-wallet-modal .tw-wallet-close {
border: none;
background: transparent;
color: #9CA3AF;
font-size: 22px;
cursor: pointer;
line-height: 1;
}
#tw-wallet-modal .tw-wallet-body {
flex: 1;
}
#tw-wallet-modal .tw-wallet-iframe {
width: 100%;
height: 100%;
border: none;
background: #111827;
}
×
To save this postplease:
