:root {

    --black: #000;
    --white: #fff;
    --border-line: #D0D1DB;
    --light_text: #545454;
    --gray: #F2F3F2;
    --light_bg: #F9F5FF;
    --light_blck: #171717;
    --light_line: #949494;
    --header_gray: #B9B9B9;
    --light_gray: #F6F6F6;
    --green: #29972E;
    --box-shadow: 0px 4px 12px -2px #0000001A;
    --primary: #3B3551;
    --secondary: #6F7F95;
    --line: #A3A3A3;
    --footer_text: #AAAAAA;
    --danger_color: #E51503;
    --blue: #0000FF;
    --info_card_bg: #F9FAFB;
    --info_card_border: #E5E5E5;
    --badge_primary_bg: #EFF6FF;
    --badge_primary_border: #BEDBFF;
    --badge_primary_color: #1447E6;
    --badge_success_bg: #F0FDF4;
    --badge_success_border: #B9F8CF;
    --badge_success_color: #008236;
    --badge_warning_bg: #FFF7ED;
    --badge_warning_color: #CA3500;
    --badge_warning_border: #FFD6A7;
    /* --light_text:#787878; */



    --resonate_bold: 'resonategbold', sans-serif;
    --resonate_extra_bold: 'resonateextra_bold', sans-serif;
    --resonate_extra_light: 'resonateextra_light', sans-serif;
    --resonate_light: 'resonatelight', sans-serif;
    --resonate_medium: 'resonatemedium', sans-serif;
    --resonate_regular: 'resonateregular', sans-serif;
    --resonate_thin: 'resonatethin', sans-serif;
    --resonatesemi_bold: 'resonatesemi_bold', sans-serif;
    --Test_Tiempos_Text: 'Test Tiempos Text';

}

@font-face {
    font-family: 'resonateblack';
    src: url('../fonts/resonate-black-webfont.woff2') format('woff2'),
        url('../fonts/resonate-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'resonategbold';
    src: url('../fonts/resonate-bold-webfont.woff2') format('woff2'),
        url('../fonts/resonate-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'resonatesemi_bold';
    src: url('../fonts/resonate-semibold-webfont.woff2') format('woff2'),
        url('../fonts/resonate-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'resonateextra_bold';
    src: url('../fonts/resonate-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/resonate-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'resonateextra_light';
    src: url('../fonts/resonate-extralight-webfont.woff2') format('woff2'),
        url('../fonts/resonate-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}

@font-face {
    font-family: 'resonatelight';
    src: url('../fonts/resonate-light-webfont.woff2') format('woff2'),
        url('../fonts/resonate-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'resonatemedium';
    src: url('../fonts/resonate-medium-webfont.woff2') format('woff2'),
        url('../fonts/resonate-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'resonateregular';
    src: url('../fonts/resonate-regular-webfont.woff2') format('woff2'),
        url('../fonts/resonate-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'resonatethin';
    src: url('../fonts/resonate-thin-webfont.woff2') format('woff2'),
        url('../fonts/resonate-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Test Tiempos Text';
    src: url('../fonts/TestTiemposText-Bold.woff2') format('woff2'),
        url('../fonts/TestTiemposText-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Test Tiempos Text';
    src: url('../fonts/TestTiemposText-Semibold.woff2') format('woff2'),
        url('../fonts/TestTiemposText-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Test Tiempos Text';
    src: url('../fonts/TestTiemposText-Medium.woff2') format('woff2'),
        url('../fonts/TestTiemposText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Test Tiempos Text';
    src: url('../fonts/TestTiemposText-RegularItalic.woff2') format('woff2'),
        url('../fonts/TestTiemposText-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Test Tiempos Text';
    src: url('../fonts/TestTiemposText-Regular.woff2') format('woff2'),
        url('../fonts/TestTiemposText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-size: inherit;
    margin: 0;
    padding: 0;
}

:focus {
    outline: 0
}

button:focus,
input:focus {
    outline: 0
}

img {
    max-width: 100%
}

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

.title1 {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: clamp(1.25rem, 1.0227rem + 1.1364vw, 1.75rem);
    line-height: clamp(1.5rem, 1.2727rem + 1.1364vw, 2rem);
    letter-spacing: -0.14px;
}


.h1_semibold {
    font-family: var(--resonatesemi_bold);
    font-weight: 700;
    font-size: clamp(1.25rem, 1.0227rem + 1.1364vw, 1.75rem);
    line-height: clamp(1.5rem, 1.2727rem + 1.1364vw, 2rem);
    letter-spacing: -0.14px;
}

.h1_reguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: clamp(1.25rem, 1.0227rem + 1.1364vw, 1.75rem);
    line-height: clamp(1.5rem, 1.2727rem + 1.1364vw, 2rem);
    letter-spacing: -0.14px;
}

.h1_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: clamp(1.25rem, 1.0227rem + 1.1364vw, 1.75rem);
    line-height: clamp(1.5rem, 1.2727rem + 1.1364vw, 2rem);
    letter-spacing: -0.14px;
}

.title2 {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: clamp(1.375rem, 1.2614rem + 0.5682vw, 1.625rem);
    line-height: clamp(1.5rem, 1.2727rem + 1.1364vw, 2rem);

}

.title2_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: clamp(1.25rem, 1.1364rem + 0.5682vw, 1.5rem);
    line-height: 28px;
    letter-spacing: -0.08px;
}

.h2_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: clamp(1.25rem, 1.1364rem + 0.5682vw, 1.5rem);
    line-height: 28px;
    letter-spacing: -0.08px;
}

.h2_reguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.08px;
}

.h2_semibold {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.08px;
}

.title3 {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: clamp(1.125rem, 0.9545rem + 0.8523vw, 1.5rem);
    line-height: clamp(1.666rem, 1.515rem + 0.759vw, 2rem);
    letter-spacing: -0.05px;
}

.h3_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: clamp(1.125rem, 1.0682rem + 0.2841vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.h3_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.h3_raguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.h3_light {
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.h3_semibold {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.micro_lable_medium {
    font-family: var(--resonate_medium);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.2px;
}

.title4 {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 30px;
}

.h4_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}

.h4_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}

.h4_sami_bold {
    font-family: var(--resonatesemi_bold);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}

.h4_raguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}

.h4_light {
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}


.title5 {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.05px;
}

.h5_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.h5_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.h5_raguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.h5_lightobliq {
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.h5_samibold {
    font-family: var(--resonatesemi_bold);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.h6_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.h6_reguler {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.h6_light {
    font-family: var(--resonate_light);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.h6_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.h6_samibold {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
}

.meta_text_1 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.meta_text_2 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.meta_text_3 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.Test_Tiempos_Text_title {
    font-family: var(--Test_Tiempos_Text);
    font-size: clamp(1.5rem, 1.3864rem + 0.5682vw, 1.75rem);
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.02px;
}
.Tiempos_Text_h1_medium {
    font-family: var(--Test_Tiempos_Text);
    font-size: 36px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.2px;
}

.Tiempos_Text_h2_medium {
    font-family: var(--Test_Tiempos_Text);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.2px;
}
.Tiempos_Text_h2_reguler {
    font-family: var(--Test_Tiempos_Text);
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.2px;
}


.tiempos_Text_h3_semibold{
    font-family: var(--Test_Tiempos_Text);
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.15px;
}
.tiempos_Text_h3_reguler {
    font-family: var(--Test_Tiempos_Text);
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.15px;
}


.Test_Tiempos_Text_title3 {
    font-family: var(--Test_Tiempos_Text);
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.15px;
}
.Tiempos_Text_h4_bold{
    font-family: var(--Test_Tiempos_Text);
    font-size: 20px;
    font-weight:bold;
    line-height: 26px;
    letter-spacing:-0.1px;
}
.Tiempos_Text_h4_reguler {
    font-family: var(--Test_Tiempos_Text);
    font-size: 20px;
    font-weight:400;
    line-height: 26px;
    letter-spacing:-0.1px;
}
.Tiempos_Text_h4_medium {
    font-family: var(--Test_Tiempos_Text);
    font-size: 20px;
    font-weight:500;
    line-height: 26px;
    letter-spacing:-0.1px;
}

.Tiempos_Text_h5_reguler {
    font-family: var(--Test_Tiempos_Text);
    font-size: 18px;
    font-weight:400;
    line-height: 24px;
    letter-spacing: 00;
}

.Test_Tiempos_Text_paragraph {
    font-family: var(--Test_Tiempos_Text);
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
}

.Tiempos_Text_body_mobile {
    font-family: var(--Test_Tiempos_Text);
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0;
}

.light_bg {
    background: var(--light_bg) !important;
}

.large_body {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 32px;
}

.small_body {
    font-family: var(--resonate_regular);
    font-weight: 400;

    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.extra_small_body {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 10px;
    line-height: 28px;
    letter-spacing: 0%;
}


.x_small_body {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0%;
}


body {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--light_text);
}

/* Header Start */

header {
    position: relative;
    box-shadow: 0px 4px 12px -2px #0000001A;
}

.top_header {
    padding: 15px 0 15px 0;
}
.main_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width:280px;
    margin: 0 auto;
}
.top_Nav_Search {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    cursor: pointer;
}

.top_nav_menu {
    display: flex;
    align-items: center;
    justify-content: end;
}

.top_Nav_Search .search_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.top_Nav_Search input {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 12px 20px 12px 34px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #B9B9B9;
}

.top_Nav_Search input::placeholder {
    color: #B9B9B9;
}

.top_nav_menu li a {

    font-family: var(--resonatesemi_bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 24%;
    color: var(--black);

}

/* Nav bar star */

.nav_bar {
    position: relative;
    padding: 0 0;
    border-top: 1px solid var(--border-line);
    border-bottom: 1px solid var(--border-line);
}

.navigation_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.navigation_menu li a {
    position: relative;
    font-family: var(--resonate_bold);
    line-height: 20px;
    color: var(--black);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.32px;

}

.navigation_menu li a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    border-radius: 5px;
    height: 4px;
    bottom: -19px;
    left: 0;
    background: var(--black);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.navigation_menu li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.navigation_menu li a.active::after {
    transform: scaleX(1);
}

.menu_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-46%);
    width: 36px;
    right: 0;
}

.navigation_menu li.navbar-dropdown {
    position: relative;
}

.navigation_menu li.navbar-dropdown:hover .dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    display: block;
}

.navigation_menu li.navbar-dropdown .dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(50px);
    left: 0;
    width: 180px;
    background-color: #fff;
    box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 111;
    transition: 0.4s all;
    display: none;
}

.navigation_menu li.navbar-dropdown .dropdown li:not(:last-child) {

    border-bottom: 1px solid var(--border-line);

}

.navigation_menu li.navbar-dropdown .dropdown li {
    padding: 10px 15px;
    transition: all 0.2s ease-in;

}

.navigation_menu li.navbar-dropdown .dropdown li a {
    font-family: var(--resonate_bold);
    line-height: 20px;
    color: var(--black);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2%;

}

.chevron_arrow svg {
    width: 18px;
    height: 18px;
}

.navigation_menu li.navbar-dropdown .dropdown li a:after {
    display: none;
}

.navigation_menu li.navbar-dropdown .dropdown li:hover {
    padding-left: 20px;
 
}
/* Mega menu Start */
 
 
 
 

/* =============================================
   NAV BAR
============================================= */
 
 
 
/* hamburger */
.hamburger{display:flex;flex-direction:column;gap:4px;padding:.5rem;border-radius:var(--mn-r);transition:background var(--mn-t)}
.hamburger:hover{background:var(--mn-surface)}
.hamburger span{display:block;width:22px;height:2px;background:var(--mn-text);border-radius:2px}

/* primary nav list */
.pnav{display:flex;align-items:center;gap:0; justify-content: center;}
.pnavigation-menu{
    display:flex;align-items:center;gap:2px;list-style:none
}
.pnav__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 10px 9px 10px 11px;
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    position: relative;
    color: var(--black);
    border: 1px solid transparent}
.pnav__trigger:hover,.pnav__trigger.is-active{
  background:#F5F5F5;color:#000000; border: 1px solid #E2E6E9;
}
.pnav__trigger.is-active .pnav__arrow{transform:rotate(180deg)}
.pnav__arrow{
  width:26px;height:26px; flex-shrink:0;
  transition:transform var(--mn-t);
}
.pnav__arrow svg{display:block}

/* active underline bar */
/* .pnav__trigger.is-active::after{
  content:'';position:absolute;bottom:-14px;left:50%;
  transform:translateX(-50%);
  width:60%;height:2.5px;background:var(--mn-primary);border-radius:2px;
} */
 
.mm-exclusive-container {
    padding: 40px 17px;
    background: #F5F5F5;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 14px;
}
.audio-insights-lising {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
}
.audio-card {
  display: flex;
  gap: 18px;
 
}

.audio-video-thumb {
    position: relative;
    display: block;
    width: 120px;
    height: 71px;
    border-radius: 5px;
    overflow: hidden;
}

.audio-video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.audio-body {
    flex: 1;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 
 
}
#Insights .mm-exclusive-container {
    padding: 40px 95px;
    grid-template-columns: 1fr 1fr;
    gap: 120px;
}
#Insights .mm-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 18px;
    margin-top: 18px;
}
div#mm-opinion .exclusive-feed, #mm-press_release .exclusive-feed {
    padding: 40px 106px;
    background: #f5f5f5;
    width: 100%;
}
div#mm-opinion .exclusive-feed ul.mm-grid, div#mm-press_release .exclusive-feed ul.mm-grid {
    gap: 18px 120px;
}
div#mm-opinion .exclusive-feed ul.mm-grid .mm-card {
 
    align-items: center;
}

/* =============================================
Learn Menu
============================================= */
/* Container */
 
.learn_menu_container {
    display: grid;
    grid-template-columns: 260px 2fr;
    gap: 0;
}
 
 .featured-guides-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 40px 69px;
    background: #F5F5F5;
    gap: 131px;
}
 .featured-guides-content ul.mm-grid {
    grid-template-columns: repeat(1, 1fr);
}
ul.popular-list {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
 ul.popular-list  li a{
    color: var(--black);
 }
.learning-sidebar {
    padding: 40px 0;
    display: flex;
    justify-content: end;
}
.learning-sidebar-inner {
    max-width: 152px;
}
.learning-sidebar .sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-left: 19px;
}
.learning-sidebar .sidebar-menu li a{
    color: var(--black);
}
.white-bg{
    background: #fff !important;
}
/* =============================================
   MEGA MENU PANEL
============================================= */
.mega-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #FFFFFF;
    border: 1px solid #E2E6E9;
    box-shadow: 0px 12px 25px -2px #00000026;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);   
    border-left:0;
    border-right: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
}

.mega-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s;
}
.mega-menu__inner{
  display:flex;max-width:1344px;margin:0 auto;padding:0;min-height:280px;
}

/* ── BROWSE SIDEBAR ── */
.mm-browse {
    flex-shrink: 0;
    width: 268px;
    background: #fff;
    padding: 1.1rem 0 1.5rem;
    padding-left: 109px;
}
.mm-browse__heading {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 13px;
}
.mm-browse__tabs{display:flex;flex-direction:column}
.mm-browse__tab {
    display: flex;
    align-items: center; 
    gap: 6px;
    padding: 7px 19px;
    transition: background var(--mn-t), color var(--mn-t);
    text-align: left;
    width: 100%;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    transition: all 0.5s;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
}
.mm-browse__tab_icon {
    width: 12px;
    height: 12px;
}
.mm-browse__tab:hover{background: #F5F5F5; color:#000000;
 
}
.mm-browse__tab[aria-selected="true"]{
 background: #F5F5F5; color:#000000;
 font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;

}
 .mm-browse__tab .mm-tab-arr {
    position: absolute;
    right: 45px;
}
 
/* ── CONTENT ── */
.mm-content {
    flex: 1;
    padding: 0;
    overflow: hidden;
    background: #F5F5F5;
}

/* panel */
.mm-panel{display:none;animation:mmIn var(--mn-t)}
.mm-panel.is-active{display:block}
@keyframes mmIn{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}

.mm-panel__hd{
  display:flex;align-items:center;justify-content:space-between;
  
}
 
.mm-view-all{
  display:inline-flex;align-items:center;gap:.3rem;
  
  transition:gap var(--mn-t);
}
.mm-panel__hd_footer {
    padding-top: 36px;
    text-align: end;
}
 
.mm-view-all svg{width:13px;height:13px}

/* news grid */
.mm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 18px;
}
.exclusive-feed .mm-grid {
   gap: 18px 13px;
}

div#mm-news-markets, div#mm-news-policy, #mm-news-markets, #mm-news-web3, #mm-news-security, div#mm-news-business {
    padding: 27px 56px 28px 70px;
}



 
 

/* On desktop, hide mobile elements */
@media (min-width: 1025px) {
  .mobile-nav-drawer,
  .mobile-nav-overlay { display: none !important; }
}
/* news card */
.mm-card{
  display:flex;align-items:flex-start;gap:18px;
 
   
}

 /* 
MOBILE MENU */
/* ── HAMBURGER ── */
  .mob-hamburger {
   display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 16px;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
    border-radius: 0;
    transition: background .2s;
    flex-shrink: 0;
  }
 
  .mob-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--black);
    border-radius: 2px;
    transition: transform .3s ease, opacity .3s ease;
    transform-origin: center;
  }
  .mob-hamburger.is-open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
  .mob-hamburger.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
  .mob-hamburger.is-open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

  
 

  /* ── TOP-LEVEL ITEM ── */
  .mob-nav-item { border-bottom: 1px solid var(--border); }

  .mob-nav-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid var(--border-line);
    padding: 10px 15px;
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    background: none;
    
    cursor: pointer;
    text-align: left;
    transition: background .15s;
  }
  .mob-nav-trigger:hover { background: var(--bg-sub); }
  .mob-nav-trigger.is-active { background: var(--gray); color: var(--black); }
  .mob-nav-trigger.is-active .mob-arrow { color: var(--black); }

  .mob-arrow {
    width: 20px; height: 20px;
    flex-shrink: 0;
    transition: transform .3s ease;
    color: #999;
  }
  .mob-nav-trigger.is-active .mob-arrow { transform: rotate(180deg); }

  /* ── ACCORDION PANEL ── */
  .mob-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.38s cubic-bezier(.4,0,.2,1);
  }
  .mob-submenu.is-open { max-height: 9999px; width: 100%; }

  /* ── SUB TABS ── */
  .mob-sub-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 13px 20px 13px 32px;
     padding: 10px 15px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: var(--black);
    background: #fff;
    border: none;
    border-bottom: 1px solid var(--border-line);
    cursor: pointer;
    text-align: left;
    gap: 8px;
    transition: background .15s;
  }
  .mob-sub-tab:hover { background: #ebebeb; }
  .mob-sub-tab.is-active {
    background: var(--light_gray);
    color: var(--light_text);
    
  }
  .mob-sub-tab-left { display: flex; align-items: center; gap: 10px; }
  .mob-sub-tab-icon { width: 18px; height: 18px; flex-shrink: 0; }
  .mob-tab-arrow {
    width: 14px; height: 14px;
    flex-shrink: 0;
    transition: transform .25s;
    color: #bbb;
  }
  .mob-sub-tab.is-active .mob-tab-arrow { transform: rotate(90deg); color: #1a73e8; }

  /* ── TAB PANEL ── */
  .mob-tab-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.32s ease;
    background: #fff;
  }
  .mob-tab-panel.is-open { max-height: 9999px; }

  /* ── NEWS CARD ── */
  .mob-card {
    display: flex;
    gap: 12px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--border-line);
    text-decoration: none;
    color: inherit;
    transition: background .15s;
  }
  .mob-card:hover { background: #fafafa; }
  .mob-card__img {
    width: 76px;
    height: 56px;
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
    background: #eee;
  }
  .mob-card__img img { width: 100%; height: 100%; object-fit: cover; }
 .mob-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    gap: 6px;
    flex-direction: column;
}
  .mob-card__meta {
     
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--light_text)
  }
  .mob-card__cat { color: var(--black);}
  .mob-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02px;
    color: var(--black);
}

  /* ── VIEW ALL ── */
  .mob-view-all {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding: 14px 20px;
    font-family: var(--resonate_light);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    text-decoration: none;
    border-top: 1px solid var(--border-line);
    background: #fff;
    transition: background .15s;
  }
  .mob-view-all:hover { background: var(--bg-sub); }
  .mob-view-all svg { width: 13px; height: 13px; }

  /* ── SIMPLE LINKS ── */
  .mob-simple-link {
    display: flex;
    align-items: center;
    padding: 13px 20px 13px 32px;
    
   font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    background: var(--bg-sub);
    border-bottom: 1px solid var(--border-line);
    color: var(--black);
    text-decoration: none;
    transition: background .15s;
  }
  .mob-simple-link:hover { background: var(--gray); color: var(--black); }

  /* ── EXPERT CARD ── */
  .mob-expert-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .15s;
  }
  .mob-expert-card:hover { background: #fafafa; }
  .mob-expert-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #ddd;
    border: 2px solid var(--border);
  }
  .mob-expert-name { font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
color: var(--black);}
  .mob-expert-role { font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0; color: var(--light_text);}

  /* ── PRICE ASSET ROW ── */
  .mob-asset-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    transition: background .15s;
  }
  .mob-asset-row:hover { background: #fafafa; }
  .mob-asset-left { display: flex; align-items: center; gap: 11px; }
  .mob-asset-icon { width: 34px; height: 34px; border-radius: 50%; }
  .mob-asset-name { font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2%;
    color: #3B3551; }
  .mob-asset-code { font-size: 11px; color: var(--text-muted); margin-top: 1px; }
  .mob-asset-trend {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 2px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2%;
    color: #545454;
  }
 
  .mob-asset-price { font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2%;
    color: #3B3551; }

  /* ── SECTION HEADER ── */
 .mob-section-hd {
    padding: 12px 20px 8px;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: var(--black);
}

  /* ── PODCAST CARD ── */
  .mob-podcast-card {
    display: flex;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    transition: background .15s;
    align-items: flex-start;
  }
  .mob-podcast-card:hover { background: #fafafa; }
  .mob-podcast-thumb {
    width: 68px;
    height: 50px;
    border-radius: 7px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    background: #111;
  }
  .mob-podcast-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
  .mob-play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mob-play-icon svg { width: 20px; height: 20px; }
  .mob-podcast-title {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    color: #111;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

 
  /* Arrow SVG helper */
  .arrow-down-svg { display: inline-block; }
  .arrow-right-svg { display: inline-block; }
.mob-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
}

.mob-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
}

.mobile-nav-drawer.is-open {
  transform: translateX(0);
}
    /* 
mobile menu end */

.mm-card__img {
    flex-shrink: 0;
    width: 120px;
    height: 71px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mm-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.mm-card:hover .mm-card__img img{transform:scale(1.05)}

.mm-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mm-card__meta{
  display:flex;align-items:center;gap:.22rem;flex-wrap:wrap;
   
}
.mm-card__cat{ color: var(--black);}
.mm-card__sep{opacity:.4}
.mm-card__hl{
  
  transition:color var(--mn-t);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
#mm-news-landing {
    padding: 27px 56px 88px 70px;
    
     
}

.market-assets-block {
  padding: 40px 127px 40px 89px;
}
#mm-Price .mm-browse{
    width: 335px;
}
.mm-browse__heading {
    padding-left: 19px;
}
.market-assets-title {
 
 
  text-transform: uppercase;
}

.market-assets-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 36px;
    margin-top: 18px;
}

.market-asset-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.market-asset-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.market-asset-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.market-asset-meta {
  display: flex;
  flex-direction: column;
}

.market-asset-name {
   font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2%;
    color:#3B3551;

}

.market-asset-code {
    color:#6F7F95;
 

}

.market-asset-trend {
    margin-top: 5px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2%;
    display: flex;
    gap: 10px;
    align-items: center;
}
 

.market-asset-trend--down {
  color: #dc2626;
}

.market-asset-price {
font-family: var(--resonate_medium);
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 2%;
color: #3B3551;

}

/* Responsive */
@media (max-width: 992px) {
  .market-assets-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .market-assets-layout {
    grid-template-columns: 1fr;
  }
}
/* 
mobile */



/* =============================================
   Directory
============================================= */

.expert-directory {
  padding: 40px 137px 40px 89px;
  background: #F5F5F5;
}

.expert-wrapper {
    max-width: 776px;
    /* margin: auto; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

 

.expert-group-title {
  text-transform: uppercase;
  margin-bottom: 18px;
}

.expert-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.expert-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.expert-details {
  display: flex;
  flex-direction: column;
  gap:6px;
}

.expert-title {
 
  margin: 0;
}

.expert-description {
  
}
#mm-Directory .mm-browse {
    flex-shrink: 0;
    width: 336px;
    background: #fff;
    padding: 40px 0;
}.mm-browse__tab
/* Responsive */
@media (max-width: 768px) {
  .expert-wrapper {
    flex-direction: column;
  }
}

/* =============================================
   OVERLAY
============================================= */
.mn-overlay{
  position:fixed;inset:0;z-index:9997;
  background:rgba(0,0,0,.18);
  opacity:0;pointer-events:none;
  transition:opacity var(--mn-t);
}
.mn-overlay.is-visible{opacity:1;pointer-events:all}

/* =============================================
   MOBILE DRAWER
============================================= */
.mob-drawer{
  display:none;
  position:fixed;inset:0;top:0;z-index:10001;
  background:#fff;overflow-y:auto;
  transform:translateX(-100%);
  transition:transform var(--mn-t);
}
.mob-drawer.is-open{transform:translateX(0)}
.mob-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 1.25rem;border-bottom:1px solid var(--border-line);
  position:sticky;top:0;background:#fff;z-index:1;
}
.mob-drawer__head h2{font-size:1rem;font-weight:700}
.mob-drawer__close{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--mn-r);font-size:1.2rem;
  transition:background var(--mn-t);
}
.mob-drawer__close:hover{background:var(--mn-surface)}
#mob-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  background: none;
  border: none;
  cursor: pointer;
}
/* mobile accordion item */
.mob-nav-item{
  display:flex;
  align-items:center;
  justify-content:space-between;   
cursor:pointer;
  transition:background var(--mn-t);
  flex-direction: column;
}
.mob-nav-item:hover{background:var(--mn-surface)}
.mob-nav-arrow{transition:transform var(--mn-t);font-size:.75rem;opacity:.5}
.mob-nav-item.is-open .mob-nav-arrow{transform:rotate(90deg)}

/* mobile sub */
.mob-sub{display:none;background:var(--mn-sidebar);border-bottom:1px solid var(--mn-border)}
.mob-sub.is-open{display:block}

.mob-tabs{display:flex;overflow-x:auto;gap:.4rem;padding:.65rem 1.25rem .6rem;scrollbar-width:none}
.mob-tabs::-webkit-scrollbar{display:none}
.mob-tab{
  flex-shrink:0;padding:.35rem .85rem;border-radius:20px;
  font-size:.78rem;font-weight:600;
  background:#e4e7ed;color:var(--mn-text);
  transition:background var(--mn-t),color var(--mn-t);
}
.mob-tab[aria-selected="true"]{background:var(--mn-tab-active);color:var(--mn-tab-fg)}

.mob-news-list{padding:0 1.25rem}
.mob-news-card{
  display:flex;gap:.65rem;padding:.6rem 0;
  border-bottom:1px solid var(--mn-border);color:var(--mn-text);
}
.mob-news-card:last-child{border:none}
.mob-thumb{
  flex-shrink:0;width:66px;height:46px;border-radius:6px;
  background:#dde0e6;display:flex;align-items:center;justify-content:center;font-size:1rem;
}
.mob-body .mm-card__meta{font-size:.62rem}
.mob-body .mm-card__hl{font-size:.78rem;-webkit-line-clamp:2}

/* =============================================
   RESPONSIVE
============================================= */
@media(max-width:1024px){.pnav__trigger{padding:.4rem .5rem;font-size:.8rem}}
@media(max-width:768px){
  .pnav{display:none}
  .mega-menu{display:none!important}
  .mob-drawer{display:block}
}
@media(max-width:480px){
  .mm-grid{grid-template-columns:1fr}
  .mm-card__img{width:72px;height:52px}
}
 

/* Mega menu End */
.header_price_section {
    position: relative;
    padding: 8px 0 11.34px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.header_price_inner_sec {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.price_inner_section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    box-sizing: border-box;
}

.view_price_detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 20px;
    border-right: 1px solid var(--border-line);
}

.view_price_detail {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 12px;
    white-space: nowrap;
}

.trending_section_main {
    padding-bottom:12px;
}

.trending_section {
    display: flex;
    align-items: center;
    gap: 48px;
    position: relative;

}

.trending_slider .swiper-slide {
    width: auto !important;
    display: inline-block;
}

.trending_title:after {
    content: "";
    background: #000000;
    width: 2px;
    height: 100%;
    position: absolute;
    right: -24px;
}

.trending_title {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    color: var(--black);
    white-space: nowrap;
    position: relative;
    flex: 0 0 123px;
    gap: 12px;

}

.trending_slider .trending_slide_btn {
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid var(--black);
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    color: var(--black);
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    background: transparent;
letter-spacing: 0.24px;


}


.trending_slider {
    overflow: hidden;
    position: relative;
    margin-right: 0;
    padding-right: 0;
    flex: 1 1 82%;
}

.trending_slider_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}

.trending_slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.trending_slider::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
}


.slide_arrow {

    font-size: 24px;


    cursor: pointer;
    position: relative;
    z-index: 2;
}

/* --- WRAPPER --- */
.trending_slider_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- SLIDER --- */
.trending_slider {
    display: flex;
    gap: 14px;
    transition: transform 0.4s ease;
    width: max-content;
    /* content decides width */
}

.trending_section_main .swiper-button-next:after,
.trending_section_main .swiper-button-prev:after {
    font-size: 20px;
}

.swiper-button-prev {
    right: 10px;
    left: auto;
}

.trending_section_main .swiper-button-prev,
.trending_section_main .swiper-button-next {
    width: 20px;
}

.swiper-button-next {
    right: -8px;
}

.swiper-button-prev,
.swiper-button-next {
    color: #000;
}




.view_price_detail .medium_fonts {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--light_text);
}

.view_price_detail .medium_fonts span {
    color: var(--black);

}

.text_chart_negative {
    color: var(--green);
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.header_price_section .container {
    overflow: hidden;
    position: relative;
}

.animate-scroll-infinite {
    animation: scroll 25s linear infinite
}

.animate-scroll-infinite:hover {
    animation-play-state: paused;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}






.btn-close {
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light_gray);
    border-radius: 50%;
    cursor: pointer;

}


.btn-close:hover {
    color: var(--border-line);
    transform: rotate(90deg);
}

.btn-close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal-shopping-cart .btn-close:hover {
    color: var(--black) !important;

    transform: rotate(90deg);
}

ul.nav_ul_mb li a {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.nav_ul_mb li:not(:last-child) {
    border-bottom: 1px solid var(--border-line);

}

ul.nav_ul_mb li a {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--black);
}

.offcanvas-body {
    padding: 0;
}


.main_wraper {
    border-left: 1px solid var(--black);
    border-right: 1px solid var(--black);
    margin: 28px 0;
}

.homepage_block_new__top_section_grid {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 24px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;

}


.article_news_card {
    display: grid;
    grid-template-columns: 431px 1fr;
    gap: 24px;

    padding: 28px 0 20px 28px;
    position: relative;
}

.article_news_card:after {
    content: "";
    border-bottom: 0.5px solid #000000;
    width: 96.9%;
    position: absolute;
    left: 28px;
    bottom: 0;
}
.news-left p{
    width: calc(100% - 48px);
}
.article_card_img {
    width: 100%;
    height: 255px;
    overflow: hidden;
}

.article_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: top center;
}

.article_news_card_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}

.content_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.article_news_card_content p {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.text-color {
    color: var(--black) !important;
}

.para_color {
    color: #3C3C3C;

}

.light_color {
    color: var(--light_text) !important;
}

.footer_text {
    color: var(--footer_text) !important;
}



.articleCard__meta {
    max-width: 70%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.articleCard__meta h3 {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--light_text);
    border-bottom: 1px solid var(--footer_text);
    padding-bottom: 4px;
}

.articleCard__meta p {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;

}

.block-grid {
    padding: 20px 0 28px 28px;
}

.text-sm {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 12px !important;
    line-height: 20px !important;
    letter-spacing: 0.14px;
}

.text-lg {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.02px;
}

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



/* 
.article_blog:not(:last-child){

    border-right: 1px solid red;
} */
.article_blog {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

ul.article_post_grid_list_mobile {
    display: none;
}

.border_right:after {
    content: "";

    height: 64px;
    position: absolute;
    right: -24px;
    top: 6px;
    width: 0.5px;
    background: var(--footer_text);
}

.block-grid {
    row-gap: 24px;
    column-gap: 48px;
}

.article_blog h2 {
    color: var(--black);
}
.latest-news__news-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.news-box {
    overflow: hidden;
    box-sizing: border-box;
    padding: 28px 28px 0 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  
}

.news-header h3 {

    margin: 0;
    display: flex;
    align-items: center;
    color: var(--black);
}

.news-header h3::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 28px;
    background: var(--danger_color);

    border-radius: 2px;
    margin-right: 8px;
}

.news-header select {
    border: 1px solid var(--line);
    color: var(--black);
    border-radius: 5px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    padding: 3px 30px 3px 9px;
    background: var(--white) url(../img/chevron-down.svg);
    width: 120px;
    height: 30px;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center right;
}

.news-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  
    border-bottom: 0.5px solid var(--footer_text);
    gap: 6px;
    padding-bottom:8px;
}

.news-left {
    display: flex;
    align-items: start;
    flex: 1;
    gap:6px;
}

.news-left span {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 5px;
    width: 46px;
    padding-top: 3px;
}

.news-left span::before {
    content: "";
    font-size: 12px;
    background: url(../img/clock.svg) no-repeat center;
    width: 11px;
    height: 11px;
}

.old_news .news-left span::before {
    content: "";
    font-size: 12px;
    background: url(../img/clock_active.svg) no-repeat center;
    width: 11px;
    height: 11px;
}


/* .news-left p {
    width: calc(100% - 50px);

} */
.news-right{
    width: 62px;
    text-align: end;
}
/* .news-right {
    color: var(--black);
    white-space: nowrap;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
} */

.news-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: var(--black);

}

.news-footer a {
    text-decoration: none;
    color: var(--black);
    display: flex;
    align-items: center;
}

.news-footer a::after {
    content: "";
    background: url(../img/chevron-right.svg) no-repeat center;
    margin-left: 5px;
    font-size: 16px;
    width: 30px;
    height: 30px;
}



/* BITCOINT TAB SECTION START */
.bitcoins_tab {
    padding: 28px;
    position: relative;
    border-bottom: 1px solid var(--black);
}

/* --- Tabs --- */
.bitcoins_tab .tabs {
    display: flex;
    gap: 24px;
    margin-bottom: 0;
}

.resonateh3bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.05px;
}

.bitcoins_tab .tabs button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;

    transition: all 0.2s ease;
    color: var(--light_text);
}

.bitcoins_tab .tabs button.active {
    color: var(--black);
}

.black_color {
    color: var(--black) !important;
}

.bitcoins_tab_bottom_grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 24px;
}

.bitcoins_price_card {
    display: flex;
    gap: 24px;

}

@media(max-width:767px) {
    .article_news_story_content .h2_bold {
        font-family: var(--resonate_medium);
        font-weight: 500;
    }
}

.bitcoins_price_card .bitcoins_price_sec_img {
    width: 261px;
    height: 156px;
    overflow: hidden;
}

.bitcoins_price_sec_content {
    width: calc(100% - 285px);
}

.bitcoins_price_sec_content .bitcoins_price_sec_content_body {
    display: flex;
    gap: 12px;
    flex-direction: column;

}

.bitcoins_price_sec_content {
    display: flex;
    gap: 19px;
    flex-direction: column;
    justify-content: space-between;
}

.icon-btn {
    cursor: pointer;
}

.main_grid_slider.active .main_grid {
    padding: 0;
    padding-bottom: 24px;
}

.main_grid_slider.active .for_you_column {
    flex: 1;

}

.icon-btn1 {
    cursor: pointer;
}

.main_grid_slider.active1 .main_grid {
    padding: 0;
}

.main_grid_slider.active1 .for_you_column {
    flex: 1;

}

.mt-custom {
    margin-top: 17px;
}

.post-list-card {
    width: 100%;
    max-width: 300px;
    height: 250px;
    overflow: hidden;
}


.heroMainRail__featuredStories {
    display: grid;
    grid-template-columns: 2fr 300px;
    gap: 50px;
}

.top-article {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 24px;
    align-items: start;
}

.top_article_img {
    width: 100%;
    height: 225px;
    overflow: hidden;
    object-fit: cover;
}

.cover_object {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
}

.top_article_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 19px;
    height: 100%;
}

.top_article_content_body {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.top_article_content h2 {
    color: var(--black);
}

.bitcoins_tab .article_news {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bitcoins_tab .article_news .article_news_body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.homepage-podcast-meta .font-bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
}

.tab_btn {
    width: 42px;
    opacity: 1;
    border-width: 0.5px;
    border-radius: 5px;
    border: 0.5px solid #000000;
}

.tab_btn button {
    font-size: 0;
    width: 30px;
    height: 30px;
}

.tab_btn svg {

    color: #000;
}

.tabs button.active {}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}



/* Press Release CSss Start */
.press_release {
    padding: 28px;
    border-bottom: 1px solid #000000;
    background: var(--gray);
}

.press_release_card_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(100% - 344px);
}

.press_release_card_img {
    width: 320px;
    overflow: hidden;
    height: 180px;
}

.press_release h2.black_color.h3_bold {
    margin-bottom: 24px;
}

.h5_raguler {
    font-family: var(--resonate_regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02px;

}

.press_news_block {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 0.5px solid var(--black);
}

.press_news_block .title4 {
    color: var(--black);
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-weight: normal;
    line-height: 20px;
    font-size: 18px;
}

.sponsore_card {
    padding: 24px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sponsore_card h3 {
    color: #3C3C3C;
}

.sponsore_card p {
    color: var(--light_text);
}






.exclusive_section {
    position: relative;
    padding: 28px;
}

.exclusive_section h2 {
    padding-bottom: 24px;
}

.exclusive_card {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 24px;
}

.exclusive_card_img {
    width: 400px;
    height: 225px;
    object-fit: cover;
    overflow: hidden;
}

.exclusive_card_content {
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.exclusive_card_content .exclusive_card_body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sub_article_grid {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 0.5px solid var(--black);
}

.sub_article_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 52px;
}

.sub_article_grid_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.sub_article_grid_card:not(:last-child):before {
    border-right: 0.5px solid var(--footer_text);
    content: "";
    height: 83px;
    position: absolute;
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
}

.hero__compositionSection .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.composition__list {
    position: relative;
}

.composition__row {
    display: flex;
    gap: 20px;
    align-items: center;
}

.composition_icon {
    width: 40px;
    height: 40px;
}

.primary_color {
    color: var(--primary);
}

.composition_Text {
    font-family: var(--resonate_medium);
    font-weight: 500;
    color: var(--primary);
    font-size: 16px;
    line-height: 22px;



}

.composition_Text span {
    color: var(--secondary);
}

.composition_perct {
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 10px;

    font-weight: 500;

    font-size: 14px;
    font-family: var(--resonate_medium);
    line-height: 20px;
    letter-spacing: 2%;


}

.RiverBanner_slider7 {

    overflow: hidden;
    position: relative;

}


.RiverBanner_slider7 .swiper-slide {
    height: auto !important;
}
.hero__compositionSection .next_prev_buttons{
    position: relative;
}
.hero__compositionSection .next_prev_buttons .next_prev_btn {
    top: auto;
    right: 0;
    bottom: 0;
}

.composition__list {
    padding: 12px 12px 15px 14px;
}

.composition_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.composition_price {
    font-family: var(--resonate_medium);
    font-weight: 500;

    font-size: 16px;

    line-height: 20px;


}

.composition__list::after {
    content: "";
    border: 1px solid #F9F5FD;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}



.voices_and_opinions_section {
    background-color: var(--light_bg);
    position: relative;
    padding: 28px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.voices_and_opinions_section h2 {
    padding-bottom: 20px;
}

.voices_and_opinions_section_grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
}

.voices_and_opinions_card {
    display: flex;
    gap: 24px;
}

.voices_and_opinions_card_img {
    width: 320px;
    height: 180px;
    overflow: hidden;
}

.voices_and_opinions_card_content {
    width: calc(100% - 344px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.Voices_and_Opinions_slider .title4 {
    font-family: var(--resonate_medium);
    font-weight: 500;
    line-height: 20px;
}

.Voices_and_Opinions_slider div#slider {
    display: flex;
    gap: 24px;
}

.Voices_and_Opinions_slider div#slider .voices_and_opinions_items {
    position: relative;
}

.Voices_and_Opinions_slider div#slider .voices_and_opinions_items:not(:last-child):after {
    content: "";
    border: 0.5px solid var(--footer_text);
    height: 55px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
}



.Voices_and_Opinions_slider {
    position: relative;
}

.next_prev_buttons .next_prev_btn {
    top: 4px;
    right: 0;
}

.voices_and_opinions_items {
    position: relative;
    padding-right: 37px;
}

.voices_and_opinions_items:after {
    content: "";
    /* border: 0.5px solid var(--footer_text); */
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.5px;
    background: var(--footer_text);
}

.Voices_and_Opinions_slider .next_prev_buttons .next_prev_btn {
    top: auto;
    right: 0;
    bottom: 0;
}

.defi_news_story_section {
    padding: 28px;
    border-bottom: 1px solid #000000;
}

.defi_news_story_section .main_title {
    padding-bottom: 22px;
}

.defi_news_story_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.defi_news_story_grid_img {
    width: 100%;
    max-height: 180px;
    overflow: hidden;
}

.defi_news_story_grid_items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.defi_news_story_grid_items h3 {
    max-width: 98%;
}

.for_you_section {
    padding: 28px;
    position: relative;
    border-bottom: 1px solid var(--black);
}

.for_you_section_heading {
    position: relative;
    padding-bottom: 24px;
}

.for_you_section_heading h2 {
    display: flex;
    align-items: center;
    gap: 24px;
}

.for_you_section_grid {

    display: flex;

}

.main_grid_slider {
    width: 100%;
    overflow: hidden;
}

.sidebar {
    width: 383px;
    border: 1px solid #E5E5E5;
    padding: 15px 20px 40px 20px;
    overflow-y: hidden;
    border-radius: 5px;
    height: 911px;
}
.sidebar:hover {
    overflow-y: auto;
}
/* Scrollbar width */
.sidebar::-webkit-scrollbar {
    width: 3px;
}

/* Track (background) */
.sidebar::-webkit-scrollbar-track {
    background: transparent;
}

/* Thumb (scroll handle) */
.sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #111, #111);
    border-radius: 10px;
    transition: all 0.3s ease;
}

/* Hover effect */
.sidebar:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #111, #111);
}

/* Active (click) */
.sidebar::-webkit-scrollbar-thumb:active {
    background: #111;
}

.sidebar h3 {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar_content p {
    max-width: 86%;
}

.sidebar_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 0.5px solid var(--line);
}


.topic-section h3 {

    margin-bottom: 12px;

}



.topics {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.topics .theme_btn_topic {
    border: 0.5px solid var(--line);
    background: var(--gray);
    border-radius: 5px;
    padding: 3px 10px 3px 20px;
     font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #222222;
    position: relative;
     
}

.topics .theme_btn_topic:hover {
    background: #111;
    color: #fff;
}

.topics .theme_btn_topic .btn_icon {
    width: 10px;
    height: 10px;
    background: url(../img/plus_icon.svg) center / cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.topics .theme_btn_topic:hover .btn_icon {
    width: 10px;
    height: 10px;
    background: url(../img/check_icon.svg) center / cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.topic-section:not(:last-child) {
    padding-bottom: 13px;
    border-bottom: 0.5px solid var(--footer_text);
    margin-bottom: 15px;
}

/* Main */
.main_grid {
    flex: 1;
    padding: 0 24px;
    display: flex;
    gap: 20px;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.for_you_column {
    flex: 0 0 350px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.for_you_column h3 {

    color: var(--black);
    padding-bottom: 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.follow-btn {
    padding: 7px 12px;
    border-radius: 0;
    border: 1px solid #111;
    background: #fff;
    cursor: pointer;
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}

.follow-btn.following {
    background: #111;
    color: #fff;
}

.follow-btn svg {
    width: 18px;
    height: 18px;
}

/* Card Styles */
.news_card {
    border: 1px solid #eee;
    /* border-radius: 10px; */
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 12px 0px #0000001A;
}

.news_card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.news_card .card-content {
    padding: 36px 37px 46px 15px;
}

.news_card .card-content h4 {
    color: var(--black);
}

.news_card .card-content p {
    font-size: 12px;
    color: #555;
    line-height: 1.4;
}

/* Scrollbar Hidden */
.main::-webkit-scrollbar {
    display: none;
}

/* Small multiple cards grid */
.for_you_section_grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.for_you_section_grid .grid .card img {
    height: 100px;
}

.story_news_card {
    border: 1px solid #eee;
    /* border-radius: 10px; */
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 12px 0px #0000001A;
}

.story_news_card .card-content {
    padding: 16px 20px 29px 20px;
}

.story_card_news.story_news_card .card-content {
    padding: 7px 20px 11px 20px;
}

.second_grid_slider .main_grid {
    padding-bottom: 24px;
}

.swiper-container {
    flex: 1;
    flex: 1;
    padding: 0 24px;
    display: flex;
    gap: 20px;
    overflow-x: hidden;
}

.story_news_card img {
    width: 100%;
    object-fit: cover;
}



/* memecoins Start */
.memecoins {
    padding: 28px;
    border-bottom: 1px solid #000000;
}


.memecoins-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 21px;
}

.commentary_team_grid {
    padding: 22px 0 41px 0;
}

/* Left column (big articles) */
.left-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.memecoins-grid-news-item {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 24px;

}

.memecoins-grid-news-item-img {
    width: 350px;
    height: 197px;
    overflow: hidden;
}

.memecoins-grid-news-item-content {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 12px;
    flex-direction: column;
    max-width: 94%;
    justify-content: space-between;
}

.memecoins-grid-news-item-content_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.meta_news .font-bold {
    font-family: var(--resonate_bold);
    font-weight: 700;

}

.memecoins-grid-right-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px 12px;
}

.memecoins-grid-small-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.memecoins-grid-small-card img {
    width: 100%;
    height: 115px;
    object-fit: cover;

}

.memecoins-grid-small-card-content h4 {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}

/* Responsive Design */
@media (max-width: 992px) {
    .memecoins-grid {
        grid-template-columns: 1fr;
    }

    .memecoins-grid-right-column {
        grid-template-columns: 1fr 1fr;
    }
}

.post_article_content .sitebar_header {
    padding: 0;
    display: none;
}

.desktop_display_none {
    display: none !important;
}


/* Fact Checks */
.fact_check_grid {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    gap: 53px;
}

.fack_check_card {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column;
    position: relative;
}

.fack_check_card .fact_check_card_img {
    width: 100%;
    height: 271px;
    overflow: hidden;
}

.fact_check_card_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fact_check_container {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.fact_check_container .badge {

    padding: 7px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--white);
    border-radius: 5px;
    text-transform: uppercase;

}

.false {
    background: #C42323;
}

.true {
    background: #065F46;
}

.partial {
    background: #EAB308;
}

.process {
    background: #1E3A8A;
}

.insufficient {
    background: #4A5565;
}

.fack_check_card .badge {
    position: absolute;
    top: 24px;
    right: 24px;
}

.fact_check_grid_right_list {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.fact_check_grid_right_card {
    display: flex;
    align-items: center;
    gap: 24px;
}

.fact_check_grid_right_card .fact_check_grid_right_card_img {
    width: 199px;
    height: 112px;
    overflow: hidden;
}

.fact_check_grid_right_card_content {
    width: calc(100% - 225px);
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 12px;
}

.fact_check_grid_right_card_content .badge {

    padding: 4px 12px;
}

.fact_check_articles_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;

}

.fact_check_articles_grid_card {
    display: grid;
    flex-direction: column;
    gap: 24px;
}

.fact_check_articles_grid_card_img {
    width: 100%;
    height: 163px;
    overflow: hidden;
}

.fact_check_articles_grid_card_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fact_check_articles_grid_card .badge {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    padding: 4px 12px;
}

.fact_check_articles_card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fact_check_articles_card_footer .date {
    color: #364153;
}

/* commentary_section Start */
.commentary_section {
    padding: 28px;
    border-bottom: 1px solid var(--black);
    overflow: hidden;
    position: relative;
}

.commentary_team_img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.commentary_team_img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.commentary_team_items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 24px;
}

.commentary_team_content {
    padding: 0 25px;
}

/* ===== NAVIGATION BUTTONS ===== */
.next_prev_btn {
    position: absolute;
    bottom: 28px;
    pointer-events: none;
    z-index: 10;
    width: 42px;
    left: auto;
    right: 28px;
    border: 0.5px solid #000000;
    height: 32px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev-team,
.swiper-button-next-team {
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 22px;
    cursor: pointer;
    pointer-events: all;
    width: 25px;
    line-height: 0;
}

.swiper-button-next-team {
    transform: rotate(180deg);
}

.swiper-button-prev-team:hover,
.swiper-button-next-team:hover {}



/* RiverBanner */
.RiverBanner {
    padding: 28px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--black);
}

.RiverBanner_slider {
    position: relative;
    overflow: hidden;
    padding: 22px 0 50px 0;
    display: block;
}

.river_video_grid {
    display: none;
}

.top_news_card_mobile_list {
    display: none;
}

.RiverBanner_slider .next_prev_btn {
    right: 0;
    bottom: 0;
}

.River-riverCards {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.River-riverCards_video img {
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    height: 169px;
    object-fit: cover;
}

.River-riverCards_video {
    position: relative;
}

.hover_effect:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/play_btn.svg) no-repeat center;
    width: 32px;
    height: 32px;
    position: absolute;
    background-size: cover;
    transition: 0.3s;
    cursor: pointer;
}


.River-riverCards_video .custom-play-btn:hover {

    transform: translate(-50%, -50%) scale(1.1);
}

.River-riverCards-content h4 {
    font-family: var(--resonate_bold);
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

/* 
topnews_section */
.topnews_section {
    padding: 28px;
    position: relative;
    border-bottom: 1px solid var(--black);

}

/* Header Tabs */
.topnews-header {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 24px;
}

.topnews-tab {
    cursor: pointer;
    color: var(--black);
    transition: color 0.3s, font-weight 0.3s;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
}

.topnews-tab.topnews-active {
    font-family: var(--resonate_bold);
    font-weight: 700;
}



/* Layout */
.topnews-grid {
    display: none;
    grid-template-columns: 1.4fr 1.7fr 1.5fr;
    gap: 24px;
    margin-top: 24px;
}

.topnews_card_content .topnews-category {
    padding-bottom: 0;
    margin: 0;
}

.topnews-grid.topnews-active {
    display: grid;
}

/* Left column */
.topnews-left .topnews-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
}

.topnews-left .topnews-item:not(:last-child) {
    padding-bottom: 27px;
}

.topnews-item-img {
    width: 100%;
    height: 105px;
    overflow: hidden;
}


.topnews-category {

    color: var(--light_text);
    margin-bottom: 6px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;

}


.topnews_card_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}



.topnews-center .topnews-desc {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin: 0;
    color: var(--light_text);


}

.topnews-center img {
    width: 100%;
    height: auto;

    margin: 24px 0 12px 0;
}



/* Right column */
.topnews-right-card:not(:last-child) {

    border-bottom: 1px solid var(--line);

}

.topnews-right-card-content {
    padding: 12px 0;
}

.topnews-right img {
    width: 100%;
    height: auto;

}

.topnews-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.topnews-right-card .topnews-category {
    margin-bottom: 12px;
}
 
.topnews-right-card:not(:last-child) h4{
 padding-bottom: 12px;
}

/* Responsive */
@media (max-width: 1024px) {








    .topnews-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .topnews-right {
        order: 3;
    }

}

@media (max-width: 768px) {
    .topnews-grid {
        grid-template-columns: 1fr;
    }

    .topnews-left .topnews-item {
        flex-direction: row;
    }


}



.some_more_news_section {
    position: relative;
    padding: 28px;
    border-bottom: 1px solid var(--black);
}





/* Some more news */
.some_more_news_section_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding-top: 22px;
}

.some_more_news_column {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 20px;
    align-items: start;
}

.some_more_news_card_img {
    width: 100%;
    height: 157px;
    overflow: hidden;
}

.some_more_news_card {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column;
}

.some_more_news_card h4 {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--black);

}

.some_more_news_item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.some_more_news-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.some_more_news_item:not(:last-child) {
    border-bottom: 1px solid var(--footer_text);
    padding-bottom: 12px;
}






@media (max-width: 992px) {
    .news-grid {
        grid-template-columns: 1fr;
    }

    .some_more_news_column {
        grid-template-columns: 1fr;
    }
}

.read_more_news-section {
    padding: 28px;
    position: relative;
    border-bottom: 1px solid var(--black);
}



.read_more_news_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-top: 20px;
}

.read_more_news_left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.read_more_news_left .news_auther_wrap {
    display: flex;
    align-items: center;
    gap: 16px;

}

.read_more_news_left .news_auther {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #D7D7D7;
    overflow: hidden;
}

.read_more_news_left .news_auther img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.read_more_news_left .author {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--light_text);
}

.read_more_news_left .author a {
    color: var(--black);
    text-decoration: underline;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;


}

.read_more_news_left .news-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.news-info .desc {
    font-size: 14px;
    color: #555;
    margin-top: 6px;
    line-height: 1.4;
}

.read_more_news_right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.article_news_story {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.article_news_story_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.article_news_story_img {
    width: 100%;
    height: 179px;
    overflow: hidden;
}

.read_more_news_bottom_blog {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.read_more_news_item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
}

.read_more_news_item:last-child {
    padding: 0;
}

.read_more_news_item img {
    width: 100%;
    max-width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
}

.read_more_news_item .text h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
}

.read_more_news_bottom_blog .read_more_news_item p.meta {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: var(--light_text);
    letter-spacing: 0;
}



.read_more_news_item:not(:last-child) {
    border-bottom: 1px solid var(--line);

}

.latest_news_section .load_more_button_sec {
    position: relative;
    padding-top: 24px;
    max-width: 870px;
    width: 100%;
    text-align: right;
}

.more_then_section_home .load_more_button_sec {
    position: relative;
    padding-top: 24px;
    max-width: 100%;
    width: 100%;
    text-align: right;
}

.load-more {
    padding: 7px 13px 7px 40px;
    border-radius: 5px;
    border: 1.5px solid var(--line);
    cursor: pointer;
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: var(--black);
    text-align: center;
    position: relative;
    transition: all 0.5s;
}

.load-more:after {
    content: "";
    background: url(../img/load-more.svg) no-repeat center;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 12px;
    top: 50%;
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.load-more:hover:after {
    filter: invert(1);
}

.load-more:hover {
    background: var(--black);
    color: var(--white);
}

.latest_news_section .latest_news-item {
    display: none;
}





/* press news */
.press-release {
    padding: 28px;
    border-bottom: 1px solid black;
}

.title_text {
    padding-bottom: 20px;
}

.press-container {
    display: flex;
    gap: 24px;

}

.left_content {
    max-width: 75%;
    overflow: hidden;
    flex: 1 1 75%;
}

aside.newsletter {
    flex: 1 1 23%;
}

.news_slider_buttons {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}

.news_slider_buttons .next_prev_btn {
    position: relative;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
    left: auto;
    right: auto;
    border-radius: 5px;
    display: flex;
    border: 0;
    width: auto;
    align-items: center;
    justify-content: center;
}

.news_slider_buttons .swiper-button-prev-team,
.news_slider_buttons .swiper-button-next-team {
    width: 24px;
    height: 24px;
    border: 1px solid var(--light_text);
    border-radius: 5px;
}

.news_slider_buttons .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var(--line);
    opacity: 9;

}

.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #000000 !important;
    opacity: 9;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: none !important;
}

.news_slider_buttons .swiper-pagination {
    position: relative;
    left: auto !important;
    right: auto;
    transform: none !important;
    max-width: 80px;
    margin-top: 18px;
}

.press-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 64px;
    padding-top: 26px;
    border-top: 1px solid var(--line);
}

.press_news_items {
    border-bottom: 1px solid var(--line);
    padding-bottom: 6px;
}
.press_news_items:nth-child(12), .press_news_items:nth-child(11), .press_news_items:nth-child(10){
    border:0px;
}

.press_news_items h4 {

    margin-bottom: 6px;

}

.press_news_items .meta {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: var(--light_text);
    letter-spacing: 0;
}

.news-swiper .swiper-slide {
    width: 100%;
}

.newsletter .news_latter_form {
    padding: 50px 18px 65px 18px;
    background-color: var(--black);
    border-radius: 5px;

}

.newsletter .news_latter_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap:12px;
}

.newsletter .news_latter_form .text_news_later {
    max-width: 194px;
    margin: 0 auto;
    padding-bottom: 18px;
    border-bottom: 1px solid #949494;
    margin-bottom: 0;
}
.newsletter .news_latter_form .text_news_later{
     font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}
.newsletter .news_latter_form .captach_text {
    font-size: 10px;
    line-height: 20px;
}

.newsletter .newslatter_form {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
}

.newsletter .newslatter_form .form-control {
    border: 1px solid var(--white);
    height: 50px;
    background: transparent;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #9A9A9A;
    width: 100%;
}

.newsletter .newslatter_form .form-control::placeholder {
    color: #9A9A9A;
    text-align: center;

}

.newsletter .newslatter_form .theme_btn {
    padding: 10px 20px;
    border-radius: 5px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    transition: all 0.5s;
    border: 1px solid var(--white);
    width: 100%;
    background-color: var(--white);
}

/* Responsive */
@media (max-width: 1024px) {
    .press-container {
        grid-template-columns: 1fr;
    }

    .press-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
}

.more_then_section_home {
    position: relative;
    padding: 28px;
    border-bottom: 1px solid var(--black);
}

.top_bottom_border {
    border: 1px solid var(--footer_text);

}


.more_then_section_home_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 32px;
}

.more_then_news_card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: none;
}

.more_then_news_card_img {
    width: 100%;
    height: 163px;
    overflow: hidden;
}


/* INSIDE PAGE  */
.post_article_content {
    padding: 28px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.article_header {
    max-width: 872px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.article_page_Heading {
    font-family: var(--resonate_bold);
    font-weight: 500;
    /* font-size: clamp(2.1428rem, 1.981rem + 0.811vw, 2.5rem); */
    font-size: clamp(24px, calc(12.86px + 1.48vw), 40px);
    line-height: clamp(30px, calc(19.29px + 1.85vw), 50px);
    letter-spacing: -0.25px;

}

.articleBody_single_meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.smeta_in,
.smeta-extra {
    display: flex;
    gap: 6px;
}

.smeta-extra p {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

.articleBody_img {

    max-width: 872px;
}

.article_image_caption {
    padding-top: 12px;
}

.Highlights_box {
    margin: 12px 0 24px 0;
    border: 1px solid var(--black);
    padding: 10px 40px;
    border-radius: 5px;

    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    position: relative;
    color: var(--black);
}

.Highlights_box .Highlights_box_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    position: relative;
}

.Highlights_box button {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Highlights_box .card-body ul li {
    margin-left: 25px;
    position: relative;
    list-style: disc;
}


.articleBody_entry_content p:not(:last-child) {
    padding-bottom: 24px;
}

.Highlights_box b {
    font-family: var(--resonate_bold);
    font-weight: 700;
}

figure.is-provider-twitter {
    max-width: 524px;
    margin: 0 auto 24px auto;
}

.articleBody_entry_content h2 {
    padding-bottom: 24px;
}

figure.is-provider-twitter img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.articleBody_meta_tag {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.articleBody_meta_tag p {
    margin: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.meta_tag_btn_group {
    display: flex;
    gap: 12px;
}

.meta_tag_btn_group a {
    padding: 6px 16px;
    border: 1px solid #000000;
    border-radius: 5px;
    font-family: var(--Test_Tiempos_Text);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    transition: all 0.5s;
    color: var(--black);
}

.meta_tag_btn_group a:hover {
    background: var(--black);
    color: var(--white);
}

.authors-section {
    padding: 28px;

}

.authors-section h2 {
    padding-bottom: 24px;
}

.author-card {
    display: flex;
    align-items: flex-start;
    border: none;
    border-radius: 0;
    padding: 0;
    gap: 12px;
    transition: 0.3s ease;
    align-items: center;
}

.author-card:not(:last-child) {
    margin-bottom: 24px;
}

.author-img {
    width: 124px;
    height: 124px;
    border-radius: 100%;
    object-fit: cover;
    overflow: hidden;
    border: 1px solid #000000;
}

.author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.author-content {
    width: calc(100% - 124px);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.author-content p {
    max-width: 766px;
}

/* Responsive Design */


/* latest News */

.latest_news_section {
    padding: 28px;
    position: relative;
}

.section-title {
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
    max-width: 882px;
}

/* .section-title::before,
.section-title::after {
  content: "";
  display: inline-block;
  width: 25%;
  height: 1px;
  background: #000;
  vertical-align: middle;
  margin: 0 10px;
} */


.news-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 96px;
    max-width: 870px;
}

.latest_news_section .topnews-left .topnews-item:not(:last-child) {
    padding: 0;
}

.news-column {

    padding: 0;
}

.news-title {
    font-family: var(--resonate_medium);
    font-weight: 500;
    color: var(--black);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    padding-bottom: 24px;
}

.latest_news-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 17px;
}

/* .latest_news-item:not(:last-child){
 margin-bottom: 24px;
} */
.latest_news-item .news-content h4 {
    margin-bottom: 6px;
    max-width: 90%;
}


.news-content {
    flex: 1;
}


.latest_news_img {
    width: 120px;
    height: 68px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
}

.latest_news_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.Related_News_sec .news-content {
    width: 100%;
    max-width: 100%;
}

.topnews-left .topnews-item {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 17px;
}

/* @media (max-width: 900px) {
  .news-container {
    grid-template-columns: 1fr;
  }
} */

@media (max-width: 600px) {

    .news-item img {
        width: 100%;
        height: auto;
    }
}

.article_exclusive_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 882px;
    width: 100%;
}

.article_exclusive_card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--line);
}

.aside_bar_sec {
    border-right: 1px solid var(--footer_text);
    position: relative;
}

.sitebar_content {


    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

 .h-100v {
    height: calc(100vh  - 300px);
} 

.sitebar_header {
    padding: 28px;
}

.sitebar_header h2 {
    font-size: clamp(1.5rem, 1.388vw + 0.835rem, 2.5rem);
    font-family: var(--resonate_medium);
    font-weight: 500;
    line-height: clamp(1.8rem, 1.6vw + 1.4rem, 3rem);
    letter-spacing: 0;
    color: var(--black);

}

.sitebar_header h2 span {
    display: block;
    font-family: var(--resonate_regular);
    font-weight: 400;
}

.social-icons {
    display: flex;
    gap: 12px;
    padding: 24px 28px;

}

.social-icons a {
    width: 39px;
    height: 39px;
    border: 1px solid #000000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 5px;
}

.social-icons img {
    width: 26px;
}

.post_article_content .the_article_header {
    display: none;
}

.the_article_header {
    padding: 24px 28px;
    border-top: 1px solid var(--footer_text);
}

.sitebar_widgets {
    position: relative;
}

.sitebar_widget_header {
    padding: 24px 28px;
    border-bottom: 1px solid var(--footer_text);
    border-top: 1px solid var(--footer_text)
}

.sitebar_widgets_body {
    padding: 24px 28px;
    position: relative;
}

.sitebar_widgets_body .hero__compositionSection {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sitebar_widgets_body .composition__list:not(:last-child):after {
    display: none;
}

.sitebar_widgets_body .composition_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sitebar_widgets_body .hero__compositionSection .composition__row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.sitebar_widgets_body .hero__compositionSection .composition_icon {
    width: 32px;
    height: 32px;
}
.hero__compositionSection_body {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.sitebar_widgets_body .composition__list {
    padding-left: 0;
    gap: 24px;
   
    
}

.sitebar_widgets_body .composition__list .composition_price {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--primary);
}

.sitebar_widgets_body .composition_Text {
    color: var(--primary);
    font-family: var(--resonate_regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.sitebar_widgets_body .composition_Text span {
    color: var(--secondary);
}

.sitebar_widgets_card:not(:last-child) {
    padding-bottom: 24px;
}

.sitebar_widgets_card {
    display: flex;
    gap: 12px;
    align-items: center;
}

.sitebar_widgets_card_img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden;

}

.sitebar_widgets_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sitebar_widgets_card_content h3 {

    color: var(--black);
}

.sitebar_widgets_card_content {
    width: calc(100% - 76px);
}

.provider_feed_back {
    padding: 24px 28px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 20px;
}

.provider_feed_back .edit_icon {
    width: 24px;
    height: 24px;
}

.provider_feed_back .edit_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.next_prev_buttons {
    width: 58px;
}

.provider_feed_back h4 {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    width: calc(100% - 44px)
}

/* DIRECTORY PROJECT PAGE  */

.directory_project h2 span {
    display: inline;
}

.border-bottom {
    border-bottom: 1px solid var(--footer_text);
}

.info-card {
    padding: 28px;

}

.info-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column;
    max-width: 257px;
}

.info-section {
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding-bottom: 12px;
    border-bottom: 1px solid #E7E7E7;
}

.link_color {
    color: var(--blue);
}

.social-section .social-icons {
    display: flex;
    gap: 12px;
    margin-top: 6px;
}

.info_social {
    display: flex;
    gap: 12px;
    align-items: center;
}

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

.table_data_list>li {
    margin-bottom: 12px;
    padding-left: 20px;

}

.table_data_list>li h4 {
    display: block;
    font-family: var(--resonate_regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);

}

.table_data_list li.bg_black::before {
    color: var(--white);
    top: 10px;
}

.table_data_list>li.bg_black h4 {
    color: var(--white);

}


.bg_black {
    background-color: var(--black);
    padding: 10px;
}

.radius-5 {
    border-radius: 5px;
}

.white-text {
    color: var(--white) !important;
}


.table_data_list li {
    display: block;
    position: relative;
    counter-increment: item;

}

.table_data_list li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--black);
    min-width: 15px;
    text-align: right;
    flex-shrink: 0;
}

.table_data_list ol {
    counter-reset: item;
    list-style: none;
    padding-left: 24px;
    padding-top: 16px;
}

.table_data_list ol li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    left: -24px;
}

.table_data_list ol li {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    padding-bottom: 12px;
    color: var(--black);
    display: inline-block;
}.table_data_list ol li  a{
    display: inline-block;
}
.active-div{
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
}
.project_side_bar .social-icons {
    align-items: center;
    justify-content: center
}

.left-12 {
    left: 10px !important;
    position: relative;
}

.project_title_bar {
    padding: 28px;
    border-bottom: 1px solid var(--footer_text);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project_title_bar h1 {
    font-size: clamp(1.5rem, 1.388vw + 0.835rem, 2.5rem);
    font-family: var(--resonate_medium);
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    color: var(--black);
}

/* .appearance-btn {
    padding: 9px 16px 9px 49px;
    border-radius: 5px;
    border: 1.5px solid var(--line);
    cursor: pointer;
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--black);
    text-align: center;
    position: relative;
    transition: all 0.5s;
}

.appearance-btn::after {
    content: "";
    background: url(../img/settings.svg) no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 17px;
    top: 50%;
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
} */

/* Overlay */




/* Popup */
/* .appearance-popup {
      position: absolute;   
    
      background: #fff;
      width: 300px;
      border-radius: 0;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
      padding: 16px 28px 25px 28px;
      opacity: 0;
      pointer-events: none;
      transition: all 0.3s ease;
      z-index: 999;
    } */

.profile_button_card {
    position: relative;
}

.appearance-popup {
    position: absolute;
    top: 42px;
    right: 0;
    width: 300px;
    background: var(--white);
    border-radius: 10px;
    padding: 16px 28px 25px 28px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    display: none;
    z-index: 2001;
}

.appearance-popup.active {
    opacity: 1;
    pointer-events: auto;
    display: block;

}

.appearance-popup h3 {
    margin-top: 0;
    margin-bottom: 24px;

}

.appearance-popup .close-btn {
    position: absolute;
    top: 8px;
    right: 29px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: var(--black);
}

.appearance-popup-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.appearance-popup-card:not(:last-child) {
    margin-bottom: 24px;
}

.appearance-popup ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 25px;
}

.appearance-popup li {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--black);
    transition: color 0.2s ease;
    position: relative;
    cursor: pointer;
}

.appearance-popup li:hover:after {
    content: "";
    background-color: black;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -23px;
    transform: translateY(-50%);
}

.appearance-popup li.active:after {
    content: "";
    background-color: black;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -23px;
    transform: translateY(-50%);
}

.project_title_bar h1 span {
    font-family: var(--resonate_bold);
    font-weight: 700;
}

.section_post_single {
    padding: 28px;
}

.intro_section {
    position: relative;
    max-width: 899px;
}

.intro_section:not(:last-child) {
    padding-bottom: 24px;
}

.intro_section h2,
.intro_title_text {
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
    margin-bottom: 12px;
    position: relative;
}

.card_desktop_hide {
    display: none;
}

.intro_title_text::after {
    display: none;
}

.intro_section h3 {
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
    margin-bottom: 12px;
}

.aside_desktop_hide {
    display: none;
}

.intro_group:not(:last-child) {
    padding-bottom: 24px;
}

.info_cart_grid {
    /* margin: 24px 0; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.info_card_items {
    border-radius: 5px;
    position: relative;
    padding: 16px 19px 18px 18px;
    border: 1px solid var(--info_card_border);
    background: var(--info_card_bg);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info_card_items .info_card_items_header {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info_card_items .info_card_items_header h3 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info_card_items .info_card_items_header ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info_card_items .info_card_items_header ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--light_text);
}

.info_card_items .info_card_items_content {
    padding-top: 13px;
    border-top: 0.5px solid var(--info_card_border);
}

.info_card_items .info_card_items_content h4 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: var(--black);
    padding-bottom: 12px;

}

.info_card_items .info_card_items_content p {
  font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #787878;
    padding-bottom: 6px;

}

.info_card_items .info_card_items_content ul {
    display: flex;
    gap: 8px 12px;
    flex-wrap: wrap;
}

.info_card_items .info_card_items_content ul li {
   font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #787878;
    position: relative;
    padding-left: 10px;

}

.info_card_items .info_card_items_content ul li:before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #787878;
    border-radius: 100%;
}

.info_card_badge {
    padding: 2px 7px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    border-radius: 5px;
}

.badge_primary_bg {
    background: var(--badge_primary_bg);
}

.badge_primary_color {
    color: var(--badge_primary_color);
}

.badge_primary_border {
    border: 0.5px solid var(--badge_primary_border);
}

.badge_success_bg {
    background: var(--badge_success_bg);
}

.badge_success_color {
    color: var(--badge_success_color);
}

.badge_success_border {
    border: 0.5px solid var(--badge_success_border);
}

.badge_warning_bg {
    background: var(--badge_warning_bg);
}

.badge_warning_color {
    color: var(--badge_warning_color);
}

.badge_warning_border {
    border: 0.5px solid var(--badge_warning_border);
}

.badge_purple_bg {
    background: #FAF5FF;
}

.badge_purple_border {
    border: 0.5px solid #E9D4FF;
}

.badge_purple_color {
    color: #8200DB;
}

.badge_light_yellow_bg {
    background: #FEFCE8;
}

.badge_light_yellow_border {
    border: 0.5px solid #FFF085;
}

.badge_light_yellow_color {
    color: #A65F00;
}

.badge_light_bg {
    border: 0.5px solid var(--info_card_border);
    padding: 2px 7px;
    border-radius: 5px;
}

.three_cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.badge_text {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.14px;

}

.risk_summary_card {
    border-radius: 5px;
    position: relative;
    padding: 16px 19px 18px 18px;
    border: 1px solid var(--info_card_border);
    background: var(--info_card_bg);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.risk_summary_card .risk_summary_card_title h3 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.risk-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.risk-card {
    border-radius: 5px;
    padding: 8px 15px;
    text-align: center;
    border: 1px solid transparent;
    transition: 0.3s ease;
}

.risk-card .score {
    font-family: var(--resonate_medium);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    display: block;

}

.risk-card p {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.14px;
    color: var(--light_text);
}

.green {
    background-color: #f0fbf3;
    border-color: #d7f2df;
    color: var(--badge_success_color);
}

.blue {
    background-color: #EFF6FF;
    border-color: #BEDBFF;
    color: #1447E6;
}

.yellow {
    background-color: #FEFCE8;
    border-color: #FFF085;
    color: #A65F00;
}

.intro_section p:not(:last-child) {
    padding-bottom: 24px;
}

ul.intro_section_list {
    padding-left: 40px;
    padding-bottom: 24px;
}

.intro_section_list li {

    position: relative;
    list-style: disc;
}

.intro_section_list li ol {
    padding-left: 40px;

}

.intro_section_list li ol li {
    position: relative;
    list-style: disc;
}

.intro_section_list li ol.roman_list li {
    list-style: lower-roman;
}

.table-container {

    border-radius: 5px;

    overflow-x: auto;
    border: 1px solid #eee;
    margin-bottom: 24px;
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.table-container th {
    padding: 15px 18px;
    text-align: left;
    border-bottom: 1px solid #E5E5E5;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--black);
}

.table-container th:not(:last-child) {
    border-right: 1px solid #E5E5E5;
}

.table-container td {
    padding: 0 0 0 18px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--light_text);
}

.table-container td:not(:last-child) {
    border-right: 1px solid #eee;
}

/* .max-width-600  table{
    max-width: 600px;
    width: 600px;    
} */

.phase_table th {

    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--light_text);
}

.phase_table .font_bold {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;

}

.phase_table td {
    color: var(--light_text);

}

.references_source_section {
    padding: 28px;
    border-top: 1px solid var(--footer_text);
}

.references_source_section h2 {
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
    cursor: pointer;

}

.references_source_section .Test_Tiempos_Text_title3 {
    position: relative;
}

.references_source_section .Test_Tiempos_Text_title3::after {
    content: "";
    background: url(../img/chevron.svg) no-repeat center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 47px;
    transition: transform 0.3s ease;
    top: 40%;
    transform: translateY(-40%);
}

/* .references_source_section .Test_Tiempos_Text_title3.active::after {
       
      transform: rotate(180deg);
    } */

.reference_columns {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    padding-top: 24px;
}

.reference_columns ol {
    list-style-type: decimal;
    padding-left: 10px;
}

.reference_columns ol li {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: var(--black);
}

.reference_columns ol li a {
    display: inline-block;
    word-break: break-all;
}

.contributors_section {
    position: relative;
    padding: 28px;
    border-top: 1px solid var(--footer_text);
    border-bottom: 1px solid var(--footer_text);


}

.heading_title_text {
    padding-bottom: 12px;

    border-bottom: 1px solid #E2E6E9;
}

.contributors_team_grid {
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
    margin-top: 24px;
    border: 1px solid var(--info_card_border);
}

.contributors_team_card {
    display: flex;
    align-items: center;
    gap: 6px;
}

.contributors_team_card_img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
}

.contributors_team_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contributors_team_card_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: calc(100% - 96px);
}

.team_slider {
    padding: 0 30px;
}

.team_slider .swiper-button-prev {
    right: auto;
    left: 0;
}

.team_slider .swiper-button-next {
    right: 0;
}

.team_slider .swiper-button-next:after {

    content: "";
    font-size: 0;
    background: url(../img/Right_Arrow.svg) no-repeat center center;
    width: 24px;
    height: 24px;

}

.team_slider .swiper-button-prev:after {

    content: "";
    font-size: 0;
    background: url(../img/Left_Arrow.svg) no-repeat center center;
    width: 24px;
    height: 24px;

}

.related_directory_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px 36px;

}

.related_directory_card {
    padding: 17px 13px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--info_card_border);
    border-radius: 5px;
    text-align: center;
}

.related_directory_grid_section .section-title {
    max-width: 100%;
}

.related_directory_grid_section .load_more_button_sec {
    position: relative;
    padding-top: 24px;
    max-width: 100%;
    width: 100%;
    text-align: right;
}

.related_directory_grid_section .related_directory_card {
    display: none;
}

.footer_cols_bottom {
    padding: 28px;
    border-top: 1px solid var(--footer_text);
}

.footer_cols_bottom p {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
    color: var(--black);
    text-align: center;
    max-width: 899px;
    margin: 0 auto;
}



/* Directory Page Start */
.profile-card {
    position: relative;
    padding: 44px 64px 40px 20px;
    background: var(--info_card_bg);
    border: 1px solid var(--info_card_border);
    border-radius: 5px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.profile-image {
    width: 200px;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.fullscreen-btn {
    position: absolute;
    bottom: 8px;
    right: 7px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    animation: zoomInOut 3s infinite ease-in-out;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
        /* Start with normal size */
    }

    50% {
        transform: scale(1.2);
        /* Zoom in */
    }

    100% {
        transform: scale(1);
        /* Zoom out back to normal size */
    }
}

.profile-content {
    width: calc(100% - 253px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile-content .tags {
    display: flex;
    gap: 12px;
}

.profile-content .tags .tag {
    padding: 6px 10px;
    border-radius: 15px;
}

.tag_orange {
    color: #9F2D00;
    border: 0.5px solid #FFAA85;
    background: #FFEDD4;
}

.tag_blue {
    color: #193CB8;
    border: 0.5px solid #859EFF;
    background: #DBEAFE;
}

.tag_purple {
    color: #6E11B0;
    border: 0.5px solid #D885FF;
    background: #F3E8FF;
}

.profile_bottom_section {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    flex-direction: row;
    justify-content: start;
    align-items: start;
}

.profile_bottom_section {
    padding-top: 15px;
}

.profile_bottom_section .info_card_items {
    flex: 1;
}

.info_card_items .info_card_items_header ul li p span {
    display: block;
}

.profile_bottom_section .info_card_items .info_card_items_header h3 {
    font-family: var(--resonate_bold);

}

.profile_bottom_section .info_card_items .info_text {
   font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.bold_font {
    font-family: var(--resonate_bold);
    font-weight: 700;
}

.text_warning_color {
    color: #F54900;
}

.text_green_color {
    color: #00A63E;
}


.table-border table,
.table-border th,
.table-border td,
.table-border tr {
    border: 2px solid #B9B9B9;
    border-radius: 0;
}

.table-border table {
    width: 100%;

}

.table-border table th {
    font-family: var(--resonate_bold);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--black);
}

.table-border table td {
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}

.table-border table th,
.table-border table td {
    padding: 16px 20px;
    text-align: left;
}

.table_section_content {
    position: sticky;
    top: 20px;
}

.table_section_content .active
  {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
}

.project_side_bar {

    overflow: visible;
}

.table_section_content {
    position: sticky;
    top: 0;
}

.table_section_content_body {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.side_bar_title_text {
    font-family: var(--resonate_regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    margin-bottom: 12px;
}


/*Start TCT Fact Check Inside  */
.fc_card_content {
    padding-top: 12px;
    padding-bottom: 24px;
    max-width: 929px;
}

.section_post_intro_section .the_article_header {
    display: none;
}

.fc_card {
    position: relative;
    border: 1px solid #E5E7EB;
    background: var(--white);
    box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.1);
}

.fc_card_header {
    padding: 6px 28px;
    background: rebeccapurple
}

.fc_card_icons {
    width: 32px;
    height: 32px;
}

.fc_card .fc_card_title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.fc_card .fc_card_content_items {
    padding: 28px;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fc_card .fc_card_footer {
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F9FAFB;
}

.fc_card .fc_card_content_items .fc-title {
    color: #4A5565;
    font-family: var(--resonate_light);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
}

.fc_card .fc_card_content_items .h5_lightobliq {
    font-style: oblique;
    color: #101828;
}

.fc_card_content_items p.h5_raguler {
    color: #364153;
}

.fc_card_footer .fc-source {
    color: #364153;
}

.fc_card_footer .h6_light {
    color: #4A5565;
}

.fc_rating {
    position: relative;
    color: #545454;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.fc_rating::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/external-link.svg) no-repeat center;

}

/* fc True */
.fc_true .fc_card_header {
    background-color: #065F46;
}

.fc_true .fc_card_icons {
    background: url(../img/checkmark.svg) no-repeat center;
}

.fc_true .fc_bg_light {
    background-color: #ECFDF5;
}

/* fc Varification */
.fc_verification .fc_card_header {
    background-color: #1E3A8A;
}

.fc_verification .fc_card_icons {
    background: url(../img/search_icon.svg) no-repeat center;
}

.fc_verification .fc_bg_light {
    background-color: #EEF2FF;
}

/* fc Warning */
.fc_warning .fc_card_header {
    background-color: #EAB308;
}

.fc_warning .fc_card_icons {
    background: url(../img/Balance-Scale.svg) no-repeat center;
}

.fc_warning .fc_bg_light {
    background-color: #ECFDF5;
}

/* fc False */
.fc_false .fc_card_header {
    background-color: #C42323;
}

.fc_false .fc_card_icons {
    background: url(../img/delete-sign.svg) no-repeat center;
}

.fc_false .fc_bg_light {
    background-color: #FEF2F2;
}

/* fc EVIDENCE */
.fc_evidence .fc_card_header {
    background-color: #4A5565;
}

.fc_evidence .fc_card_icons {
    background: url(../img/unverified-account.svg) no-repeat center;
}

.fc_evidence .fc_bg_light {
    background-color: #F1F5F9;
}

/* fc Scam */
.fc_scam .fc_card_header {
    background-color: #B91C1C;
}

.fc_scam .fc_card_icons {
    background: url(../img/fraud-alert.svg) no-repeat center;
}

.fc_scam .fc_bg_light {
    background-color: #FEF2F2;
}

/* fc Purple */
.fc_purple .fc_card_header {
    background-color: #8B5CF6;
}

.fc_purple .fc_card_icons {
    background: url(../img/mask-svgrepo.svg) no-repeat center;
}

.fc_purple .fc_bg_light {
    background-color: #E5E7EB;
}

/* fc opinion */
.fc_opinion .fc_card_header {
    background-color: #D97706;
}

.fc_opinion .fc_card_icons {
    background: url(../img/ccman_sign.svg) no-repeat center;
}

.fc_opinion .fc_bg_light {
    background-color: #FFF7ED;
}

/* End TCT Fact Check Inside  */

.padding-28 {
    padding: 28px;
}

.fact_rating_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fact_rating_title {
    position: relative;
}

.fact_rating_title {
    border-bottom: 1px solid var(--footer_text);
}
.following_topic_heading {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.following_topic_heading .author-profile-card__action {
    width: auto;
    padding: 8px 64px;
    border: 1px solid #AAAAAA;
}

.fact_rating_content h1 {
    max-width: 735px;
    font-size: clamp(1.5rem, 1.388vw + 0.835rem, 2.5rem);
    font-family: var(--resonate_light);
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0;
    color: var(--black);
    padding-bottom: 24px;
    line-height: clamp(1.8rem, 1.6vw + 1rem, 3.5rem);
}

.fact_rating_content h1 span {
    font-family: var(--resonate_bold);
    font-weight: 700;
}

.fc_ratings_panel {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 28px;
    margin-top: 48px;
}


.fc_rating_panel_card {
    padding: 32px 50px 32px 26px;
    background: var(--info_card_bg);
    border: 1px solid #E5E7EB;
    border-left: 6px solid red;
    display: flex;
    align-items: center;
    gap: 23.67px;
    cursor: pointer;
}

.fc_rating_panel_card_icon {
    width: 70px;
    height: 70px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #E5E7EB;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
    gap: 4px;
    transform: rotate(2deg);
}

.fc_ratting_icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fc_rating_panel_card_icon .fc_ratting_icon_text {
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    color: var(--white);
}

.fc_rating_panel_card_content {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.fc_rating_panel_card_content h3 {
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 6px;
}
.fc_rating_panel_card_content .h4_light {
    padding-bottom: 6px;
    border-bottom: 1px solid #E5E7EB;
}

.fc_rating_panel_card_content p {
    color: #364153;
}

.fc-rating-progress {
    border-left: 6px solid #1E3A8A;
}

.fc-rating-progress .fc_rating_panel_card_icon {
    background: #1E3A8A;
}

.fc-rating-true {
    border-left: 6px solid #065F46;
}

.fc-rating-true .fc_rating_panel_card_icon {
    background: #065F46;
}


.fc-rating-partial {
    border-left: 6px solid #EAB308;
}

.fc-rating-partial .fc_rating_panel_card_icon {
    background: #EAB308;
}

.fc-rating-false {
    border-left: 6px solid #C42323;
}

.fc-rating-false .fc_rating_panel_card_icon {
    background: #C42323;
}

.fc-rating-insufficient {
    border-left: 6px solid #4A5565;
}

.fc-rating-insufficient .fc_rating_panel_card_icon {
    background: #4A5565;
}

.fc-rating-scam {
    border-left: 6px solid #B91C1C;
}

.fc-rating-scam .fc_rating_panel_card_icon {
    background: #B91C1C;
}


.fc-rating-satire {
    border-left: 6px solid #8B5CF6;
}

.fc-rating-satire .fc_rating_panel_card_icon {
    background: #8B5CF6;
}

.fc-rating-opinion {
    border-left: 6px solid #D97706;
}

.fc-rating-opinion .fc_rating_panel_card_icon {
    background: #D97706;
}

.fc_ratings_panel_listing {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

aside.fc_sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fc-sidebar-widgets {
    border: 1px solid #E2E6E9;
    position: relative;
}

.fc-sidebar-widgets .fc-sidebar_widgets_title {
    padding: 18px 28px;
    background-color: var(--black);
    text-transform: uppercase;
}

.fc-sidebar-widgets .fc-sidebar-widgets-body {
    padding: 28px;
}

.fc-sidebar-widgets-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fc-sidebar-widgets .fc-sidebar-widgets-body .fc-sidebar-widgets-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fc-sidebar-widgets .fc-sidebar-widgets-body .fc-sidebar-widgets-list:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
}

.fc-sidebar-widgets .fc-badge {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    padding: 4px 7px;
    color: var(--white);
    border-radius: 5px;
    text-transform: uppercase;
}

.fc-sidebar-widgets .date {
    color: #364153;
}

.fc-sidebar-widgets-list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fc-sidebar-widgets-footer {
    padding: 28px;
    border-top: 1px solid #E2E6E9;
}

.archive_text a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #364153;
}

.fc_category_list li {
    padding: 12px 0;
    display: block;
    border-bottom: 1px solid #E2E6E9;
}

.fc_category_list li:first-child {
    padding-top: 0;
}

.editor_choide h4 {
    max-width: 247px;
}

.mb-body {
    padding: 15px 20px;
}

.form-search {
    margin-bottom: 8px;
    position: relative;
}

.form-search input {
    padding: 12px;
    padding-left: 44px;
    font-family: var(--resonatesemi_bold);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01px;
    color: var(--header_gray);
    border-width: 1px;

}

.form-search button {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent;
    border: 0;
}

.form-search button {
    right: auto;
    left: 12px;
}

.nav-ul-mb li {
    padding: 10px 5px;
}

.nav-ul-mb li:not(:last-child) {
    border-bottom: 1px solid var(--info_card_border);
}

.nav-ul-mb li a {
    font-family: var(--resonate_bold);
    line-height: 20px;
    color: var(--black);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.32px;
}

.nav-ul-mb li a:hover {
    color: var(--black);
}

.mobile-d {
    display: none;
}

.some_more_news_section_grid_mob {
    display: none;
}

.intercom_carousel_section {
    display: none;
}

.fact_check_articles_grid_mobile {
    display: none;
}

.search-container {
    position: fixed;
    top: -80px;
    /* hidden initially */
    left: 0;
    width: 100%;
    background: white;
    padding: 12px;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    gap: 10px;
    align-items: center;
    transition: bottom 0.3s ease;
    z-index: 1000;
}

.search-container.open {
    top: 0;
    /* slide up */
}

.search-icon {
    cursor: pointer;
}

.close-btn {
    background: transparent;
    color: var(--black);
    border: none;
    padding: 0;
    font-size: 24px;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: bold;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

.search-overlay.active {
    opacity: 1;
    pointer-events: all;
}

.header_mobile {
    display: none;
}

.desktop_none {
    display: none;
}

.article-meta {
    color: var(--light_text);
}

.uni_news_layout {
    position: relative;
    padding-top: 60px;
    display: grid;
    grid-template-columns: 2.3fr 1fr;
    gap: 48px;
}

.uni_feature_news_grid {
    display: grid;
    grid-template-columns: 1.888fr 1fr;
    gap: 48px;
}

.uni_featured_article_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uni_featured_article_card_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uni_news_middle {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.uni_grid_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uni_grid_card_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.uni_feature_news_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.uni_featured_news_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin: auto;
    padding-top: 24px;
    border-top: 0.5px solid #000000;
}

.uni_featured_news_card {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    position: relative;
}

.uni_feature_cate_grid .uni_featured_news_card {
    gap: 6px;
}
.uni_featured_news_card:nth-child(even):after {
    content: "";
    background: var(--footer_text);
    width: 0.5px;
    height: 64px;
    position: absolute;
    top: 0;
    left: -12px;
}

.archive_zone_news_section {
    position: relative;
    padding-top: 79px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.uni_feature_cate_grid_section{
    padding-top: 30px;
    gap:30px;
}
.all_news_search{
 
    gap:24px;
    padding-top: 0;
}

.archive_zone_news_container .archive_title {
    padding-bottom: 24px;
}
.uni_feature_cate_grid_section .archive_title {
    padding-bottom: 14px;
    border-bottom: 1px solid #E2E6E9;
    margin-bottom: 0;;
}
.archive_zone_news_grid {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.uni_feature_cate_grid_section .archive_zone_news_card {
    
    gap: 12px;
    padding-bottom: 18px;
     
}
.uni_feature_cate_grid_section .archive_zone_news_grid{
    gap: 12px;
}
.news-category {
    padding-bottom: 0;
}
.archive_zone_news_card {
    display: flex;
    gap: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E2E6E9;
}

.archive_zone_news_img {
    width: 204px;
    height: 115px;
    overflow: hidden;
}

.archive_zone_news_content {
   flex:1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.uni_feature_cate_grid_section .archive_zone_news_content{
    gap: 12px;
    justify-content: normal;
}
.archive_zone_news_head {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.uni_sidebar_box_head h4 {
    display: flex;
    gap: 12px;
}

.uni_news_sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.uni_sidebar-box {
    position: relative;
    border: 1px solid #E2E6E9;
}

.uni_sidebar_box_head {
    padding: 18px 24px;
    background: #000000;
}

.uni_sidebar-box .uni_sidebar_body {
    padding: 24px 28px;

}

.uni_sidebar_content {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.informer_form .uni_sidebar_box__input {
    border: 1px solid #AAAAAA;
    padding: 8px 28px;
    font-family: var(--resonate_light);
    font-size: 16px;
    color: var(--footer_text);
    line-height: 30px;
    letter-spacing: 0;
    width: 100%;
    border-radius: 5px;
    color: var(--footer_text);
}

.informer_form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: wrap;
    width: 100%;
}

.informer_form .uni_sidebar_box__btn {
    border: 1px solid #AAAAAA;
    padding: 16px 28px;
    font-family: var(--resonate_medium);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    width: 100%;
    border-radius: 5px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.uni_sidebar-box .tag-wrap {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
}

.uni_sidebar-box .tag-wrap .tag {
    padding: 7px 10px;
    border: 1px solid var(--black);
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    border-radius: 5px;
    cursor: pointer;
}

.editor_pick_card_content {
    padding: 24px 28px;
}

.editor_pick_card_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pick_content_editor {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.editor_pick_card_content .article-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.editor_pick_card_content .article-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.resona_timestap_medium {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.0025px;
}

.advertisement-section {
    padding: 28px 42px;
    border: 1px solid #E2E6E9;
}

.advertisement-placeholder {
    width: 100%;
    height: 300px;
    border: 1px dashed #55445540;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.social-share-section .social-icons {
    padding: 0;
}

.social-share-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
}

.advertisement-placeholder {
    color: #364153;
}

.follow_google_button {
    padding: 7px 36px;
    border: 1px solid var(--black);
    border-radius: 5px;
    font-family: var(--resonate_medium);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.uni_news_layout .load_more_button_sec {
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100%;
}

.follow_google_button .follow_icon {
    width: 34px;
    height: 34px;
    background: url(../img/TCT-News-on-Google.svg) no-repeat center;
    background-size: cover;
}

.crypto-list {
    
    overflow: hidden;
    width: 100%;
}

.crypto-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 36px;
    border-bottom: 1px solid #E2E6E9;
}

.crypto-item:last-child {
  border-bottom: none;
}

.crypto-item__left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.crypto-item__icon, .crypto-item__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 3.4px solid #F3F4F6;
}

.crypto-item__info {
  display: flex;
  flex-direction: column;
}

.crypto-item__title {
   color: #3B3551;
}

.crypto-item__symbol {
  color: #6F7F95;
}

.crypto-item__meta {
 
  margin-top: 4px;
}

 

.crypto-item__change--up {
    color: #6F7F95;
    display: flex;
    align-items: center;
    gap: 10px;
}
.crypto-item__price {
 color: #3B3551;
}
.interview-card {
    overflow: hidden;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.interview-card__media {
  position: relative;
  overflow: hidden;
}

.interview-card__image {
  width: 100%;
  display: block;
  border-radius: 10px;
}

/* Badge */
 
/* Play Button */
.interview-card__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:32px;
  height:32px;
 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
 
  transition: 0.3s;
}

 
 

/* Content */
.interview-card__content {
  padding: 0;
}

 

/* filter start */
.news_filter_section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_filter_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-top: 36px;
    border-bottom: 1px solid var(--footer_text);
    padding-bottom: 24px;
}

.news_search_box {
    position: relative;
    max-width: 404px;
    width: 100%;
}

.news_search_box .search_input {
    border: 1px solid var(--footer_text);
    padding: 3px 28px 3px 58px;
    border-radius: 5px;
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--footer_text);
    width: 100%;
    background: url(../img/search_filter.svg) no-repeat;
    background-position: 28px center;
}

.news_filter_controls {
    display: flex;
    gap: 12px;
}

.news_filter_controls .news_filter_dropdown {
    padding: 7px 34px 7px 15px;
    border: 1px solid var(--black);
    border-radius: 5px;
    font-family: var(--resonate_regular);
    background: url(../img/filter_dropdown.svg) no-repeat;
    background-position: 92% center;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    appearance: none;
    -webkit-appearance: none;
    width:180px;
}

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

.archive_zone_news_container {
    flex-direction: column;
    display: none;
}
.uni_feature_cate_grid_section .archive_zone_news_container{
    gap:18px;
}

.post-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 0;
}


.popular-posts-list .post-content {
    padding-bottom: 6px;
    border-bottom: 1px solid #E2E6E9;
    width: calc(100% - 45px);
}

.post-item:last-child {
    border-bottom: none;
}

.popular-posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
}

.post-rank {
    width: 24px;
    height: 24px;
    background: #E2E6E9;
    color: #364153;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.post-title {
    display: block;

}



.popular-posts-list .reading-time {
    display: block;
    color: #364153;
    margin-top: 5px;
}


/* Crypto Directory Listing Page*/


.crypto-directory-layout {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 26px;
    padding-top: 48px;
}

.crypto-directory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;

}

.crypto-directory-card {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.crypto-card-body {
    display: flex;
    flex-direction: column;
    min-height: 196px;
}

.crypto-card-content {
    padding: 24px 24px 20px 24px;
}

.crypto-card-content .crypto-card-title {
    margin-bottom: 6px;
}

.crypto-card-content .crypto-card-description {
    color: #3C3C3C;
}

.crypto-people-list {
    display: flex;
    gap: 12px;
    padding: 29px 0 24px 0;
}

.crypto-people-list li {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
    max-width: 70px;
    width: 100%;
}

.crypto-people-list li img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.crypto-people-list span {
    color: #3C3C3C;
}


.crypto-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.crypto-card-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 6px;
    border-top: 1px solid #E2E6E9;
    color: #3C3C3C;
}

.crypto-directory-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

ul.crypto-directory-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.crypto-directory-link {
    display: flex;
    align-items: center;
    gap: 17px;
}

.crypto-directory-link .crypto-directory-icon {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
}

.crypto-directory-sidebar .uni_sidebar_body {
    padding: 24px;
}

/* Crypto Directory Option 1 Page */
.crypto-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 24px;
}

.crypto-category-card {
    background: #fff;
    border: 1px solid #E2E6E9;
    padding: 24px 18px;
    box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.crypto-category-logos {
    display: flex;
    gap: 12px;

}

.crypto-category-logos img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
}

.crypto-category-card .crypto-category-title {
    padding-bottom: 6px;
}

.crypto-category-card .crypto-category-description {
    color: #3C3C3C;
}

.crypto-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 6px;
    border-top: 1px solid #E2E6E9;
    color: #3C3C3C;
}

.crypto-directory-category-sidebar .crypto-directory-link .crypto-directory-icon {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
}

/* TCT-directory-category */
.crypto-directory-filters {
    background-color: #ffffff;
    padding: 48px 0 24px 0;
    border-bottom: 1px solid var(--footer_text);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 48px;
}

/* Search */
.filter-search-wrapper {

    max-width: 542px;
}

.crypto-search-input {
    width: 100%;
    background: var(--white) url(../img/search_filter_icon.svg) no-repeat;
    padding: 2px 58px;
    border: 1px solid var(--footer_text);
    border-radius: 5px;
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    background-position: 28px center;
}

.filter-row {
    padding: 18px 24px;
    background: #F9FAFB;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-controls {
    display: flex;
    gap: 12px;
}

.filter-controls .filter-group {
    display: flex;
    gap: 24px;
    align-items: center;
}

.filter-row .filter-select {
    background: var(--white) url(../img/chevron-dropdown.svg) no-repeat;
    border: 1px solid #E2E6E9;
    padding: 7px 42px 7px 12px;
    border-radius: 5px;
    height: 35px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    -webkit-appearance: none;
    appearance: none;
    background-position: 97% center;
}

.filter-row .sort-popularity {
    background: #F3F3F5 url(../img/chevron-dropdown.svg) no-repeat;
    border: 1px solid #F3F3F5;
    padding: 7px 84px 7px 12px;
    border-radius: 5px;
    height: 35px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    -webkit-appearance: none;
    appearance: none;
    background-position: 95% center;
}

.crypto-tags-row {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.crypto-tags-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.crypto-tag {
    display: inline-block;
    padding: 6px 10.5px;
    border-radius: 10px;
    border: 1px solid #E2E6E9;

}

.leaders-listing {
    padding: 48px 0;
}

.leaders-listing .leaders_listing_heading {
    padding-bottom: 24px;
    border-bottom: 1px solid #E2E6E9;
    max-width: 949px;
}

.leaders-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px 20px;
    padding-top: 24px;
}

.leader-profile-card {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    padding: 18px;


}

.leader-profile-card .leader-profile-card-body {
    display: flex;
    align-items: center;
    gap: 12px;
}

.leader-profile-card .leader-profile-card-body .leader-profile-card-img {
    width: 84px;
    height: 84px;
    border-radius: 100%;
    border: 3.4px solid #F3F4F6;
    overflow: hidden;
}
.leader-profile-card .leader-profile-card-body .leader-profile-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.leader-profile-card .leader-profile-card-body .leader-profile-card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.leader-profile-card .leader-expertise-tags {
    padding: 18px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

}

.leader-profile-card .leader-expertise-tags .expertise-tag {
    color: #364153;
    background: #F3F4F6;
    padding: 4px 9px;
    border-radius: 5px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
}

.leader-profile-card .leader-profile-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #E2E6E9;
    padding-top: 18px;
}

.leader-profile-card .leader-profile-card-footer .leader-social-links {
    display: flex;
    gap: 18px;
}

.leader-profile-card-footer .leader-view-link {
    display: flex;
    align-items: center;
}

.crypto-pagination {
    display: flex;
    justify-content: center;

}

.crypto-pagination-list {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 0;
}

.crypto-pagination-item {
    display: flex;
}


.crypto-pagination-link {
    padding: 13px 17px;
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: #000000;
    text-decoration: none;
    border-radius: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.crypto-pagination-prev,
.crypto-pagination-next {
    border: 0;
    display: flex;
    align-items: center;
}

.crypto-pagination-link:hover {
    border-color: #000;
    font-family: var(--resonate_bold);
}

.crypto-pagination-prev:hover,
.crypto-pagination-next:hover,
.crypto-pagination-ellipsis:hover {
    border: 0;
    font-family: var(--resonate_regular);
}

.crypto-pagination-ellipsis {
    color: var(--footer_text);
    border: none;
}


.crypto-pagination-link.is-active {
    border-color: #000;
    font-family: var(--resonate_bold);
    background-color: #ffffff;
}


.crypto-pagination-prev,
.crypto-pagination-next {
    color: #374151;
}


.crypto-pagination-dots {
    padding: 8px 10px;
    font-size: 14px;
    color: #6b7280;
}

/* Search Reasult Page */
.news-filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--footer_text);
}

.news-search-input {
    width: 100%;
    background: var(--white) url(../img/search_uniswap.svg) no-repeat;
    padding: 9px 60px;
    border: 1px solid var(--footer_text);
    border-radius: 5px;
    font-family: var(--resonate_bold);
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    background-position: 28px center;
    color: var(--black);
    height: 48px;
}

.news-search-input::placeholder {
    color: var(--black);
}

.news-time-filter .news-time-select {
    background: var(--white) url(../img/chevron-down.svg) no-repeat;
    padding: 7px 15px;
    border-radius: 5px;
    border: 1px solid var(--black);
    appearance: none;
    width: 180px;
    height: 35px;
    background-position: 95% center;
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}

.news-search {
    max-width: 860px;
    width: 100%;
}

.crypto-news-section {
    padding: 48px 0;
    border-bottom: 1px solid #E2E6E9;
}
.crypto-news-section-inner{
  max-width: 1250px;

}

.news-articles-list {
    display: grid;
  grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 24px 0;
    
   
}

.crypto-news-card {
    display: flex;
    gap: 12px;
     display: none;
     flex-direction: column
}

.crypto-news-card .news-description {
    color: #3C3C3C;
}

.crypto-news-card .crypto-news-image {
    width: 290px;
    height: 163px;
    overflow: hidden;
}

.crypto-news-card .crypto-news-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.crypto-news-card .crypto-news-summary {
    color: #3C3C3C;
}

.news-articles-list .load_more_button_sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-header__results {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 7px 19px;
    border: 1px solid #E2E6E9;
    border-radius: 10px;
    background-color: #fff;
}

 
.news-section-header {
    display: flex;
    align-items: center;
    gap: 24px;
}
 
.assets-section {
    background-color: #ffffff;
    padding: 24px 0;
    border-bottom: 1px solid #E2E6E9;
}
.assets-container {
    max-width: 1250px;
}
.assets-section .news-section-header {
    gap: 18px;
}

.assets-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 24px 0;
}


.asset-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px ;
    border: 1px solid #E5E7EB;
    border-radius: 5px;
    background-color: #ffffff;

}


.asset-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.asset_info_img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color:#3C3C3C;
  
}

.view-all-link__icon {
  transition: transform 0.2s ease;
}

.view-all-link:hover .view-all-link__icon {
  transform: translateX(4px);
}
.assets-container .view-all-link {
    display: flex;
    justify-content: end;
}

.asset-name {
    color: var(--primary);
    padding-bottom: 6px;
}

.crypto-symbol-text {
    color: var(--secondary);
}

.asset-change {

    color: var(--secondary);
    display: flex;
    align-items: center;
}

.crypto-symbol {
    background: url(../img/Arrow_Small_Down_R.svg) no-repeat center;
    width: 20px;
    height: 20px;

}

.asset-price {
    color: var(--primary);
}


.team-directory-section {
    background-color: #ffffff;
    padding: 24px 0;
    border-bottom: 1px solid #E2E6E9;
}

.team-member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    padding: 24px 0;
}
.team-directory-header {
    display: flex;
    align-items: center;
    gap: 24px;
}
.team-member-card {
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 36px;
    position: relative;
}
.team-directory-section .view-all-link {
    justify-content: end;
    display: flex;
}
.team-member-avatar {
    display: flex;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
}

.team-member-info {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex-direction: column;
}

.team-member-skills {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.team-skill-badge {
    padding: 6px 10px;
    background: #ECFEFF;
    border-radius: 5px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #007595;
}

.team-member-social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0;
}

.team-member-body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.team-social-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #E2E6E9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-member-footer {
    padding-top: 36px;
    border-top: 1px solid #E2E6E9;
}

.team-profile-cta {
    color: #3C3C3C;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
}







.company-directory-section {
    background-color: #ffffff;
    padding: 24px 0;
    border-bottom: 1px solid #E2E6E9;
}

.company-directory-header {
    display: flex;
    align-items: center;
    gap: 24px;
}


.company-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 24px 0;
}

.company-card {
    background: #fff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}
.company-directory-section .view-all-link {
    justify-content: end;
    display: flex;
}

.company-card-top {
    display: flex;
    gap: 12px;
    align-items: center;
}

.company-card-img {
    width: 72px;
    height: 72px;
    border-radius: 100%;
}


.company-card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.company-card-footer {
    text-align: end;
}

.company-view-link {

    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* Podcasts sections */
 .podcast-section{
    position: relative;
    padding: 24px 0;
 }
 
 
 

 
/* Grid */
.podcast-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 88px;
    padding-top: 24px;
}
/* Card */
.podcast-card {
  display: flex;
  gap: 16px;
  align-items: center;
  padding:8px;
}
.podcast-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Thumbnail */
.podcast-thumbnail {
    position: relative;
    width: 320px;
    min-width: 320px;
    border-radius: 12px;
    overflow: hidden;
}

.podcast-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Duration */
.podcast-duration {
    position: absolute;
    bottom: 12px;
    right: 96px;
    background: #00000080;
    color: #fff;
    padding: 4px 16px;
    border-radius: 6px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}

/* Content */
.podcast-content {
  flex: 1;
}

.podcast-heading {
 
}

.podcast-heading a {
    text-decoration: none;
    color: #364045;
}

/* Responsive */
@media (max-width: 768px) {
  .podcast-grid {
    grid-template-columns: 1fr;
  }

  .podcast-card {
    flex-direction: column;
  }

  .podcast-thumbnail {
    width: 100%;
  }
}

.layout-wrap {
    padding: 24px 0;
    border-top: 1px solid #E2E6E9;
}
/* Header */
.edu-header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

 
/* Card */
.edu-card-item {
  display: flex;
  gap: 21px;
   
}

/* Image */
.edu-card-media {
    width: 220px;
    min-width: 220px;
    padding: 0;
    border-radius: 20px;
    border: 1px solid #E2E6E9;
    overflow: hidden;
}
.edu-card-img {
  width: 100%;
  display: block;
}

/* Content */
.edu-card-body {
    flex: 1;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

 
.edu-card-text {
 max-width: 546px;
}

/* Meta */
.edu-card-meta {
 
}

 

.edu-time-tag::before {
  content: " ";
     background: url(../img/hours_total.png) no-repeat center;
    width: 18px;
    height: 18px;
    display: inline-flex;
    top: 6px;
    position: relative;
    margin-right: 2px;
}

 .edu-card-meta {
    display: flex;
    gap: 24px;
}
.edu-card-left {
    display: flex;
    gap: 10px;
}
span.edu-level-tag {
    display: flex;
    gap: 6px;
}
.edu-card-meta
 
 {
    display: flex;
    gap: 24px;
    align-items: center;
}
/* Search Popup Frame */
.global-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    justify-content: center;
    align-items: flex-start;
    padding-top: 30px;
    z-index: 9999;
}

.global-search-wrapper {
    background: #fff;
    width: 100%;
    max-width: 900px;
    border-radius: 5px;
    padding-top: 0;
    height: 90vh;
    overflow-x: auto;
}

.global-search-header {
    display: flex;
    gap: 24px;
    padding: 24px 48px;
}

.global-search-input {
    flex: 1;
    padding: 14px 0 14px 55px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 740px;
    background: var(--white) url(../img/search_filter_icon.svg) no-repeat;
    background-position: 25px center;
    font-family: var(--resonatesemi_bold);
    font-size: 12px;
    line-height: 16px;
    color: var(--footer_text);
}

.global-search-close {
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.global-search-categories {
    padding: 24px 48px;
    border-top: 1px solid #E2E6E9;
    border-bottom: 1px solid #E2E6E9;
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.search-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.search-category-item {
    border: 1px solid var(--black);
    padding: 7px 10.5px;
    border-radius: 10px;
   
    cursor: pointer;
    color: var(--black);
    height: 36px;
}

.global-search-news {
    padding: 24px 48px;

    border-bottom: 1px solid #E2E6E9;
}

.search-news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 48px;
    padding-top: 24px;
}

.search-news-card {
    display: flex;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
}

.search-news-card .search-news-card-img {
    width: 108px;
    height: 61px;
    overflow: hidden;
}
.search-news-card:nth-child(5), .search-news-card:nth-child(6){
    padding: 0;
    border:0px;
}
.search-news-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.search-news-title {
    max-width: 250px;
}

.search-news-time {
    position: relative;
    display: flex;
    gap: 6px;
}

.search-news-time span::before {
    content: "";
    font-size: 12px;
    background: url(../img/clock.svg) no-repeat center;
    width: 11px;
    height: 11px;
    display: inline-block;

}


.global-search-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    padding: 24px 48px;
}

.search-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-see-all {
    display: flex;
    align-items: center;
    justify-content: center;
}

.crypto-market-list {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.crypto-market-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.crypto-market-coin {
    display: flex;
    align-items: center;
    gap: 12px;
}

.crypto-market-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.crypto-market-name {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--primary);
}

.crypto-market-name span {
    color: var(--secondary);
}

.crypto-market-data {
    display: flex;
    align-items: center;
    gap: 24px;
}

.crypto-market-price {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--primary);
}

.crypto-market-change {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 10px;
}



.crypto-profile-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 33px;
}

.crypto-profile-item {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.crypto-profile-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}


.crypto-profile-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.crypto-profile-name {}

/* TCT-Learn-page Start */
/* Hero Section */
.crypto-hero-section {

    background-color: #ffffff;
}


.crypto-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 71px;
    align-items: center;
    padding-top: 61px;
    max-width: 1177px;
    margin: 0 auto;
}

.crypto-hero-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
}

.hero-badge {
    display: inline-flex;
    color: #1C398E;
    background: var(--badge_primary_bg);
    padding: 6px 12px;
    border-radius: 5px;
    align-items: center;
    gap: 6px;
    justify-content: start;
}


.hero-title {
    font-family: var(--resonate_bold);
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -0.25px;
    color: #000;

}

.hero-title span {

    display: block;
}


.hero-description {

    max-width: 546px;

}

/* Buttons */
.hero-buttons {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.btn-primary {
    background: var(--black);
    color: var(--white);
    padding: 6px 24px;
    border-radius: 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--black);
}

/* .btn-primary:hover{
    background: var(--white);
    color: var(--black);
    border-color: var(--black);
} */

.btn-secondary {
    border: 1px solid var(--black);
    color: var(--black);
    padding: 12px 41px;
    border-radius: 5px;
    text-decoration: none;
}

.btn-secondary:hover {
    background-color: var(--black);
    color: var(--white);
}

.devide_line {
    border: 1px solid #E2E6E9;
    width: 100%;
}

/* Stats */
.hero-stats {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    max-width: 472px;
    width: 100%;
}

.stat-item strong {

    display: block;

}

.crypto-hero-image img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}


.learning-library-section {
    padding: 60px 0;
    background-color: #ffffff;
    width: 1152px;
    margin: 0 auto;
}


.learning-library-content {
    max-width: 756px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.learning-library-header {
    display: flex;
    align-items: center;
    gap: 12px;
}



.learning-library-title {

    margin: 0;
}


.learning-library-content_top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.learning-library-search-input {
    width: 100%;
    padding: 10px 10px 10px 57px;
    font-size: 15px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    outline: none;
    background: var(--white) url(../img/search_filter.svg) no-repeat;
    background-position: 27px center;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 48px;
}

.learning-library-search-input::placeholder {
    color: #AAAAAA;
}

.learning-library-search-input:focus {
    border-color: #AAAAAA;
}

.featured-learning-section-container {
    padding-bottom: 60px;
    border-bottom: 1px solid #E2E6E9;
    max-width: 1152px;
    margin: 0 auto;
}

.featured-learning-section {
    padding: 24px;
    background-color: #F9F9FA;
    display: flex;
    flex-direction: column;
    gap: 24px;

}

.featured-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}


.featured-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 12px;
}

.featured-card-item {
    background-color: #ffffff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.featured-card-meta {
    display: flex;
    gap: 12px;
}

.featured-card-meta li+li {
    position: relative;
    padding-left: 13px;
}

.featured-card-meta li+li:after {
    content: "";
    background: #545454;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 100%;
}



.learning-paths-section {
    padding: 60px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #E2E6E9;
    max-width: 1152px;
    margin: 0 auto;
}

.content-header {
    max-width: 546px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.content-header .content-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.learning-paths-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    margin-top: 48px;
}

.learning-path-card {
    position: relative;
    padding: 24px;
    border-radius: 5px;
    background-color: #f9f9f9;
    border: 1px solid #E2E6E9;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.path-icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}

/* Card Variants */
.learning-path-card.beginner {
    background-color: #F2FDF6;
}

.learning-path-card.beginner .path-icon {
    background-color: #00B55B;
}

.learning-path-card.intermediate {
    background-color: #F2F7FF;
}

.learning-path-card.intermediate .path-icon {
    background-color: #465AFD;
}

.learning-path-card.advanced {
    background-color: #FBF6FD;
}

.learning-path-card.advanced .path-icon {
    background-color: #CA3BBD;
}

.learning-path-card_top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

/* Level Badge */
.path-level {
    padding: 2px 12px;
    border-radius: 5px;
    background-color: var(--white);

}

.path-title {
    margin-bottom: 0;
}

.path-description {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #E2E6E9;
}

.path-meta {
    display: flex;
    gap: 48px;
    margin-bottom: 0;
}

.path-duration {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Button */
.path-button {
    display: inline-block;
    padding: 12px 20px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: background 0.3s ease;
}

.path-button:hover {
    background-color: #333;
}


.course-catalog-section {
    padding: 60px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #E2E6E9;
    max-width: 1152px;
    margin: 0 auto;
}


.course-catalog-section .content-header,
.course-catalog-section .content-summary {
    max-width: 674px;
}

.course-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 36px;
    margin-top: 48px;
}

.course-item-card {
    position: relative;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.course-item-card-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.course-item-icon {
    width: 36px;
    height: 36px;
    background: #E2E6E9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-level-badge {


    padding: 2px 12px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.level-beginner {
    background-color: #F0FDF4;
    color: #008236;
    border-color: #B9F8CF;
}

.level-intermediate {
    background-color: #e3f2fd;
    color: #1565c0;
}

.level-advanced {
    background-color: #f3e5f5;
    color: #6a1b9a;
}

.course-item-card-content {
    display: flex;
    gap: 16px;
    flex-direction: column;
    border-bottom: 1px solid #E2E6E9;
    padding-bottom: 24px;
}

.course-item-summary {
    max-width: 312px;
}

.course-meta-list {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.course-meta-list li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.course-action-button {
    padding: 5px 24px;
    border: 1px solid var(--black);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
}

.course-action-button:hover {
    background-color: var(--black);
    color: var(--white);
}

.course-action-button:hover .course-action-btn-icon img {
    filter: invert(1);
}


.course-catalog-footer {
    margin-top: 48px;
    text-align: center;
}

.course-view-all-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}



.brd_bottom {
    border-bottom: 1px solid #E2E6E9;
}

.explainer_insight_section .content-summary,
.explainer_insight_section .content-header {
    max-width: 674px;
}

.crypto-explainer-section {
    padding: 60px 0;
    max-width: 1152px;
    margin: 0 auto;

}





.explainer-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 30px;
    max-width: 1119px;

}


.explainer-card {

    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E2E6E9;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;


}

.explainer-image img {
    width: 100%;
    height: 153px;
    object-fit: cover;
}

.explainer-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    flex: 1;

}

.explainer_top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.explainer-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.explainer-category {
    display: flex;
    align-items: center;
    gap: 12px;
}

.explainer-category-dotted {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: inline-block;
}


/* Category Colors */
.fundamentals_bg {
    background-color: #1447E6;
}

.technology_bg {
    background-color: #8200DB;
}

.finance_bg {
    background-color: #008236;
}

.security_bg {
    background-color: #dc2626;
}

.governance_bg {
    background-color: #A65F00;
}

.assets_bg {
    background-color: #DB0083;
}

.concepts_bg {
    background-color: #14A0E6;
}

.explainer-filter-bar {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 48px;
}

.explainer_filter_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.filter-pill {
    padding: 7px 18px;
    border-radius: 7px;
    border: 1px solid #E2E6E9;
    background: #fff;
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.filter-pill:hover {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--white);
}

.filter-pill.active {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--white);
}


/* Section */
.guide-section {
    padding: 60px 0;
    background-color: #ffffff;
    max-width: 1152px;
    margin: 0 auto;
}

.guide-section .content-header {
    max-width: 674px;
}

.guide-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 48px;
    max-width: 1116px;
}


.guide-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 24px;
    border: 1px solid #E2E6E9;
    border-radius: 12px;
    background-color: #FFFFFF;
}

.guide-card-content {
    display: flex;
    align-items: center;
    gap: 36px;
}

.guide-image {
    width: 180px;
    height: 106px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 5px;
}

/* Button */
.guide-button {
    padding: 0 18px;
    background-color: var(--black);
    color: var(--white);
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
    transition: background 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.04px;
}


/* Section */
.recommended-content-section {
    padding: 80px 0;
    background-color: #ffffff;
    max-width: 1152px;
    margin: 0 auto;
}

.recommended-content-section .content-header {
    max-width: 676px;
}


.recommended-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 48px;
}

/* Card */
.learning-card {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E2E6E9;
    transition: transform 0.3s ease;
}


.learning-card-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    overflow: hidden;
}

.learning-card-body {
    padding: 18px 24px 22px 24px;
    display: flex;
    gap: 18px;
    flex-direction: column;
    align-items: start;
}

.learning-cart-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.learning-card-tag {
    display: inline-block;
    background: #F3F4F6;
    padding: 2px 17px;
    border-radius: 5px;
    color: #364153;

}

.learning-card-title {}

.learning-card-text {
    padding-bottom: 18px;
    border-bottom: 1px solid #E2E6E9;
}

/* Meta */
.learning-card-meta {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.learning-card-meta .learning-duration {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.newsletter-signup {
    background: #172030;
    padding: 48px 20px;
    max-width: 708px;
    margin: 72px auto 84px auto;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.newsletter-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    max-width: 449px;
    margin: 0 auto;
}

.newsletter-form {
    display: flex;
    justify-content: center;
    max-width: 480px;
    margin: 0 auto;

    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

/* Email Input */
.newsletter-email-input {
    flex: 1;
    padding: 9px 10px;
    border: none;

    outline: none;
    border: 1px solid var(--white);
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 300;
    color: #AAAAAA;
    background-color: transparent;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Button */
.newsletter-submit-button {
    padding: 9px 18px;
    background-color: var(--white);
    color: var(--black);
    border: none;
    font-family: var(--resonate_medium);
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    cursor: pointer;

}



/* Accessibility */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}





/* TCT-Learn-page End */

/* TCT Learn Page (Topic Hub Page) Start */

.bitcoin-learning-hero {

    padding: 89px 0 66px 0;
    overflow: hidden;
}

.bitcoin-hero-wrapper {
    position: relative;
    max-width: 1202px;
    margin: 0 auto;
}

.bitcoin-hero-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;

    gap: 48px;
}

/* ---------- Content ---------- */

.bitcoin-hero-tag {
    padding: 8px 13px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    background-color: var(--white);

}

.bitcoin-hero-content {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: self-start;
    max-width: 546px;
}

.bitcoin-hero-title {
    font-family: var(--resonate_bold);
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -0.25px;
    color: var(--black);
}

.bitcoin-hero-summary {}

/* ---------- Meta List ---------- */

.bitcoin-hero-details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.bitcoin-hero-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.bitcoin-lable-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.bitcoin-hero-media {
    text-align: center;
}

.bitcoin-hero-image {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.pathway-section {
    padding: 60px 0;
    background-color: #f8f8f8;
}

.pathway-wrapper {
    max-width: 1202px;
    margin: 0 auto;
}

.pathway-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pathway-block-grid {
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    gap: 37px;
}

/* Path Layout */
.pathway-block {
    display: flex;

    gap: 18px;

}

.pathway-summary {
    background: #ffffff;
    padding: 24px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: self-start;
    width: 384px;
}

.pathway-summary-titles {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: self-start;
}

.pathway-badge {
    display: inline-block;
    padding: 2px 12px;
    background: #F3F4F6;
    border-radius: 5px;

    color: var(--black);
}

.pathway-text {
    color: #555;

}

.pathway-time {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pathway-button {
    display: inline-block;
    padding: 7px 26px;
    background: var(--black);
    color: var(--white);
    border-radius: 5px;
    text-decoration: none;
}


.pathway-slider {
    background-color: var(--white);
    padding: 42px 24px 25px 54px;
    width: 800px;
}

.pathway-swiper {
    margin-top: 12px;
    max-width: 651px;
    overflow: hidden;
    margin: 12px 0 0;
}

.pathway-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}


.pathway-swiper .swiper-slide {
    height: auto !important;
    display: flex;
}

.pathway-slider .pathway-label {
    text-transform: uppercase;
}

.pathway-card {

    border-radius: 4px;
    padding: 24px;
    width: 100%;
    height: 100%;
    background: #F9FAFB;
    border: 1px solid #E2E6E9;
    display: flex;


    flex-direction: column;
    gap: 48px;
}

.pathway-icon {
    width: 100%;
    height: 96px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    display: flex;
    align-items: center;
    justify-content: center;
}


.icon-bitcoin {
    background: #DFECFE;
}

.icon-blockchain {
    background: #F6EEFF;
}

.icon-security {
    background: #E1FCEA;
}

.transaction-icon {
    background: #FCECF5;
}

.economics-icon {
    background: #DFFCF6;
}

.icon-Cryptographic {
    background: #FFE5E5;
}

.Network-icon {
    background: #FEFBD6;
}

.Protocol-icon {
    background: #E9EEF4;
}

.pathway-nav {
    display: flex;
    gap: 12px;
    border: 1px solid var(--black);
    width: 42px;
    height: 32px;
    border-radius: 5px;
    gap: 0;
}

.arrow_buttons_sliders {
    position: relative;
    display: flex;
    padding-top: 25px;
    align-items: center;
    justify-content: end;
}

/* Button base */
.pathway-btn {
    width: 21px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.next_btn_pathway {
    transform: rotate(180deg);
}



.editorial-insights-section {
    padding: 84px 0 64px 0;
    background-color: #ffffff;
}

.editorial-container {
    max-width: 1116px;
    margin: 0 auto;
    padding: 0 0;
}


.editorial-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 72px;
}

.editorial-card {
    padding-left: 24px;
    border-left: 3px solid var(--black);
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
}

.editorial-card-header,
.editorial-card-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: self-start;
}

.editorial-tag {
    display: inline-block;
    padding: 2px 14px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
}

.editorial-card-title {}

.editorial-description {}

.editorial-meta {


    display: flex;
    gap: 28px;
}

.editorial-meta li {
    position: relative;
}

.editorial-meta li:not(:first-child):after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #545454;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}

.quick-explainers-section {
    position: relative;
    padding: 0 0 60px 0;
}

.editorial-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.quick-explainers-container {
    max-width: 1116px;
    margin: 0 auto;
}

.quick-explainers-section .explainer-card-grid {
    margin-top: 72px;
    margin-bottom: 48px;

}

.quick-explainers-section .explainer-card-grid .explainer-card .explainer-content {
    padding: 24px;
    display: flex;
    flex-direction: column;

    gap: 31px;
    flex: 1;

}

.quick-explainers-section .explainer-card-grid .explainer-card {
    display: none;
}

.explainer_top {
    flex-grow: 1;
}

.related-courses-section {
    padding: 60px 0 114px 0;
    background-color: #F9F9FA;
}

.related-courses-container {
    max-width: 1128px;
    margin: 0 auto;
}

.course-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 71px;
}

.course-card {
    background: #fff;
    padding: 24px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    gap: 48px;
}

.course-card .course-card-header {
    display: flex;
    align-items: center;
    gap: 24px;
}

.course-card .course-card-header .course-icon {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    background-color: rgba(3, 2, 19, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-card-content .course-title {
    margin-bottom: 6px;
}

/* TCT Learn Page (Topic Hub Page) End */

/* TCT Learn Quizz page START */
.quiz-hero {
    padding-top: 89px;
}

.quiz-section {
    padding: 60px 0 81px 0;
}

.quiz-hero__container {
    max-width: 1116px;
    margin: 0 auto;
}

.quiz-hero__content {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: flex-start;
    padding-bottom: 36px;
    border-bottom: 1px solid #E2E6E9;
}

.quiz-hero__badge {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #E2E6E9;
}

.quiz-hero__title {
    font-family: var(--resonate_bold);
    font-weight: bold;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -0.25px;
    color: var(--black);
}

.quiz-hero__meta {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.quiz-meta__item {
    display: flex;
    align-items: center;
    gap: 12px;
}


.quiz-section-container {
    max-width: 1116px;
    margin: 0 auto;


}

.quiz-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #222;
}

.quiz-item {
    padding: 36px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.quiz-item:not(:last-child) {
    margin-bottom: 36px;
}

.quiz-question {
    display: flex;
    align-items: center;
    gap: 24px;
}

.quiz-count {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 2, 19, 0.05);
    border-radius: 100%;
}

.quiz-option {
    list-style: none;
    position: relative;

}

ul.quiz-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.quiz-label {
    cursor: pointer;
    padding: 17px 38px 17px 77px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    width: 100%;
    display: block;
}

.quiz-label input {
    display: none;
}

.quiz-custom-radio {
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.2s ease;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 38px;
}

.quiz-label input:checked+.quiz-custom-radio {
    opacity: 1;
}

.quiz-submit-wrapper {
    text-align: center;
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

/* Button */
.quiz-submit-btn {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    background-color: var(--black);
    color: var(--white);
    border: none;
    padding: 6px 24px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}

.quiz-submit-btn:hover {
    background-color: #111;
}

/* TCT Learn Quizz page END */

/* TCT Learn Quizz Complete page START */
.quiz-result {
    padding-top: 89px;

}

.quiz-result__container {
    max-width: 1116px;
    margin: 0 auto;

}

.quiz-result__wrapper {
    padding: 48px 114px;
    background: #F9F9FA;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/* Badge */
.quiz-result__badge {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.quiz-result__score {
    background: var(--black);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Header */
.quiz-result__header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
    text-align: center;
}

.quiz-result__status--review {
    color: #C42323;
}



/* Progress */
.quiz-progress {
    display: flex;
    /* align-items: center; */
    gap: 12px;
    flex-direction: column;
    position: relative;
}

.quiz-progress__percentage {
    position: absolute;
    top: 0;
    right: 0;
}

.quiz-progress__bar {
    flex: 1;
    height: 12px;
    background: rgba(3, 2, 19, 0.20);
    border-radius: 50px;
    overflow: hidden;
}


.quiz-progress__fill {
    display: block;
    height: 100%;
    background: var(--black);
}

/* Stats */
.quiz-stats {
    display: flex;
    gap: 24px;
}

/* Card Base */
.quiz-stat-card {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 26px 24px;
    border-radius: 5px;
    border: 1px solid transparent;
    gap: 12px;
}

/* Correct */
.quiz-stat-card--correct {
    background-color: #eaf6ee;
    border-color: #2ecc71;
}

/* Incorrect */
.quiz-stat-card--incorrect {
    background-color: #fbecec;
    border-color: #e74c3c;
}





/* Content */
.quiz-stat-card__content {
    display: flex;
    flex-direction: column;
}



/* Review Section */
.quiz-review {
    background: #EFF6FF;
    padding: 48px;
    border-radius: 5px;
    border: 1px solid #BEDBFF;
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.quiz-review__list {
    margin-top: 10px;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.quiz-review__list li {
    position: relative;
}

.quiz-review__list li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #545454;
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

/* Actions */
.quiz-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.quiz-actions .btn-secondary,
.quiz-actions .btn-primary {
    display: flex;
    gap: 6px;
    padding: 9px 24px;
}

.quiz-actions .btn-secondary:hover img {
    filter: invert(1);
}

.quiz-results-section {
    padding: 84px 0;
}

.quiz-results-section-container {
    max-width: 1116px;
    margin: auto;
}

.quiz-results-header {
    padding-bottom: 48px;
}

.quiz-results-title {
    text-align: center;
}

.quiz-question-card {
    border: 0.5px solid #e0e0e0;
    border-radius: 5px;
    padding: 36px;
    background-color: transparent;
}

.quiz-question-card:not(:last-child) {
    margin-bottom: 36px;
}

.quiz-answer-wrong {
    background-color: #FEF2F2;
    border-color: #B91C1C;
}

.quiz-answer-correct {
    background-color: #F0FDF4;
    border-color: #008236;
}

.quiz-question-header {
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
    margin-bottom: 40px;
}

.quiz-question-number {
    background: #000;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz-question-text {
    flex: 1;
    margin: 0;
    max-width: 804px;
}

.quiz-status-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.quiz-answer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 30px;
}

.quiz-answer-option {
    padding: 17px 38px 15px 77px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    background: rgb(255 255 255 / 50%);
    color: rgb(84 84 84 / 50%);
    position: relative;
}

.quiz-answer-list-correct {
    background-color: #F0FDF4;
    border: 2px solid #008236;
    color: var(--black);
}

.quiz-answer-list-correct:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/checked_icon.svg) no-repeat center;
    position: absolute;
    top: 50%;
    right: 39px;
    transform: translateY(-50%);
    background-size: contain;
}

.quiz-answer-list-incorrect {
    background-color: #FEF2F2;
    border: 2px solid #B91C1C;
    color: var(--black);
}

.quiz-explanation-box {
    border-top: 1px solid #AAAAAA;
    padding-top: 37px;
    display: flex;
    gap: 12px;

}

.quiz-explanation-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.quiz-explanation-title {}

.quiz-explanation-text {
    color: #444444;

}

.quiz-answer-option input {
    display: none;
}

.quiz-answer-option .quiz-custom-radio {
    width: 10px;
    height: 10px;
    background: #545454;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.2s ease;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 38px;
}

.quiz-answer-option input:checked+.quiz-custom-radio {
    opacity: 1;
}

.learning-cta {
    padding: 36px 0 84px 0;
    border-top: 1px solid #E2E6E9;
}

.learning-cta__container {
    max-width: 1116px;
    margin: 0 auto;
    text-align: center;
}

.learning-cta__title {

    margin-bottom: 12px;

}

.learning-cta__description {

    margin-bottom: 36px;
}

.learning-cta__actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* Buttons */
.learning-cta__actions .btn {
    padding: 9px 21px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 5px;
}

/* Outline Button */
.learning-cta__actions .btn--outline {
    border: 1px solid var(--black);
    color: var(--black);
    background-color: transparent;
}

.learning-cta__actions .btn--outline:hover {
    background-color: var(--black);
    color: var(--white);
}

/* Primary Button */
.learning-cta__actions .btn--primary {
    background-color: var(--black);
    color: var(--white);
}




/* TCT Learn Quizz Complete page END */

/* TCT Learn Page (Inside Page) START */
.bitcoin-intro-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bitcoin-intro-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
    margin-bottom: 24px;
}

.bitcoin-intro-section .section-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.concept-box {
    display: flex;
    padding: 24px;
    border: 1px solid #BEDBFF;
    border-radius: 5px;
    background-color: #EFF6FF;
    gap: 12px;
}

.concept-header {
    display: flex;
    align-items: self-start;
    gap: 12px;
    flex-direction: column;
    flex: 1;
}

.concept-description strong {
    font-family: var(--resonate_bold);

}

.bitcoin-intro-section {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.transaction-tip {
    border-color: #B9F8CF;
    background-color: #F0FDF4;
}


.transaction-steps {
    max-width: 797px;

}

.transaction-steps__title {

    margin-bottom: 24px;
}

/* Steps List */
.info-list {
    list-style: disc;
    /* bullet points */
    padding-left: 20px;
    margin: 0;
    color: #000;
}

.info-list li:not(:last-child) {
    margin-bottom: 16px;
}






.transaction-steps__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.transaction-step {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-items: center;
}

.transaction-step__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.transaction-step__number {
    min-width: 48px;
    height: 48px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-alert {
    border-color: #FFF085 !important;
    background-color: #FEFCE8 !important;
}

.quiz-cta-section {
    padding: 71px 0;

}

.quiz-cta-container {
    max-width: 708px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    padding: 36px;
    background-color: #FBBF24;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
}

.quiz-cta-icon {
    margin-bottom: 12px;
}

.quiz-cta-title {
    padding-bottom: 5px;
    color: #111827;
}

.quiz-cta-description {

    color: #374151;
    max-width: 449px;
    margin: 0 auto 24px;
}

.quiz-cta-button {
    display: inline-flex;
    align-items: center;
    padding: 2px 23px;
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    font-family: var(--resonatesemi_bold);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.05px;
}


.quiz-cta-meta {
    margin-top: 24px;
}


.edu-progress-section {
    padding: 72px 28px 36px 28px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


.edu-progress-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.edu-progress-wrapper {
    display: flex;
    flex-direction: column;
    gap: 53px;
    max-width: 709px;
}

.edu-guide-card {
    display: flex;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px 24px 14px 24px;
    flex-direction: column;
    align-items: self-start;
    gap: 36px;
    justify-content: space-between;
}

.edu-guide-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.edu-guide-duration {
    display: flex;
    gap: 6px;
}

.edu-guide-label {
    padding: 3px 11px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;

}

.edu-guide-body {
    flex: 1;
    margin-left: 16px;
}


.course-explore-section {
    padding: 72px 28px 48px;
}

.section-divider {
    border-top: 1px solid #A3A3A3;
    width: 100%;
    display: block;
    margin-top: 12px;
}

.course-explore-section .course-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 36px;
    margin-top: 24px;
    max-width: 756px;
}

.course-explore-section .course-card {
    padding: 24px 24px 28px;
    gap: 34px;
}

.course-explore-section .course-card .course-card-header {

    gap: 12px;
}

.course-explore-section .course-card .course-card-header .course-icon {
    width: 48px;
    height: 48px;
}

.course-explore-section .course-card .course-card-header .course-icon img {
    width: 24px;
}

.course-explore-section .course-card .course-card-desc {
    max-width: 252px;
}


.related-news-section {
    padding: 72px 28px 84px;
    border-top: 1px solid var(--black);
}

.related-news-section .article_exclusive_grid {
    margin: 24px 0;
    max-width: 100%;

}

.related-news-section .related-news-section-container {
    max-width: 882px;
}

.related-news-section .article_exclusive_grid .article_exclusive_card {
    display: none;
}

.next-chapters-list {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
    flex-direction: column;
}



.next-chapter-item {
    font-family: var(--resonate_regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    position: relative;
    counter-increment: item;
    display: flex;
    align-items: flex-start;
    gap: 3px;


}

.next-chapters-list li::before {
    content: counter(item) ".";
    min-width: 15px;
    text-align: right;
    color: var(--black);
    flex-shrink: 0;
}

/* .next-chapters-list li::before {
     content: counter(item) ". ";
    position: absolute;
    left: -12px;
    top: 0;
    color: var(--black);
} */
.tabe_data_list_text_xs li,
.tabe_data_list_text_xs li h4 {
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0;



}

.tabe_data_list_text_xs li h4 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.tabe_data_list_text_xs li::before {

    top: 0;

}

/* TCT Learn Page (Inside Page) END */

/* TCTTCT Sign In / Sign Up  START */


.crypto-times-login-page {
    min-height: 100vh;
    display: flex;
    justify-content: center;


}

.crypto-times-login-wrapper {
    width: 100%;
    max-width: 554px;
    padding: 84px 0;
}

.crypto-times-login-header {
    text-align: center;
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}



.crypto-times-brand-name {
    display: block;
}

.crypto-times-login-tabs {
    display: flex;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    overflow: hidden;
    padding: 4px;

}

.crypto_btn_primary {
    padding: 11px;
    background-color: var(--black);
    color: var(--white);

    font-family: var(--resonate_medium);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04px;
    border-radius: 5px;
}

.crypto_btn_block {
    width: 100%;
}

.crypto-times-tab-button {
    flex: 1;
    padding: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: var(--light_text);
    border-radius: 5px;

}

.crypto-times-tab-active {
    background: var(--black);
    color: var(--white);
}


.crypto-times-login-form {
    width: 100%;
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.crypto-times-login-form-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.crypto-times-field-label {
    display: block;
    margin-bottom: 12px;
}

.crypto-times-text-input {
    width: 100%;
    padding: 11px 42px;
    border-radius: 8px;
    border: 1px solid #E2E6E9;
    color: #9A9A9A;
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.crypto-times-text-input:focus {
    border: 1px solid #E2E6E9;
}


.crypto-times-textarea {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #E2E6E9;
    color: #9A9A9A;
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.crypto-times-textarea:focus {
    border: 1px solid #E2E6E9;
}

.crypto-times-input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.crypto-times-input-with-icon {
    position: relative;
}



.crypto-times-password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.6;
}

.crypto-times-login-options {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.crypto-times-remember-me {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    user-select: none;

}

.crypto-times-checkbox-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.crypto-times-checkbox-custom {
    width: 18px;
    height: 18px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}



.crypto-times-checkbox-input:checked+.crypto-times-checkbox-custom {
    background-color: var(--black);
    border-color: var(--black);
}

.crypto-times-checkbox-input:checked+.crypto-times-checkbox-custom::after {
    content: "✓";
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.crypto-times-login-form-footer {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 48px;
    border-bottom: 1px solid #E2E6E9;
}

.crypto-times-divider {
    text-align: center;
    color: #71717B;
    text-decoration: none;
    position: relative;
}

.crypto-times-divider::before,
.crypto-times-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 38%;
    height: 1px;
    background-color: #E2E6E9;
}

.crypto-times-divider::before {
    left: 0;
}

.crypto-times-divider::after {
    right: 0;
}

.crypto-times-social-login {
    display: flex;
    gap: 24px;
}

.crypto-times-social-button {
    flex: 1;
    padding: 9px 12px 9px 48px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.05px;
    color: #545454;
    display: flex;
    position: relative;
}

.crypto-times-social-button .crypto-times-social-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
}

.crypto-times-social-button:hover {
    background: #E2E6E9;
}

.crypto-times-tab-content {
    display: none;
}

.crypto-times-tab-content.active {
    display: flex;
}

.crypto-times-benefits-title {}

.crypto-times-benefits-list {
    list-style: disc;
    padding-left: 18px;
    margin-top: 24px;
}


.crypto-times-benefit-item {
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--light_text);

}

.crypto-times-register-title {
    text-decoration: underline;
}

/* TCTTCT Sign In / Sign Up  END*/

/* TCTTCTForgot Paassword START*/
.tct-forgot-section {
    max-width: 468px;
    margin: auto;
    padding: 84px 0;
}

.tct-forgot-main-heading {
    font-size: 18px;
    margin-bottom: 20px;
}

.tct-forgot-grid {
    display: grid;
    gap: 57px 30px;
    margin-top: 48px;
}

.tct-forgot-card {
    background: #ffffff;
    padding: 69px 48px 123px 48px;
    border-radius: 5px;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
}

.tct-forgot-brand {
    max-width: 242px;
    margin: 0 auto;
}

.tct-forgot-title {}

.tct-forgot-desc {
    max-width: 309px;
    margin: 0 auto;
}

.tct-forgot-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
     
}

.tct-forgot-card .crypto-times-form-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.tct-input-group {
    position: relative;
    width: 100%;
}

.tct-input-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #777;
    pointer-events: none;
}

.tct-email-input {
    width: 100%;
    height: 46px;
    padding: 11px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    text-align: center;
    font-family: var(--resonate_light);
    font-weight: 300;
    color: #9A9A9A;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.tct-email-input::placeholder {
    color: #9A9A9A;
}

.tct-forgot-form .tct-input-icon {
    left: 56px;

}

.tct-email-input:focus {
    outline: none;
    border: 1px solid #E2E6E9;
}



.tct-forgot-btn {

    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.tct-forgot-btn:hover {
    opacity: 0.85;
}

.tct-forgot-link {
    color: #2563EB;
    text-decoration: none;
    margin-left: 12px;
}

.tct-forgot-link:hover {
    text-decoration: underline;
}

.tct-forgot-note {
    max-width: 309px;
    margin: 0 auto;
}


.tct-forgot-link-btn {
    display: inline-block;
    margin-top: 6px;
}

/* TCTTCTForgot Paassword END*/
/* TCT Account Dashboard Page START*/
.sidebar-navigation {

    padding: 84px 28px;
    display: flex;
    flex-direction: column;
    gap: 36px;

}

.sidebar-brand {
    max-width: 168px;
    padding-left: 12px;
}

.sidebar-menu {
    flex: 1;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    flex-direction: column;
}


.menu-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
    font-family: var(--resonate_regular);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: var(--light_text);
}

.menu-link:hover {
    background-color: rgba(3, 2, 19, 0.05);
    color: var(--black);
}
.menu-item.active .menu-link {
    background-color: rgba(3, 2, 19, 0.05);
    color: var(--black);
     font-family: var(--resonatesemi_bold);
     font-weight: 500;


}
.menu-link .menu-icon svg {
    width: 24px;
    height: 24px;
}

.menu-link .menu-icon svg path {
    fill: var(--light_text);

}

.menu-link:hover .menu-icon svg path,
.menu-item.active .menu-icon svg path {
    fill: var(--black);

}
.sidebar-footer {
    margin-top: 99px;
}
.logout-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    text-decoration: none;
    border-radius: 5px;
    color: var(--light_text);
}
.admin-dashboard{
    padding: 84px 28px 46px 28px;
}
.dashboard-overview{
    display: flex;
    gap: 60px;
    flex-direction: column;
}
.dashboard-overview .dashboard-header{
    display: flex;
    gap: 14px;
    flex-direction: column;
}
 
.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 24px;
}

.stats-card {
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stats-card:hover {
  transform: translateY(-4px);
 
}

 .enrolled-learning-section {
 
  padding: 60px 0 0;
}

.enrolled-learning-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}

 

.enrolled-learning-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.enrolled-course-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:38px;
  margin-top: 24px;
}

.enrolled-course-card {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E2E6E9;
}
.enrolled-course-media img {
  width: 100%;
  height: 278px;
  object-fit: cover;
}

.enrolled-course-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.enrolled-course-body .enrolled_top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
 

 

.enrolled-course-progress-meta {
  display: flex;
  justify-content: space-between;
 
}

.enrolled-course-progress-track {
  background: rgba(3, 2, 19, 0.2);
  height: 12px;
  border-radius: 50px;
  margin: 11px 0 0;
}

.enrolled-course-progress-bar {
  display: block;
  height: 100%;
  background: var(--black);
  border-radius: 50px;
}

.enrolled-course-cta {
 
}

.saved-highlights-grid {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.highlight-card {
    display: flex;
    gap: 24px;
    padding: 19px 24px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    transition: background 0.3s ease;
    align-items: center;
}
 
.crypto-article-feed {
    margin-top: 24px;
    max-width: 856px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.highlight-thumbnail img {
  width: 180px;
  height: 106px;
  object-fit: cover;
  border-radius:5px;
}

.highlight-content {
    flex: 1;
    display: flex;
    gap: 6px;
    flex-direction: column;
}
.crypto-article-feed-section {
    padding: 60px 0;
}
.article-listing-item {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #E2E6E9;
    padding-bottom: 20px;
}

.article-thumbnail {
  width: 204px;
  height: 115px;
  overflow: hidden; 
}

.article-content-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

 
/* TCT Account Dashboard Page END*/
/* TCT Account Dashboard Content Page START*/
.article-filter-nav {
  margin-bottom: 24px;
}

.article-filter-list {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
}

.filter-item {
  padding: 7px 20px;
  border: 1px solid #E2E6E9;
  border-radius: 10px;
 font-family: var(--resonate_regular);
 font-weight: 400;
 font-size: 16px;
 line-height: 22px;
 letter-spacing: -0.02px;
  cursor: pointer;
  color: var(--black);
}
.filter-item:hover{
    color: var(--white);
    background-color: var(--black);
}

.filter-item.is-active {
  color: var(--white);
  background-color: var(--black);
  }

  .article-list-wrapper-grid{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 48px;    
    position: relative;

  }
 
.article-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    display: none;   
    position: relative;
}
.article-list-wrapper .highlight-card{
    align-items: self-start;
    position: relative;
}
.article-list-wrapper .highlight-card.is-hidden {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}
.article-list-wrapper .highlight-content{
    gap: 18px;
}
.article-list-wrapper .highlight-content .highlight_content_top{
    display: flex;
    gap: 12px;
    flex-direction: column;
}
 
.article-tags {
  display: flex;
  gap: 18px;
  list-style: none;
  padding: 0;
 
}

.article-tag {
     background: rgba(3, 2, 19, 0.05);
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #E2E6E9;
 
}

.article-bookmark-btn {
    background: none;
    border: none;
    /* font-size: 18px; */
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1;
}
.bookmark-icon-hover {
  display: none;
}

.article-bookmark-btn:hover .bookmark-icon-default {
  display: none;
}

.article-bookmark-btn:hover .bookmark-icon-hover {
  display: inline;
}

.recommended-topics-section .highlight-card{
    gap: 36px;
}
.recommended-topics-section .saved-highlights-grid{
    gap: 16px;
}


 /* Overlay */
.bookmark-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease;
    z-index: 999;
}

/* Active state */
.bookmark-modal-overlay.active {
    visibility: visible;
    opacity: 1;
}

/* Modal box */
.bookmark-modal {
    background: #f5f5f5;
    padding: 24px;
    border-radius: 5px;
    width: 312px;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
 
/* Buttons */
.bookmark-modal-actions {
    display: flex;
    gap: 24px;
}

.bookmark-confirm-btn {
    background: var(--black);
    color: var(--white);
    border: none;
    padding: 7px 14px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.bookmark-cancel-btn {
    background: transparent;
    border: 1px solid #000;
       padding: 7px 14px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color:var(--black);
}

/* TCT Account Dashboard Content Page END*/

/* TCT Account Dashboard Learn Progress Page START*/
.completed-articles-section {
    padding: 60px 0 56px 0;
}
.completed-articles-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}
.completed-article-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 24px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
}
.article-content {
  flex: 1;
    display:flex;
    flex-direction: column;
    gap: 18px;
} 
/* TCT Account Dashboard Learn Progress Page END*/

/* TCT Account Dashboard Learn News feed Page Start*/
 
.followed-topics-bar {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: space-between;
  background: var(--black);
  padding: 24px;
  border-radius:5px;
  gap: 18px;
  position: relative;
}

 #topicsSidebar {
  position: fixed;
  top: 0;
  right: -350px; /* hidden */
  width: 350px;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 20px rgba(0,0,0,0.1);
  transition: right 0.4s ease;
  z-index: 9999;
  overflow-y: auto;
}

#topicsSidebar.active {
  right: 0; /* show */
}
.sidebar-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}



.topics-list {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.topic-tag {
  padding: 6px 24px;
  border: 1px solid #fff;
  border-radius:5px;
  text-decoration: none;
  font-family: var(--resonate_medium);
  font-weight: 500;
  font-size: 18px;
 line-height: 24px;
 letter-spacing: -0.04px;
 color: var(--white);
}
.topic-tag:hover{
    background-color: var(--white);
    color: var(--black);
}

.topic-tag-active {
  background: #fff;
  color: #000;
}

.topics-settings-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 28px;
    right: 24px;
}

.article-list-main-wrap {
    margin-top: 48px;
        display: flex;
    flex-direction: column;
    gap: 36px;
}
 .article-list-wrap-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.article-list-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

 
.article-card {
  background-color: #ffffff;
  border-radius:5px;
  overflow: hidden;
  border: 1px solid #E2E6E9; 
  box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.article-card-img {
  width: 100%;
  height: 166px;
  object-fit: cover;
  display: block;
}
.article-card-body {
    padding: 24px 21px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.article-topic-label {
    display: inline-block;
    margin-bottom: 6px;
}
.article-meta-info {
  display: flex;
  align-items: center;
  gap: 12px;
    
}

 
.article-reading-duration {
    white-space: nowrap;
    display: flex;
    gap: 6px;
    align-items: center;
}
.week_ago_news .article-card {
    flex-direction: column;
    display: none;
}
.article-list-grid .article-card.is-hidden {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}
 
/* TCT Account Dashboard Learn News feed Page End*/

/* TCT Account Dashboard Notification Page START*/
.dashboard-overview .notification-header{
    display: flex;
    flex-direction: row ;
    align-items: center;
    justify-content: space-between;
}
.dashboard-overview .notification-header .notification-header__left {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.notification-feed {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.notification-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.notification-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 24px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    background-color: var(--white);
    position: relative;
}
.notification-item.is-unread{
    background-color: #F9F9F9;
}
.notification-item.is-unread:after{
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--black);
    border-radius: 100%;
    position: absolute;
    top: 40px;
    right: 48px;
}

.notification-icon {
    width:24px;
    height:24px;
    border-radius: 5px;
    background-color:var(--white);
    flex-shrink: 0;
        display: flex;
    align-items: center;
    justify-content: center;
}

 

.notification-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.notification-title {
 
}

.notification-description {
 
}

 .notification-load-more{
    padding-bottom: 56px;
 }

 
 

/* TCT Account Dashboard Notification Page End*/

/* TCT Account Dashboard Profile Page START*/
/* Container */
.user-settings-section {
}

 

/* Navigation */
.settings-navigation {
  
}

.settings-nav-list {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 18px;
    border-bottom: 0.5px solid #AAAAAA;
}
 .settings-nav-item{
    padding: 9px 16px;
    background-color: var(--white);
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
   
 }
.settings-nav-item .settings-nav-link{
     font-family: var(--resonate_regular);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: var(--light_text);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
 .settings-nav-item:hover{
    background-color: rgba(3, 2, 19, 0.05);
    border-color: #E2E6E9;
    
 }
 .settings-nav-item:hover .settings-nav-link, .settings-nav-item.active .settings-nav-link{
    color: var(--black);
 }

.settings-nav-icon svg {
    width: 24px;
    height: 24px;
}
.settings-nav-item.active{
    background-color: rgba(3, 2, 19, 0.05);
    border-color: #E2E6E9;
}
/* .settings-nav-item:hover .settings-nav-icon svg{
    fill:red;
    
} */
 .settings-tab-content{
     padding-top: 46px;
 }
.profile-settings-content {
    max-width: 546px;
    
}
 
 
.profile-avatar-row {
    display: flex;
    align-items: center;
    gap: 36px;
    margin-top: 31px;
    margin-bottom: 36px;
}

.profile-avatar {
  width:100px;
  height: 100px;
  background: var(--black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

 

.btn-avatar-change {
    padding: 9px 19px;
    border: 1px solid #AAAAAA;
    background: transparent;
    cursor: pointer;
    border-radius: 5px;
    color: var(--black);
}

 
.profile-form {
    display: flex;
    flex-direction: column;
    gap: 36px;
   
}

.profile-form .form-group{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
 

.form-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    font-family: var(--resonate_regular);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}
.form-input::placeholder{
    color: var(--black);

}
.profile_btn {
    padding: 9px 19px;
}
 
.forgot-password-link {
  display: inline-block;
  margin-top:36px;
 
  text-decoration: none;
 
}

.settings-tab-content {
    display: none;
}
.settings-tab-content.active{
    display: block;
}

/* NOTIFICATION TAB */
 
 
.notification-settings {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.notification-label {
  display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    background-color: #ffffff;
}

.notification-checkbox {
  width: 18px;
  height: 18px;
  margin-top: 4px;
}

.notification-title {
 
  margin: 0;
}
.notification-text {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.notification-description {
 
  
}
.account-delete-contetn{
    margin-top: 36px;
}
.account-delete-btn{
    padding: 0;
    margin: 0;
    color: #C42323;
}
/* Hide native checkbox */
.notification-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width:20px;
  height: 20px;
  border: 1px solid #545454;
  border-radius:5px;
  display: grid;
  place-content: center;
  margin-top: 3px;
  transition: all 0.2s ease;
}

/* Check icon */
.notification-checkbox::before {
  content: "✓";
  font-size: 14px;
  color: white;
  transform: scale(0);
  transition: transform 0.15s ease-in-out;
  line-height: 18px;
}

/* Checked state */
.notification-checkbox:checked {
  background-color: #0075FF;
  border-color: #0075FF;
  border-radius: 0;
}

.notification-checkbox:checked::before {
  transform: scale(1);
}

/* Hover & focus */
.notification-label:hover .notification-checkbox {
  border-color: #0075FF;
}

.notification-checkbox:focus-visible {
  outline: 2px solid #0075FF;
  outline-offset: 2px;
}

/* TCT Account Dashboard Profile Page END*/
/* TCT About Page START*/
.tct-about-section {
    padding: 84px 0;
    border-bottom: 1px solid #AAAAAA;
}
.tct-about-wrapper{
    max-width: 1146px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.tct-about-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.tct-mission-section
 {
    padding: 84px 0;
}
.tct-mission-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left:30px;
    list-style: disc;
}
.top_48{
    padding-top: 48px;
}

.tct-what-we-section{
    padding: 84px 15px;
    background-color: #F9F9FA;
}
.about-crypto-times {
  padding: 84px 0;
  background-color: #ffffff;
}
.company-stats {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 61px;
  
  padding-top:48px;
  list-style: none;
  max-width: 947px;
  margin: 0 auto;
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: self-start;
}

.stat-icon {
    width: 42px;
    height: 42px;
    background: rgba(3, 2, 19, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.stat_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.content-ethics-area {
    padding-bottom: 84px;
}
.ethics-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 24px;
    margin-top: 72px;
}
.ethics-feature-item {
    background-color: #F9F9FA;
    border: 1px solid #E2E6E9;
    padding: 24px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.team-section {
    padding: 84px 0;
    background: #F9F9FA;
}
.about-team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
    margin-top: 72px;
}

.about-team-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: none;
}
 
.about-team-card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.about-team-image img {
  width: 100%;
  border-radius:5px;
  object-fit: cover;
}

 

.about-team-action {
    margin-top: 48px;
}

.about-team-btn {
    display: inline-block;
    background-color: var(--black);
    color: var(--white);
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 5px;
}
 
.get-involved-section {
    padding: 84px 0;
}
 
.involvement-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

 

.get-involved-container{
    max-width: 978px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.involvement-card {
  border: 1px solid #E2E6E9;
  border-radius: 5px;
  padding: 24px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.get-involved-header{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-direction: column;
}
 
 
.involvement-card .card-icon  {
    width: 42px;
    height: 42px;
    background-color: #F9F9FA;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.involvement-card-des {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
 
.involvement-card-btn {
  display: block;
  padding: 7px 28px;
  background-color: var(--black);
  color: var(--white);
  text-decoration: none;
  border-radius: 5px;
    text-align: center;
  transition: background 0.3s ease;
}

 
 
/* TCT About Page END*/

/* TCT Contact Page START*/
.contact-cta {
  padding: 84px 0;
   
}

.contact-cta__container {
max-width: 1146px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
 
.contact-cta__content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 660px;
}

.contact-section {
  padding: 84px 0;
}

.contact-container {
  max-width: 1146px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.contact-info-list {
    margin-top: 48px;
}
.contact-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E2E6E9;
}
.contact-info-list {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    flex-wrap: wrap;
}
 .contact-item a{
    display: block;
    color: #545454;
 }
 .contact-item p{
    color: #71717B;
 }
 .contact-info .social-links {
    margin-top: 48px;
 }
.contact-info .social-links h3 {
    margin-bottom: 12px;
 
}

 .contact-info .social-icons{
    padding: 0;
 } 

.social-icons li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 36px;
  border-radius: 4px;
  font-size: 14px;
}
.google-business-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 35px;
    border: 1.5px solid var(--black);
    border-radius: 5px;
    text-decoration: none;
    color: var(--black);
    transition: all 0.2s ease-in-out;
    margin-top: 23px;
}


/* FORM */
.contact-section .contact-form-wrapper {
 
}
.contact-section .contact-form{
    margin-top: 36px;
}
.contact-section .form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
.contact-section .contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}



.contact-section  .input_text
{
  width: 100%;
  padding: 12px;
  border: 1px solid #E2E6E9;
  border-radius:5px;
  color: #9A9A9A;
  font-family: var(--resonate_light);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02px;  
}

.custom-select {
  position: relative;
  width: 100%;
}

.select-trigger {
  width: 100%;
 padding: 11px;
  border: 1px solid #E2E6E9;
   border-radius:5px;
    font-family: var(--resonate_light);
  font-size: 16px;
  line-height: 22px;
  
  letter-spacing: -0.02px;  
   color: #9A9A9A;
 
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.select-trigger:focus {
    border: 2px solid black;
}
.select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius:5px;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  z-index: 10;
  overflow: hidden;
}

.select-options li {
  padding: 13px 12px;
  cursor: pointer;
  font-family: var(--resonate_regular);
  font-size: 14px;  
line-height: 18px;
letter-spacing: 0px;
color: var(--black);

}

.select-options li:hover {
  background: var(--black);
  color: var(--white);
}

.select-options li.active {
  background: var(--black);
  color: var(--white);
}

/* Open state */
.custom-select.open .select-options {
  display: block;
}
.submit-button { 
 padding: 10px 59px;  
  cursor: pointer;
 
}
.form-note { 
  color: #71717B;
}
/* TCT Contact Page END*/

/* TCT Career Page START*/
.careers-section{
    padding:60px 0;
}
.careers-section-container {
    max-width: 1146px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.careers-header {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.job-listings {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 24px;
}

/* Job Card */
.job-card {
    background-color: #ffffff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.job_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-meta li {
 display: flex;
 gap: 12px;
}


.job-apply-button {
  display: inline-block;
  padding: 7px 27px;
  background-color:var(--black);
  color: var(--white);
  text-decoration: none;
  border-radius:5px;
 font-family: var(--resonate_medium);
 font-size: 16px;
 line-height: 22px;
 letter-spacing: -0.02px;

}

 .contributor-invitation {
  padding: 84px 0;
  background-color: #F9F9FA;
}

.contributor-container {
    max-width: 1146px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.contributor-intro {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
 
 .contributor-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contributor-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 660px;
}

 
 
.contributor-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contributor-list {
    padding-left: 30px;
    list-style: disc;
}
 

.contributor-actions {
    display: flex;
    gap: 36px;
    margin-top: 0;
}

.contributor-btn {
  padding: 12px 23px;
 
 
  font-family: var(--resonate_medium);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.04px;
  border-radius: 5px;

}

.contributor-btn-primary {
  background-color: var(--black);
   color: var(--white);
}

.contributor-btn-secondary {
   
  border: 1px solid var(--black);
  color: var(--black);
  background-color: transparent;
}


.collaboration-benefits {
  padding: 84px 40px;
  background-color: #ffffff;
}

 

.collaboration-header {
  text-align: center; 
}

 
.collaboration-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.collaboration-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 32px;
}

.collaboration-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.collaboration-icon {
    width: 60px;
    height: 60px;
    background: rgba(3, 2, 19, 0.05);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.career-open-application {
    padding: 0 40px 84px 40px;
}
.career-open-container {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #F9F9FA;
  padding: 48px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.career-open-header{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
 
.career-open-description {
 max-width: 660px;
 margin: 0 auto;
}

 

.career-open-button {
  display: inline-block;
  padding: 12px 24px;
 font-family: var(--resonate_medium);
 font-size: 18px;
 font-weight: 500;
 line-height: 24px;
 letter-spacing: -0.04px;
  color: var(--white);
  background-color: var(--black);
  border-radius:5px;
  text-decoration: none;
}
/* TCT Career Page END*/
/* TCT Career embedform  Page START*/
.job-application-section {
  padding: 84px 0 76px 0;
 
}   

.job-application-container {
    max-width: 580px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.job-application-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
}
.job-application-form{
    margin-top: 48px;
    gap: 24px;
}
.job-application-form .crypto-times-login-form-body {
 
    gap: 30px;
}
.resume-upload-area {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 11px 14px;
    font-family: var(--resonate_light);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}

.resume-upload-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.resume-upload-placeholder {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #888;
  font-size: 14px;
  pointer-events: none;
}


.resume-upload-button {
    /* margin-left: auto; */
    padding: 1px 12px;
    background-color: var(--black);
    color: #fff;
    border-radius: 5px;
    border: none;
    pointer-events: none;
    position: absolute;
    right: 24px;
}
.application-footer-note {
    text-align: center;
    max-width: 436px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.application-footer-note p{
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
     color: var(--light_text);
}
.topic_cate ul.select-options li {
    display: flex;
    align-items: center;
    gap: 12px;
}
/* TCT Career embedform Page END*/
/* TCT AI POLICY PAGE START */
.ai-policy-section {
  padding: 84px 0px;
  background-color: #ffffff;
}

.ai-policy-container {
    max-width: 1146px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
 
 
.ai-policy-usage {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ai-policy-list{
    padding-left: 35px;
    list-style:disc ;
}
 .pb-0{
    padding-bottom: 0 !important;
 }
 
.glossary-explore-section {
    padding: 72px 28px 85px 28px;
    border-top: 1px solid #000000;
}

 
 
.glossary-explore-header {
    margin-bottom: 30px;
    border-bottom: 1px solid #A3A3A3;
    padding-bottom: 12px;
}
 

.glossary-letter-block {
    margin: 24px 0;
}

.glossary-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--black);
 
 
  border-radius: 5px;
}


.glossary-terms-card {
    background: #fff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
}

/* Grid */
.glossary-terms-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

/* List */
.glossary-terms-list {
  list-style: disc;
  padding-left: 18px;
  margin: 0;
}

.glossary-term-item {
 font-family: var(--resonate_regular);
  font-size: 18px;
  line-height: 36px; 
  letter-spacing: -0.05px;
  color: var(--black);
 
}

/* TCT AI POLICY PAGE END */
 
/* TCT Glossary Inside PAGE START */
.glossary-term {
  position: relative;
  display: inline-block;
}

.glossary-text {
  border-bottom: 1px dotted var(--black);
  cursor: help;
}

 
.glossary-tooltip {
  position: absolute;
  left: 0;
  top: calc(100% + 12px);
  width: 348px;
  background: #ffffff;
  border-radius: 5px;
  padding: 18px;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all 0.25s ease;
  z-index: 20;
      display: flex;
    flex-direction: column;
    gap: 12px;
}

 
.glossary-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 24px;
  width: 16px;
  height: 16px;
  background: #fff;
  transform: rotate(45deg);
}

 
.glossary-term:hover .glossary-tooltip,
.glossary-term:focus-within .glossary-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
 
.glossary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}

.glossary-title span{
    display: block;
 
}


.glossary-level {
 padding: 2px 6px;
 background-color: #EFF6FF;
 border: 1px solid #BEDBFF;
 border-radius: 5px;
 color: #1447E6;
}

.glossary-definition {
   
}

.glossary-link {
    display: flex;
    align-items: center;
    gap: 6px;
}
.glossary-link:hover {
  text-decoration: underline;
}

/* TCT Glossary Inside PAGE END */
/* TCT Glossary  PAGE START */
 
.crypto-glossary-hero {
  padding: 84px 0 72px 0px;
  background: #F9F9FA;
  text-align: center;
}

.crypto-glossary-hero__container {
    max-width: 756px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 36px;
}
 
.crypto-glossary-hero__title {
 
}

.crypto-glossary-hero__description {
  
}

 
.crypto-glossary-search__field {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.crypto-glossary-search__icon {
    position: absolute;
    left: 27px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
}

.crypto-glossary-search__input {
  width: 100%;
  height: 48px;
  padding: 9px 20px 9px 57px;
  border: 1px solid #AAAAAA;
  background-color: var(--white);
  border-radius: 5px;
  font-family: var(--resonate_light);
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
 letter-spacing: 0;
  outline: none;
}

.crypto-glossary-search__input:focus {
  border-color: #AAAAAA;
}

 
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
 

.glossary-filter {
  border-top: 0.5px solid #AAAAAA;
  border-bottom: 0.5px solid #AAAAAA;
  padding: 24px 48px;
  overflow-x: auto;
}

 

.glossary-filter__list {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===== Filter Button ===== */

.glossary-filter__btn {
  border: none;
  background: transparent;
   font-family: var(--resonate_regular);
   font-size: 16px;
   line-height: 22px;
   letter-spacing: -0.02px; 
  color: #545454;
  cursor: pointer;
  padding: 7px 13px;
  border-radius: 7px;
  transition: all 0.2s ease;
}

.glossary-filter__btn:hover {
  background: var(--black);
  color: var(--white);
}
 
.glossary-filter__btn.is-active {
  background: var(--black);
  color: var(--white);
}
 

 /* ===== Glossary List ===== */

.crypto-glossary-list {
    padding: 45px 48px 84px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

 

.glossary-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.glossary-group__letter {
 
}
.glossary-item-body {
  display: none;
}

.glossary-item.is-open .glossary-item-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
}
/* .glossary-item__toggle img {
  transition: transform 0.3s ease;
}
.glossary-item.is-open .glossary-item__toggle img {
  transform: rotate(180deg);
} */
/* ===== Glossary Item ===== */

.glossary-item {
  padding: 24px;
  border: 1px solid #E2E6E9;
  border-radius: 5px;
}

.glossary-item__header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.glossary-item__title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.glossary-item__title {
 
}

.glossary-item__level {
 
  padding: 2px 12px;
  border-radius: 5px;
  border: 1px solid transparent;
}

.glossary-item__level--beginner {
 background: #F0FDF4;
    color: #008236;
    border-color: #B9F8CF;
}

.glossary-item__level--intermediate {
 background: #EFF6FF;
    color: #1447E6;
    border-color: #BEDBFF;
}

.glossary-item__level--advance {
 background: #FAF5FF;
    color: #8200DB;
    border-color: #E9D4FF;
}

.glossary-item__actions {
  display: flex;
  gap: 12px;
}

.glossary-item__actions button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.glossary-item__actions .glossary-item__bookmark{
    padding: 5px 8px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
}

 

 
.glossary-item__content:after {
    content: "";
    background: #AAAAAA;
    /* width: 100%; */
    height: 0.5px;
    position: absolute;
    left: -24px;
    right: -24px;
    top: 0;
}
.glossary-item__content {
    padding-top: 32px;
    position: relative;
 
}
 

.glossary-item__tags {
  display: flex;
  gap: 24px;
  
}

.glossary-tag {
  background: rgba(3, 2, 19, 0.05);
  padding: 7px 28px;
  border-radius: 5px;
  border: 1px solid #E2E6E9;
 
}

 

.glossary-item__readmore {
    display: flex;
    text-decoration: none;
    gap: 6px;
    padding-top: 24px;
}

/* TCT Glossary  PAGE END */

/* TCT Advertise PAGE START */
/* popup.css */

/* Overlay / background */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none; /* hidden by default */
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* Show overlay */
.modal-overlay.active {
  display: flex;
}

/* Modal content box */
.modal-content {
  background: #fff;
  padding: 0;
  max-width: 460px;
  width: 90%;
  border-radius: 5px;
  position: relative;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 
  text-align: center;
  box-shadow:0 4px 12px -2px rgba(0, 0, 0, 0.25) ;
}
.modal-content  .tct-forgot-card {
    padding: 70px 48px 68px 48px;
}
.modal-content  .tct-forgot-card .tct-forgot-btn{
    font-family: var(--Test_Tiempos_Text);
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: -0.1px;
}
.modal-content  .tct-forgot-card  .tct-forgot-desc {
    max-width: 331px;
    margin: 0 auto;
}
/* Close button */
.modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--black);
}


 

 
.advertise-hero {
  padding: 84px 0 153px 0   ;
 
}

.advertise-hero__container {
  max-width: 1174px;
  margin: 0 auto;
  padding-left:15px;
  padding-right:15px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 68px;
  align-items: center;
}
.advertise-hero__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Content */
.advertise-hero__title {
 font-family: var(--Test_Tiempos_Text);
 font-weight: 500;
 font-size: 56px;
 line-height: 72px;
letter-spacing: -0.02px;
color: var(--black);
}



.brand-highlight {
  display: block;
}

 

/* Buttons */
.advertise-hero__actions {
  display: flex;
  gap: 24px;

  margin: 0;
    margin-top: 24px;

}
.advertise-hero_secondary {
    padding: 12px 28px;
}
 
 
.advertise-hero__image {
  width: 100%;
  height: auto;
  display: block;
}

 /* Section */
.advertise-benefits-section {
  padding: 0;
  
}

 
.advertise-benefits-container {
    max-width: 1164px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/* Header */
.advertise-benefits-header {
 
}

.advertise-benefits-title {
     font-family: var(--Test_Tiempos_Text);
    font-weight: 600;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: -0.02px;
    color: var(--black);
  
}

.advertise-benefits-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 2px;
  background:var(--black);
  margin-top: 12px;
}

 
.advertise-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
    align-items: center;
}

 
.advertise-stat-item {
    border-left: 2px solid var(--black);
    padding: 24px 0 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.advertise-stat-number {
 
}

.advertise-stat-label {
   
}

/* Bottom Content */
.advertise-benefits-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 84px;
    max-width: 860px;
}

.advertise-benefit-block {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.advertise-benefit-title {
  
}

.advertise-benefit-text {
   
}

/* Section */
.advertising-options-section {
  padding: 60px 0;
 
}

 
.advertising-options-container {
  max-width: 1146px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

 
 

 
.advertising-options-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 24px;
    margin-top: 48px;
}
 
.advertising-option-card {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E2E6E9;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.advertising-option-image-wrapper {
    background: #222324;
    min-height: 326px;
}

.advertising-option-image {
  width: 100%;
  display: block;
}

/* Content */
 
.advertising-option-heading {
    margin-bottom: 14px;
}

/* Features */
.advertising-option-features {
  padding-left: 30px;
  margin-top: 12px;
  list-style: disc;
}
 

.advertising-option-feature {
 
   font-family: var(--Test_Tiempos_Text);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.25px;
    
}
 

/* Section */
.brand-visibility-section {
  padding: 84px 0;
  background-color: #F9F9FA;
}

/* Container */
.brand-visibility-container {
    max-width: 1146px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
 
 
.brand-visibility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 24px;
}   
 
 .brand-visibility-item {
    padding: 48px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.brand-visibility-icon{
    margin-bottom: 4px;
}
 
 /* Section */
.advertising-formats {
    padding: 60px 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.advertising-formats-container {
  max-width: 1146px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

 
 
.formats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 24px;
}
 
.format-card {
    padding: 48px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    background-color: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
 

.format-card .format-title {
    display: flex;
    align-items: center;
    gap: 12px;
}
.format-description {
 
}

 
/* Section */
.media-recognition {
  padding: 84px 0;
  background-color: #F9F9FA;
 
}

.media-recognition-container {
    max-width: 1158px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
 
 
.media-logos {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px 24px;
}

 
.media-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 24px;
    background-color: #ffffff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
 
/* Logo Images */
.media-logo img {
  max-width: 100%;
 
  object-fit: contain;
 
}

 
/* Text-only card */
.media-logo--text {
 
}

/* Footnote */
.media-footnote {

  text-align: center;
}


.work-together {
  padding: 60px 0 119px 0;
  background-color: #ffffff;
}

.work-together-container {
  max-width: 745px;
  margin: 0 auto;
}
.work-section-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
.contact-section .media-kit-form{
    margin-top: 48px;
}
.contact-section .media-kit-form .crypto_btn_primary {
    font-family: var(--Test_Tiempos_Text);
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.1px;
    padding: 10px 32px;

}
.work-together .contact-section{
    padding: 0;
}

.work-together .media-kit-form .select-options li:hover {
  background: #1967D2;
  color: var(--white);
}

.work-together .media-kit-form  .select-options li.active {
  background: #1967D2;
  color: var(--white);
}
/* TCT Advertise PAGE END */

/* TCT Authors Listing Page Start*/
/* ===== Section ===== */
.author-showcase {
  padding: 60px 0;
}

.author-showcase__wrapper {
 
  margin: 0 auto;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

/* ===== Card ===== */
.author-profile-card {
  background: #fff;
  border: 1px solid #E2E6E9;
  border-radius: 5px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
}

 
 
 

.author-profile-card {
    background: #fff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
}
 
 .author-profile-card__avatar-wrap {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 100%;
    /* border: 1px solid #000000; */
}
 .author-profile-card__avatar-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
 .author-profile-name-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.author-profile-card__stats {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid #E2E6E9;
    padding: 8px 27px;
    width:100%;
    border-radius: 5px;
}
.author-profile-card-footer {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 249px;
    margin: 0 auto;
}
.author-profile-card__action {
    padding: 8px 36px;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    color:var(--black);
    width:100%;
}

.author-profile-card__action:hover{
    background-color: var(--black);
    color: var(--white);
}

/* TCT Authors Listing Page End*/
/* TCT Authors Inside Page Page START*/
.author-sidebar .author-profile-card{
    padding: 28px;
    gap: 24px;
    border: 0;
    border-radius: 0;
}
.author-sidebar .author-profile-card .author-profile-card__avatar-wrap {
    width: 220px;
    height: 220px;
   
}
.author-sidebar .author-profile-card__role {
    max-width: 264px;
}
.author-sidebar .author-profile-card .author-profile-card__action {
    padding: 8px 36px;
    color: var(--black);
}
.author-sidebar .author-profile-card .author-profile-card__action:hover{
    color: var(--white);
}
/* Social */
.author-social {
  margin-top: 32px;
}

.author-social__title {
    padding: 12px 28px;
 
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
}

 
ul.author-social__list {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.author-social__link {
    display: flex;
    align-items: center;
    gap: 17px;
}
.author-social__list {
  list-style: none;
  padding: 0;
}
.author-social__icon {
    width: 39px;
    height: 39px;
    background: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.writer-section {
    position: relative;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
 .writer-section .writer-posts {
    padding: 0;
    background: transparent;
    border: none;
    display: unset;
    margin: unset;
}
.writer-section__intro {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.writer-posts .article-card .article-card-content-top {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.writer-posts .article-card .article-topic-label {
    
   margin: 0;
}
.writer-posts .article-card .article-card-body{
    gap: 36px;
    height: 100%;
    justify-content: space-between;
}
.writer-posts .article-card .article_summary{
    color: #3C3C3C;
}
.writer-posts .article-list-grid { 
    gap: 24px;
}
.writer-posts .article-list-wrap-list .article-card{
    display: none;
    flex-direction: column;
}
/* TCT Authors Inside Page Page END*/
/* 404 Error Page Start*/

 
.error-page {
    padding: 120px 15px 186px 15px;
    text-align: center;
    /* background-color: #f9f9f9; */
}

.error-page__container {
  max-width: 768px;
  margin: 0 auto;
}

/* Headings */
.error-page__code {
    color: #000;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 120px;
    line-height: 50px;
    letter-spacing: -0.25px;
    text-align: center;
    padding-bottom: 18px;
}

.error-page__title {
    padding-bottom: 24px;
}
.error-page__description {
 padding-bottom: 24px;
}

/* Search */
.error-page__search {
    margin-bottom: 20px;
    max-width: 660px;
    margin: 0 auto;
}

.error-page__search-input {
    width: 100%;
    padding: 16px 39px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    background: url(../img/404_search_icon.svg);
    background-position: 17px center;
    background-repeat: no-repeat;
}
/* Buttons */
.error-page__actions {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.error-page__btn {
    padding: 11px 33px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #000;
    transition: 0.3s ease;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.error-page__btn--primary {
  background-color: #000;
  color: #fff;
}

.error-page__btn--primary:hover {
  background-color: #333;
}

.error-page__btn--secondary {
  background-color: #fff;
  color: #000;
}

.error-page__btn--secondary:hover {
  background-color: #f0f0f0;
}

 
 

/* Popular */
.error-page__popular {
    border-top: 0.5px solid #AAAAAA;
    margin-top: 72px;
    padding-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.error-page__popular-title {
 
}

.error-page__links {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
 gap: 36px;
  flex-wrap: wrap;
}

.error-page__link {
  text-decoration: none;
  color: #555;
 font-family: var(--resonate_regular);
font-weight: 400;
font-size: 20px;
letter-spacing: -0.05px;
text-align: center;

  transition: 0.3s;
}

.error-page__link:hover {
  color: #000;
}
.error-support__text{
    font-family: var(--resonate_regular);
font-weight: 400; 
font-size: 20px; 
letter-spacing: -0.05px;
text-align: center;
color: #545454;
}
.error-support__text a{
    text-decoration: underline;
}
/* 404 Error Page end*/

/* Inside page (Sponsored)  Page Start*/
.blockchain-news-post {
    max-width: 946px;
    margin: 0 auto;
    padding:28px 0 48px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

 .blockchain-news-post .article_header {
   
    gap: 24px;
}
.partner-label-box {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 0.5px solid #000000;
    padding: 8px 27px;
    max-width: 353px;
    width: 100%;
}
.info-icon {
    width: 18px;
    height: 18px;
    display: flex;
}
.partner-prefix {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blockchain-news-post .articleBody{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.content-share-panel {
  display: flex;
  align-items: center;
  gap: 24px;
}

 
.content-share-label {
    color: #000000;
    display: flex;
    gap: 12px;
    align-items: center;
}
.content-share-actions {
  display: flex;
  gap: 12px;
}

.share-btn {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
    background-color: #fff;
    overflow: hidden;
}
.share-btn img{
    width: 23px;
    height: 23px;
}

.share-btn:hover {
  background-color: #f5f5f5;
  transform: translateY(-2px);
}

/* Platform specific hover colors */
.share-facebook:hover {
  color: #1877f2;
}

.share-x:hover {
  color: #000;
}

.share-linkedin:hover {
  color: #0a66c2;
}

.share-whatsapp:hover {
  color: #25d366;
}

.share-copylink:hover {
  color: #ff9800;
}

/* Inside page (Sponsored)  Page End*/
/* TCT Account Dashboard Page - All Topics  Page Start*/
.user-following-section {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.following-summary {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-bottom: 18px;
    border-bottom: 0.5px solid #AAAAAA;
}

 

.following-stats {
    display: flex;
    gap:24px;
}

.following-stats .stat-item {
    background-color: #f2f3f5;
    padding: 9px 23px;
    border-radius: 5px;
  border: 1px solid #E2E6E9;
  background: #0302130D;

}
.updates-search-wrapper {
    width: 100%;
}

.updates-search-input {
    width: 100%;
    padding: 10px 57px;
    border: 1px solid #AAAAAA;
    border-radius: 6px;
    outline: none;
    transition: border 0.3s ease;
    background: url(../img/search_filter.svg) no-repeat;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #AAAAAA;
    background-position: 27px center;
}

.updates-search-input:focus {
    border-color: #999;
}


/* Wrapper */
.news-tabs-wrapper {
    border-bottom: 0.5px solid #AAAAAA;
}

/* Navigation */
.news-tabs-menu {
  display: flex;
  gap: 24px;
  
  list-style: none;
  margin: 0;
}

.news-tab-item {
  position: relative;
}

/* Button */
.news-tab-trigger {
  background: none;
  border: none;
  
  font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
  cursor: pointer;
  padding-bottom: 18px;
  color: #545454;
}

/* Active Tab */
.news-tab-item.active .news-tab-trigger {
  color:#000000;
}

.news-tab-item.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000;
}
.tabs_navigation_folowing {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
/* Content */
.news-tabs-content-wrapper {
  padding: 0;
}

.news-tab-content {
  display: none;
}

.news-tab-content.active {
  display: block;
}
/* Section */
.writer-block {
  
}

/* Grid */
.writer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
}

/* Card */
.writer-card-box {
    background: #ffffff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 24px 24px 14px;
}

/* Header */
.writer-top {
    display: flex;
    gap: 26px;
    margin-bottom: 0;
    align-items: self-start;
    padding-bottom: 18px
}

.writer-photo {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #000000;
}
.writer-title {
 
}

.writer-position {
 
}
.writer-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* Article Box */
.writer-posts {
    background: #F9F9F9;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 18px;
    margin-bottom: 13px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.writer-post-heading {
  
}

/* Article */
.writer-post-item {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.writer-post-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.writer-post-link {
 
  display: block;
  margin-bottom: 0;

}

 
.writer-post-meta {
  
  display: flex;
  gap: 12px;
  color:#A1A1A1;
}
.writer-read {
    display: flex;
    white-space: nowrap;
    gap: 6px;
    
}
.writer-read img {
    width: 12px;
}
.writer-profile-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* Footer */
.writer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

 
.writer-action-btn {
    padding: 5px 14px;
    border: 1px solid #E2E6E9;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}
.writer-action-btn:hover {
  background: #f9f9f9;
}

 
/* FILTER */
.chain-hub-filterbar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
    padding: 0;
    background: #fff;
    margin-bottom: 36px;
}

.chain-hub-chip {
    padding: 7px 14px;
    border: 1px solid #E2E6E9;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    color: #000000;
}

.chain-hub-chip.active-chip, .chain-hub-chip:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

/* GRID */
.chain-hub-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 18px;
}
/* CARD */
.chain-hub-unit {
    background: #FFFFFF;
    border: 1px solid #E2E6E9;
    padding: 18px;
    transition: 0.2s;
    border-radius: 5px;
}
.chain-hub-unit:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* HEADER */
.chain-hub-top {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
}

.chain-hub-avatarbox {
    position: relative;
    width: 84px;
    height: 84px;
    border: 3.4px solid #F3F4F6;
    border-radius: 100%;
    overflow: hidden;
}

.chain-hub-avatar {
  width: 84px;
  height: 84px;
  border-radius: 6px;
  object-fit: cover;
}

.chain-hub-badge {
  position: absolute;
  bottom: -5px;
  left: 0;
  font-size: 10px;
  background: #2a6df4;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
}

.chain-hub-title {
 
}

.chain-hub-subtitle {
  
}

/* ARTICLE */
.chain-hub-articlewrap {
    border: 1px solid #E2E6E9;
    background: #F9F9F9;
    border-radius: 5px;
    margin-bottom: 18px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

 

.chain-hub-meta {
    display: flex;
    gap: 12px;
}
.chain-hub-meta span {
    display: flex;
    white-space: nowrap;
    gap: 6px;
}
.chain-hub-meta span img{
    width: 12px;
}
/* FOOTER */
.chain-hub-bottom {
    display: flex;
    justify-content: unset;
    align-items: unset;
    flex-direction: column;
    gap: 18px;
}
.chain-hub-icons {
  display: flex;
  gap: 12px;
}

.chain-hub-icon {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}

.chain-hub-actions {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.chain-hub-link {
  font-size: 13px;
  text-decoration: none;
  color: #000;
}

.chain-hub-btn {
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #f4f4f4;
  cursor: pointer;
}

.chain-hub-btn.following-state {
  background: #fff;
}
.insight-section {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    gap: 36px;
    padding: 0;
} 
 

.insight-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.insight-heading {
  
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Common Card Style */
#news-recommended .topic-card,

#news-recommended .growing-Projects-card {
 display: flex;    
    justify-content: space-between;
    border: 1px solid #E2E6E9;
    padding: 24px;
    border-radius: 5px;
    background: #fff;
}
#news-recommended .poppuler-author-card{
    display: flex;    
    justify-content: space-between;
    border: 1px solid #E2E6E9;
    padding: 24px 24px 24px 20px;
    border-radius: 5px;
    background: #fff;
    align-items: flex-start;
}
#news-recommended .topic-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* Topic */
#news-recommended .author-card-info {
    display: flex;
    gap: 12px;
}
.author-info-content-top {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.author-info-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
 

 
 

#news-recommended .author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #000000;
}

 

 
/* Project */
 
.growing-Projects-card-logo {
  width: 48px;
  height: 48px;
  background: red;
 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
 
}

 

 .growing-Projects-card-info {
    display: flex;
    gap: 12px;
}
.growing-Projects-info {
    display: flex;
    gap: 18px;
    flex-direction: column;
}
.growing-Projects-info-top {
    display: flex;
    gap: 6px;
    flex-direction: column;
}
/* Button */
.action-add-btn {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
 .following_topics_news_grid_section{
    padding-top: 30px;
 }
/* TCT Account Dashboard Page - All Topics  Page End*/
 .uni_feature_news_grid {
    display: none;
}
.uni_news_layout .uni_feature_news_grid {
    display: grid;
}
.user-action-bar {
    display: flex;
    align-items: center;
   gap: 15px;
   position: relative;
  
   
}
.tooltip-wrapper {
    position: relative;
    display: inline-block;
}

/* LEFT TOOLTIP */
.tooltip-box {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%; 
     transform: translateY(-50%);
    background: #FFFFFF;
    padding: 18px;
    width: 348px;
    border-radius: 5px;

    
     

    z-index: 9999999;
    transition: 0.3s;

    box-shadow: 0px 4px 12px -2px #00000040;

    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: #000000;
    display: none;
}

/* Arrow */
 
/* Show */
.tooltip-wrapper:hover .tooltip-box {
    display: block;
    visibility: visible;
}
/* Follow Button */
.user-action-follow-btn {
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 7px 18px;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    text-align: center;
    color: #000000;
}

.user-action-follow-btn:hover {
    background-color: #000;
    color: #fff;
}

/* Icons Wrapper */
.user-action-icons {
    display: flex;
    gap: 18px;
}

/* Individual Icon */
.user-action-icon {
    font-size: 18px;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-panel {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #AAAAAA;
     
}
 
 .insight-panel h2 {
    padding: 0 28px 24px;
}
.insight-link-items .edit_icon img{
    width: 24px;
    height: 24px;
}
.insight-link-items h4{
    flex:1;
}
.insight-crypto-list {
    padding: 0 28px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 32px;
}
.insight-panel__heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.insight-crypto-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
 
}

.insight-crypto-card__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.insight-crypto-badge {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}

.btc-bg { background: #f7931a; }
.eth-bg { background: #3c3c3d; }
.usdt-bg { background: #26a17b; }

 .uni_feature_cate_grid_section .archive_zone_news_container {
    flex-direction: column;
    display: none;
}
.uni_feature_cate_grid_section .load_more_button_sec{
    text-align: end;
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100%;
}
.insight-crypto-title {
    color:#3B3551;
}
.insight-crypto-code {
    color: #6F7F95;
     
}

.insight-crypto-trend {
    font-size: 12px;
    margin-top: 2px;
}

.trend-up { color: green; }
.trend-down { color: red; }

.insight-crypto-value {
   color: #3B3551;
}
.insight-entities {
    padding-left: 28px;
    padding-right: 28px;
}
.insight-divider {
    border: none;
    border-top: 1px solid #ddd;
    margin: 15px 0;
}

.insight-person {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #E2E6E9;
 
}

.insight-person__image {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
 .insight-links {
    padding: 24px 28px;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.insight-link-items:not(:last-child){
    padding-bottom: 18px;
     border-bottom: 0.5px solid #E2E6E9
}
.insight-link-items {
    display: flex;
    gap: 20px;
    align-items: center;
    max-width: 238px;
    text-align: left;
}   

.insight-footer {
    text-align: center;
   
}

.google-review-cta__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #000000;
    padding: 2px 31px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    border-radius: 5px;
    color: var(--black);
}
.google-review-cta
 {
    padding: 36px;
}
.action-bar {
    display: flex;
    gap: 24px;
    align-items: center;
    padding-bottom: 24px;
}

.action-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 5px;
    border: 1.5px solid #E2E6E9;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.04px;
    color: var(--black);
}

 
 

/* Icons */
.action-icon svg {
    width: 24px;
    height: 24px;
   
}
.email-subscription-block {
    border: 1px solid #E2E6E9;
    padding: 18px 24px;
    margin-bottom: 36px;
}

.email-subscription-wrapper {
  max-width: 780px;
}

 .email-subscription-block  .email-subscription-heading{
    padding-bottom: 6px;
 }

.email-subscription-text {
 
}

.email-subscription-small {
 
}

.email-subscription-form {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    max-width: 590px;
}
.email-subscription-field {
    flex: 1;
    padding: 8px 28px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: #AAAAAA;
}

.email-subscription-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 19px;
    border: 1px solid #AAAAAA;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}

 
.email-subscription-btn-icon {
  font-size: 15px;
}

.email-subscription-policy {
   
}

.email-subscription-link {
  color: #545454;
  text-decoration: underline;
}


 
.article-feedback-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 357px;
    margin-top: 36px;
}

.article-feedback-section .article-feedback-question {
    
    margin: 0;
    padding: 0 !important;
}

.article-feedback-actions {
    display: flex;
    gap: 12px;
}

.feedback-btn {
    border: 1px solid #000000;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 9px 15px;
}
.feedback-btn:hover {
    background-color: var(--black);
    
}
.feedback-btn:hover svg path {
    fill: #fff;
}

 /* Container */
.header-user-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* Notification */
.header-notification {
    position: relative;
}

.notification-icon {
    
    position: relative;
    cursor: pointer;
}

/* Red dot */
.notification-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 6px;
    height: 6px;
    background: #FB2C36;
    border-radius: 50%;
}

/* Avatar */
.header-user-avatar {
    width:24px;
    height:24px;
    background: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-initials {
    color: #fff;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 8px;
    line-height: 18px;
    letter-spacing: 0px;
    vertical-align: middle;
}








/* Container */
.notify-widget-container {
    position: relative;
    
}

/* Bell */
.notify-widget-trigger {
    position: relative;
    cursor: pointer;
}

.notify-widget-icon {
    width: 24px;
}

/* Top red dot */
.notify-widget-count-dot {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
}

/* Dropdown */
.notify-dropdown-panel {
    position: absolute;
    top: 40px;
    right: 0;
    width: 430px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 12px -2px #00000040;
    padding: 24px;
   
    z-index: 999;
}
.notifyDropdown {
    display: none;
}

.notifyDropdown.active {
    display: block;
}

/* Header */
.notify-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

 .notify-title{
    margin-bottom: 6px;
 }

.notify-subtext {
    
}

.notify-mark-read-btn {
    background: none;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #555;
}

/* Item */
.notify-item {
    display: flex;
    gap: 12px;
    padding: 18px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #E2E6E9;
}
.notify-item:not(:last-child){
    margin-bottom: 18px;
}
/* Unread highlight */
.notify-item-unread {
    background: #F9F9F9;
    border-color: #E2E6E9

}
.notify-item-unread{
    position: relative;
}
.notify-item-unread:after{
    content: "";
    width: 6px;
    height: 6px;
    background: #000000;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    right: 18px;
}
 

.notify-item-icon {
    width: 30px;
    height: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 5px;
}

 

.notify-item-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}









/* Container */
.user-menu-widget {
    position: relative;
    display: inline-block;
}

/* Avatar */
.user-menu-trigger {
    cursor: pointer;
}

.user-menu-avatar-circle {
    width: 42px;
    height: 42px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu-avatar-circle.large {
    width: 60px;
    height: 60px;
}

.user-menu-avatar-text {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
    color: #fff;
}

.user-info-top {
    padding: 24px 24px 18px 24px;
    border-bottom: 1px solid #E2E6E9;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
/* Dropdown */
.user-menu-dropdown-panel {
    position: absolute;
    top: 40px;
    right: 0;
    width: 430px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 12px -2px #00000040;
    display: none;
    z-index: 999;
}

/* Profile */
.user-menu-profile-section {
    display: flex;
    align-items: center;
    gap: 18px;
}

.user-menu-user-details {
    flex: 1;
}

.user-menu-username {
     
}

 

.user-menu-logout-btn {
   
    
   
    cursor: pointer;
}

.user-menu-section {
    padding: 18px 24px 23px 24px;
    border-bottom: 1px solid #E2E6E9;
}
/* Dashboard */
.user-menu-dashboard-link {
    background: #F9F9FA;
    padding: 9px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--black);
}

/* Divider */
.user-menu-divider {
    height: 1px;
    background: #eee;
    margin: 15px 0;
}

/* Sections */
.user-menu-section-header {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 21px;
}

.user-menu-view-all {
    
    cursor: pointer;
}

/* Items */
.user-menu-list-item {
    padding: 0;
    cursor: pointer;
    display: flex;
    gap: 11px;
    align-items: center;
}
.user-menu-list-item:not(:last-child){
    margin-bottom: 18px;
}
.content-reading-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
 /* Container */
.crypto-tabs-widget {
    width: 100%;
}

/* Header */
.crypto-tabs-header {
    display: flex;
    gap: 10px;
    background: #F9F9FA;
    border-radius: 5px;
    padding: 2px 3px;
    justify-content: space-between;
}
/* Tab Buttons */
.crypto-tab-button {
    padding: 8px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #666;
    font-family: var(--resonatesemi_bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.crypto-tab-button-icon {
    width: 18px;
    height: 18px;
}

/* Active Tab */
.crypto-tab-button.active {
    color: #000;
     box-shadow: 0px 4px 12px -2px #0000001A;
     background: #FFFFFF;
     border-radius: 5px;


}

/* Content */
.crypto-tab-panel {
    display: none;
    padding-top: 18px;
}

.crypto-tab-panel.active {
    display: block;
}

 /* Container */
.saved-content-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Item */
.saved-content-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
 
     
}

/* Icon */
.saved-content-icon {
    font-size: 24px;
   
}

/* Text */
.saved-content-text {
    flex: 1;
}

 /* Container */
.learning-progress-widget {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Progress Item */
.learning-progress-item {
    display: flex;
    flex-direction: column;
    gap:11px;
}
.learning-progress-widget-body {
    display: flex;
    align-items: center;
    gap: 13px;
    position: relative;
}
/* Header */
.learning-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Title */
.learning-progress-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

/* Percentage */
.learning-progress-percentage {
    
}
.crypto-tabs-widget {
    width: 100%;
    margin-top: 9px;
}

/* Progress Bar */
.learning-progress-bar {
    width: 100%;
    height: 6px;
    background: #54545433;
    border-radius: 50px;
    overflow: hidden;
}

/* Fill */
.learning-progress-fill {
    height: 100%;
    background: #000;
    border-radius: 50px;
}

/* Resource Link */
.learning-resource-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 15px;
}

/* Arrow */
.learning-resource-arrow {
    font-size: 18px;
    color: #777;
}

/* Hover */
 
 
.crypto-tab-panel .insight-crypto-list {
    padding: 0;
    gap: 24px;
}
.crypto-tab-panel .insight-crypto-card__left {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #F9F5FD;
    max-width: 238px;
    width: 100%;
}
/* 
NEWS LETTER POPUP */
/* Popup Wrapper */
.newsletter-popup {
  display: none;  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

/* Overlay */
.newsletter-popup__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

/* Popup Box */
.newsletter-popup__box {
    position: relative;
    background: #f5f5f5;
    padding: 40px 30px;
    border-radius: 5px;
    text-align: center;
    max-width: 860px;
    width: 90%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 2;
    height: 460px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

/* Success Icon */
.newsletter-popup__icon {
  width: 84px;
  height: 84px;
  margin: 0 auto 0;
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
}

/* Title */
.newsletter-popup__title {
   
}

/* Message */
.newsletter-popup__message {
  
}

/* Close Button */
.newsletter-popup__close-btn {
    padding: 0;
    background: transparent;
    color: #000;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
}
/* START TCT-Directory-Listing-Home-Page */

.ct-crypto-directory {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
 
.ct-crypto-directory-content{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ct-crypto-directory__subtitle {
   
}

.ct-crypto-directory__title {
    padding-bottom: 12px;
    border-bottom: 1px solid #AAAAAA;
}

.ct-crypto-directory__description {
   
}

.ct-crypto-directory__stats {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
}

.ct-crypto-directory__stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
 
.ct-crypto-directory-listing .crypto-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px 24px;
}
.ct-crypto-directory-listing {
    padding-top: 36px;
    display: flex;
    gap: 36px;
    flex-direction: column;
}   
.directory-section--core {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.directory-section__header {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #378ADD;
  padding-bottom: 12px;
  margin-bottom: 0;
  gap: 18px;
}

 

.directory-section__badge {
    background: #378ADD;

    color: #fff;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

 
.directory-section__title {
 
  margin: 0;
}

.ct-crypto-directory-listing .crypto-category-grid .crypto-link-arrow {
    display: flex;
    align-items: center;
}
.ct-crypto-directory-listing .crypto-category-grid .crypto-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #E2E6E9;
  
}

.ct-crypto-directory-listing .crypto-category-grid .crypto-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
 
    color: #3C3C3C;
    padding: 0;
    border: none;
}
.crypto-category__count{
    color: #378ADD;

}
.directory-section--security  .directory-section__badge{
   background: #E24B4A;

}
.directory-section--security  .directory-section__header {
    border-color: #E24B4A;
}
.directory-section--security  .crypto-category__count {
    color: #E24B4A;
}



.directory-section--regulation  .directory-section__badge{
   background: #9B77DD;

}
.directory-section--regulation  .directory-section__header {
    border-color: #9B77DD;
}
.directory-section--regulation  .crypto-category__count {
    color: #9B77DD;
}


.directory-section--knowledge  .directory-section__badge{
   background: #1D9E75;

}
.directory-section--knowledge  .directory-section__header {
    border-color: #1D9E75;
}
.directory-section--knowledge  .crypto-category__count {
    color: #1D9E75;
}

.directory-section--community  .directory-section__badge{
   background: #EF9F27;

}
.directory-section--community  .directory-section__header {
    border-color: #EF9F27;
}
.directory-section--community  .crypto-category__count {
    color: #EF9F27;
}

.ct-crypto-directory-listing_sub .crypto-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #E2E6E9;
}
.ct-crypto-directory-listing_sub .crypto-card-footer  .crypto-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3C3C3C;
    padding: 0;
    border: none;
}
.ct-crypto-directory-listing_sub .crypto-card-footer  .crypto-link-arrow {
    display: flex;
    align-items: center;
}
.ct-crypto-directory-listing_sub_header .directory-section__badge{
    width: 48px;
    height: 48px;
}
.ct-crypto-directory-listing_sub_header .directory-section__header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 24px;
    margin-bottom: 0;
    gap: 12px;
}
.ct-crypto-directory-listing_sub{
    gap: 0;
}
.ct-crypto-directory-listing_sub_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* END TCT-Directory-Listing-Home-Page */

/* Footer Start */
footer {
    padding: 40px 0;
    background: var(--light_blck);
}
.left_cols {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.footer_logo {
    max-width: 302px;
    width: 100%;
    position: relative;
}
.footer_column_grid {
    padding-top: 32px;
}
.footer_grid {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 96px;
    max-width: 85%;
}
.footer_logo_sec {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--light_text);
}
.footer_column_grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.footer_cols {
    display: flex;
    align-items: start;
    gap: 15px;
    flex-direction: column;
}
.footer_cols h2 {
    color: var(--white);
}
.footer_menu {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.footer_menu li a {
    color: var(--white);
    font-size: 16px;
    font-family: var(--resonate_regular);
    font-weight: 400;
    position: relative;
}

.footer_menu li a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    border-radius: 5px;
    height: 0.05em;
    bottom: -2px;
    left: 0;
    background: var(--white);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.footer_menu li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.footer_middle {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 120px;
}

.apps_store_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.footer_social {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 24px;
}

.footer_widgets {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer_title {
    font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: var(--footer_text);
    letter-spacing: 0;
}

.footer_social ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.news_latter_form {
    padding: 34px 47px;
    background-color: var(--black);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 14px;
}

.news_latter_form p {
    text-align: center;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--line);
    margin: 0;
}

.news_latter_form p span {
    font-family: var(--resonate_bold);
    font-weight: 700;
    color: var(--white);
}
.news_latter_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.news_latter_header h2 {
    text-align: center;
    color: var(--white);
}

.newslatter_form {
    display: flex;

}
.newslatter_form .form-control {
    border: 1px solid var(--white);
    height: 50px;
    background: transparent;
    border-radius: 5px 0 0 5px;
    padding: 10px 20px;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #9A9A9A;
    width: calc(100% - 120px);

}
.latestNews_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.latestNews_items:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #E5E5E5;
}
.newslatter_form .form-control:focus {
    outline: none;
    box-shadow: none;
}
.heroMainRail__featuredStories .top_article_content {
    display: flex;
    max-width: 86%;
}
.heroMainRail__featuredStories_bottom {
    display: grid;
    grid-template-columns: 2.3fr 1fr;
    gap: 24px;
    padding-top: 23px;
}
.bitcoins_price_news {
    display: flex;
    gap: 24px;
}
.bitcoins_price_news_content_body {
    gap: 12px;
    display: flex;
    flex-direction: column;
}
.bitcoins_price_news_img {
    width: 262px;
    height: 158px;
    overflow: hidden;
}
.bitcoins_price_news_content {
    width: calc(100% - 285px);
}
.latestNews_items {
    display: flex;
    flex-direction: column;
    gap: 6px;
   
}
.latestNews_items h3{
    max-width: 89%;
}
.newslatter_form .form-control::placeholder {
    color: #9A9A9A;

}
.heroMainRail__featuredStories_bottom .article_news {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.article_news_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.newslatter_form .theme_btn {
    padding: 10px 20px;
    border-radius: 0 5px 5px 0;
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    transition: all 0.5s;
    border: 1px solid var(--white);
    width: 120px;
    background-color: var(--white);
}
.newslatter_form .theme_btn:hover {
    border-color: var(--white);
    background: transparent;
    color: var(--white);
}
.captach_text {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: var(--line);
}
.bottom_footer {
    position: relative;
    padding: 24px 0 0;
    border-top: 1px solid #545454;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.5fr;
}
.dcma_badget img {
    text-align: center;
    margin: 0 auto;
}
.copy_right_text p {
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    color: var(--footer_text);
    max-width: 90%;

}

.copy_right_text p:not(:last-child) {
    padding-bottom: 6px;
}
.right_cols_footer {
    display: flex;
    align-items: start;
    justify-content: end;
}

ul.footer_menu_primary {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 0;
}

ul.footer_menu_primary li a {
    color: var(--white);
    font-family: var(--resonate_light);
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;

}
.ad-container {
    padding: 12px 16px;
}

.ad-inner {
    width: 100%;
    border: 1px solid #E2E6E9;

    padding: 29px;
    min-height: 257px;
}
.ad-inner-content {
    border: 1px dashed rgba(85, 68, 85, 0.2667);
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ad-inner p {
    margin: 0;
    color: #364153;

}
.mobile-only {
    display: none;
}
.hide_desktop {
    display: none;
}
/* 
body.color-light {
    background: #ffffff;
    color: #000;
}

body.color-dark {
    background: #000;
    color: #fff;
}

body.color-auto {
    background: #f5f5f5;
    color: #222;
}
body.width-standard .container { max-width: 1344px; }
body.width-wide .container { max-width: 100%; }
body.font-small { font-size: 14px; }
body.font-standard { font-size: 16px; }
body.font-large { font-size: 18px; } */
.some_more_news {
    display: none;
}

.press_news-item .press_new_items_img {
    display: none;
}

.some_more_news-list_mobile_list {
    display: none;
}

.sub_article_grid_card:not(:last-child):before {
    display: none;
}

.bitcoins_tab .news-footer
{
    display: none;
}
 
 

 
.yt-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 33px;
    padding-top: 22px;
}
 

.yt-flex {
  display: flex;
  gap: 16px;
  align-items: center;
}

.yt-video-box {
    position: relative;
    width: 320px;
    min-width: 320px;
    border-radius: 12px;
    overflow: hidden;
}
.yt-video-box img{
    height: 180px;
    object-fit: cover;
}
.yt-duration {
    position: absolute;
    bottom: 12px;
    right: 96px;
    background: #00000080;
    color: #fff;
    padding: 4px 16px;
    border-radius: 6px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}
 

.yt-title {
 color: #364045;
}

 
 
.Highlights_box .card-body {
    display: none;
    padding-top: 6px;
    border-top: 1px solid #AAAAAA;
}

.press_news_block_mobile {
    display: none !important;
}

.fact_check_grid_right_list_mobile {
    display: none;
}

.presss_relase_mobile {
    display: none;
}

.readmore_news_blog_grid {
    display: none;
}

.morethen_mobile,
.ads-mobile {
    display: none;
}

.team_mobile_only,
.aside_only_mobile_device {
    display: none;
}

.releated_news_list_mobile,
.exclusive_article_list {
    display: none;
}



/* MOBILE MENU BAR */

.main-sidebar{
    position:fixed;
    top:0;
    right:-320px;
    width:277px;
    height:100%;
    background:#fff;
    /* box-shadow:-3px 0 10px rgba(0,0,0,0.1); */
    transition:0.4s;
    padding:19px 16px;
    z-index:1001;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100vh;
    overflow: auto;
}
.main-sidebar::-webkit-scrollbar {
    width:4px; 
}

.main-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 10px;
}

.main-sidebar::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 10px;
}

.main-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.main-sidebar.active{
    right:0;
}
/* Overlay */
.layout-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:1000;
}

.layout-overlay.active{
    opacity:1;
    visibility:visible;
}
 
.sidebar-top-area {
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.main-sidebar .brand-logo {
    width: 158px;
    height: 24px;
}

 /* Search Bar Container */
 

/* Form */
.search-bar__form {
    display: flex;
    align-items: center;
    background: #fff;
    border: 0.75px solid #0000001A;
    border-radius: 5px;
    padding: 8px 6px;
    gap: 8px;
}

/* Icon */
.search-bar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

/* Input */
.search-bar__input {
  flex: 1;
  border: none;
  background: transparent;
  font-weight: 500;
  outline: none;
  font-family: var(--resonate_light);
font-weight: 300; 
font-size: 14px; 
line-height: 18px;
letter-spacing: 0px;

}

/* Placeholder */
.search-bar__input::placeholder {
  color: #000;
}

/* Shortcut Button */
.search-bar__shortcut {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    box-shadow: 0px 2px 2px 0px #0000000D;
    transition: all .2s ease;
  
    border: 0.75px solid #EDEDED;
    display: flex;
    align-items: center;
    justify-content: center;
}

 .search-bar__shortcut svg{
    width:20px;
    height: 20px;
 }
 .sidebar-top-area_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main-sidebar .sidebar-navigation-list {
    background: white;
    border-radius: 5px;
    padding: 6px;
    border: 1px solid #0000001A;
    box-shadow: 0px 2px 4px 0px #0000000D;

}

.main-sidebar .nav-link-item {
    display: flex;
    align-items: center;
    padding:8px 6px;
    border-radius: 12px;
    cursor: pointer;
    gap: 8px;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 18px;     
    line-height: 24px;
    letter-spacing: -0.04px;
    transition: all 0.5s;
    color: #000000;

}
.main-sidebar  .nav-link-item:hover{
    background:#F5F5F5;
     font-family: var(--resonate_medium);
    font-weight: 500;
}

.main-sidebar  .nav-link-item.active{
    background:#F5F5F5;
     font-family: var(--resonate_medium);
    font-weight: 500;
     
}
.main-sidebar .nav-link-item svg{
    width: 28px;
    height: 28px;
}
 
.main-sidebar .company-info-links {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 18px;
    border: 1px solid #0000001A;
    box-shadow: 0px 2px 4px 0px #0000000D;
        display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.main-sidebar .company-info-links a {
    display: inline-block;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
}

.main-sidebar  .links a:hover{
    text-decoration:underline;
}

.main-sidebar .account-panel {
    background: white;
    border-radius: 12px;
   border: 1px solid #0000001A;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    

}

.main-sidebar  .account-user-info{
    display:flex;
    align-items:center;
    gap:8px;
}

.main-sidebar .account-avatar {
    width: 32px;
    height: 32px;
    background: #000000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
}
.main-sidebar  .account-username{
    font-family: var(--resonate_medium);    
    font-weight: 500;
     font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000;

}
.account-user-info_logout{
    cursor: pointer;
}
.pb_12{
    padding-bottom: 12px !important;
}

.crypto_market_snapshot{
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding-bottom: 62px;
}
.crypto_market_snapshot .next_prev_buttons {
    width: 58px;
    float: right;
}
.hero__compositionSection .next_prev_buttons .next_prev_btn {
    top: auto;
    right: 5px;
    bottom: -47px;
    left: auto;
}
/* Breadcrumb Navigation */
.breadcrumb-nav {
    width: 100%;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top:28px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    font-family: var(--resonate_regular);
    font-size:14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #787878;
}

/* Separator */
.breadcrumb-item:not(:last-child)::after {
    content: ">";
    margin-left: 6px;
    color: #9ca3af;
}

/* Links */
.breadcrumb-link {
    text-decoration: none;
     color: #787878;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover {
     color: #787878;
}

/* Current Page */
.breadcrumb-item-current {
     color: #787878;
    
}

 .mt-12{
    margin-top: 12px !important;
 }

 .more-options-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
     padding: 7px 18px;
    cursor: pointer;   
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    text-align: center;
    color: #000000;    
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 5px;
    transition: all 0.3s ease;
}

 
 

.more-options-button__icon {
    font-size: 20px;
    line-height: 1;
    color: #111111;
}

 

  
    /* Main Dropdown */
    .mla-options-dropdown{
      position:absolute;
      top:40px;
      right:0;
      width:270px;
      background:#ffffff;
      border-radius:5px;
      box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
      padding:24px;
      display:none;
      z-index:99;
    }

    .mla-options-dropdown.active{
      display:block;
    }

    /* Menu */
    .mla-options-menu-list{
      list-style:none;
      display: flex;
    flex-direction: column;
    gap: 12px;
    }

    .mla-options-menu-item{
       display:flex;
      align-items:center;
       gap: 12px;
     font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.04px;
      cursor:pointer;
      transition:0.2s;
    }

    .mla-options-menu-item-left{
      display:flex;
      align-items:center;
      gap:10px;
    }

     

     

    /* Divider */
    .mla-options-divider{
      width:100%;
      height:1px;
      background:#E2E6E9;
      margin:0;
    }

    /* =======================================
       SUB DROPDOWN COMMON
    ======================================= */

    .mla-appearance-dropdown {
      position:absolute;
      top:0;
      left:188px;
      width:300px;
      background:#ffffff;
      border-radius:5px;
      box-shadow:0 2px 10px rgba(0,0,0,0.12);
      padding:14px 28px 16px 24px;
      display:none;
    }
    .mla-share-dropdown{
      position:absolute;
      top:0;
      left:188px;
      width:282px;
      background:#ffffff;
      border-radius:5px;
      padding:18px;
      display:none;
    }
      .mla-save-dropdown{
      position:absolute;
      top:0;
      left:188px;
      width:282px;
      background:#ffffff;
      border-radius:5px;
      padding:18px;
      display:none;
    }

    .mla-appearance-dropdown.active,
    .mla-share-dropdown.active,
    .mla-save-dropdown.active{
      display:block;
    }

    /* LEFT OPEN */
    .mla-appearance-dropdown.open-left,
    .mla-share-dropdown.open-left,
    .mla-save-dropdown.open-left{
      left:auto;
      right:272px;
    }

    /* Appearance */
    .mla-appearance-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:14px;
    }
 
    .mla-appearance-close-btn{
      border:none;
      background:none;
      cursor:pointer;
      font-size:14px;
    }

    .mla-appearance-group:not(:last-child){
      margin-bottom:24px;
    }

    .mla-appearance-title{
      font-family: var(--resonate_bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
      margin-bottom:12px;
      color: var(--black);
    }

    .mla-radio-option{
      display:flex;
      align-items:center;
      gap:8px;
      
      cursor:pointer;
    }

    .mla-radio-option input{
      width:12px;
      height:12px;
    }

    /* Share */
    .mla-share-header{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:24px;
    }

    .mla-social-share-list{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
.social-share-list a{
    background-color: #000;
}
    .mla-social-share-link{
      text-decoration:none;
      display:flex;
      align-items:center;
      justify-content:center;
    
      transition:0.2s;
    }

    .mla-social-share-link:hover{
      transform:translateY(-2px);
    }
    .mla-radio-option{
    display: flex;
    align-items: center;
    gap: 25px;
   cursor: pointer;
    position: relative;
}
.mla-radio-option:not(:last-child){
    margin-bottom: 12px;
}

.mla-radio-option input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.mla-radio-label {
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}
/* custom radio */
.mla-custom-radio{
    width: 18px;
    height: 18px;
    /* border: 2px solid #000; */
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}
.mla-appearance-group{
    padding-left: 25px;
}

/* black dot */
.mla-radio-option input:checked + .mla-custom-radio::after{
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

 
/* =========================
   ICON TOGGLE
========================= */

/* default: 2nd & 3rd hide */
.mla-options-menu-icon svg:nth-child(2),
.mla-options-menu-icon svg:nth-child(3) {
  display: none;
}

/* active -> 2nd svg */
.mla-options-menu-item.active .mla-options-menu-icon svg:nth-child(1) {
  display: none;
}

.mla-options-menu-item.active .mla-options-menu-icon svg:nth-child(2) {
  display: block;
}

/* active hover -> 3rd svg */
.mla-options-menu-item.active:hover .mla-options-menu-icon svg:nth-child(2) {
  display: none;
}

.mla-options-menu-item.active:hover .mla-options-menu-icon svg:nth-child(3) {
  display: block;
}

/* default */
.mla-options-menu-left span:nth-child(2),
.mla-options-menu-left span:nth-child(3) {
  display: none;
}
 
.mla-options-menu-item.active .mla-options-menu-left span:nth-child(1) {
  display: none;
}

.mla-options-menu-item.active .mla-options-menu-left span:nth-child(2) {
  display: inline-block;
}

 
.mla-options-menu-item.active:hover .mla-options-menu-left span:nth-child(2) {
  display: none;
}

.mla-options-menu-item.active:hover .mla-options-menu-left span:nth-child(3) {
  display: inline-block;
}



/* Popup Overlay */
.citation-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.citation-popup-overlay.active {
  display: flex;
}

/* Modal */
.citation-popup-modal {
  width: 765px;
  max-width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.25);
}

/* Header */
.citation-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #E2E6E9;
}

.citation-popup-header h3 {
    font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);
    line-height: 24px;
    letter-spacing: -0.05px;
    margin: 0;
    display: flex;
    gap: 12px;
}   

.citation-popup-close {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}

/* Note */
.citation-popup-note {
     font-family: var(--resonate_regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
    padding: 24px 0;
    margin: 0;
}

/* Field */
.citation-popup-field label {
  display: block;
  margin-bottom: 12px;
 
}

.citation-popup-select {
    width: 100%;
    height: 45px;
    padding: 5px 24px;
    border: 1px solid #000000;
    border-radius: 5px;
    margin-bottom: 24px;
    cursor: pointer;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    background:url(../img/chevron-down.svg) no-repeat 98%;
    color: #000000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

}

/* Citation Result */
.citation-popup-result {
    background: #fff;
    border: 1px solid #E2E6E9;
    border-radius: 5px;
    padding: 14px 24px;
    margin-bottom: 24px;
    color: #222;
    font-family: var(--resonate_light);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    white-space: normal;
    word-wrap: break-word;
}
/* Copy Button */
.citation-popup-copy-btn {
    border: 1px solid #E2E6E9;
    background: #fff;
    padding: 11px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--resonate_medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: var(--black);
}

 /* ===== Edit History Section ===== */

.edit-history-section {
     width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    padding: 28px;
    border-top: 1px solid var(--footer_text);
}

/* Header */
.edit-history-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    border-bottom: 1px solid #E2E6E9;
    padding-bottom: 11px;
}

.edit-history-title {
    cursor: pointer;
  margin: 0;
  color: var(--black);
 
}

/* Hide Table */
.edit-history-hidden {
  display: none;
}

/* Arrow Rotate Using Class */
.edit-history-toggle {
  transition: transform 0.3s ease;
}

.edit-history-active .edit-history-toggle {
  transform: rotate(180deg);
}

.edit-history-toggle {
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #333333;
  transition: transform 0.3s ease;
}

.edit-history-toggle:hover {
  transform: rotate(180deg);
}

/* Table */
.edit-history-table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
}

.edit-history-table {
  width: 100%;
  border-collapse: collapse;
 
}

.edit-history-table thead th {
  font-family: var(--resonate_bold);
  color: #000000;
  font-size: 12px;
  line-height: 28px;
  font-weight: bold;
  text-align: left;
  padding: 12px 18px;
  border-bottom: 1px solid #E5E5E5;
}

.edit-history-table tbody td {
  padding: 14px 16px;
  font-family: var(--resonate_bold);
  color: #000000;
  font-size: 12px;
  line-height: 28px;
  font-weight: bold;
  vertical-align: middle;
  border-right: 1px solid #E5E5E5;
}
 

 

/* Icons */
.edit-history-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 24px;
  height: 24px;
}

/* Hover Effect */
 
.edit-history-hidden {
  display: none;
}


.mobile-topbar {
    display: none;
}
  .popup-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    overflow-y: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);

    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }

  .mobile-contents-popup.active .popup-box {
    transform: translateX(0);
  }

 .close-popup {
        position: absolute;
        top: 10px;
        right: 12px;
        border: none;
        background: none;
        font-size: 20px;
        cursor: pointer;
    }
  .toc-sidebar__title {
    padding: 14px 12px;
        border-bottom: 1px solid #E2E6E9;
        display: flex;
        gap: 3px;
}
.wiki-menu{
      list-style:none;
    }

    .wiki-menu-item{
      border-bottom:1px solid transparent;
        
    }

    /* TOP BUTTON */
     .wiki-toggle {
        width: 100%;
        border: none;
        background: transparent;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
        text-align: left;
       
        font-family: var(--resonate_regular);
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        color: #000;
    }

    /* ARROW */
    .wiki-arrow{
      font-size:11px;
      margin-top:3px;
      transition:0.2s;
      min-width:10px;
    }

    .wiki-toggle.active .wiki-arrow{
      transform:rotate(90deg);
    }

    /* SUBMENU */
    .wiki-submenu{
      display:none;
      list-style:none;
      padding-left:34px;
      padding-bottom:0;
    }

    .wiki-submenu.active{
      display:block;
    }

    .wiki-submenu li{
      padding:3px 0;
    }

    .wiki-submenu a{
      text-decoration:none !important;
      font-family: var(--resonate_regular);
        font-weight: 400;
        font-size: 12px;
        line-height:20px;
    }
    .wiki-sidebar {
    padding: 12px;
}
.wiki-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
    .wiki-submenu a:hover{
      text-decoration:underline;
    }

    /* NORMAL LINKS */
    .wiki-link{
      display:block;
      text-decoration:none;
       font-family: var(--resonate_regular);
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        color: #000;
     
    }

 
     .seo-key-metrics-title{
        display: none;
         font-family: var(--Test_Tiempos_Text);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        color: #000;
        margin-bottom: 18px;
     }
     .desktop_hide{
        display: none;
     }

     .mobile-google-ads {
  display: none;
}

.universal_category_sec{
    display: none;
}
.uni_feature_cate_grid_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mobile-account-menu{
    position: relative;
    display: none;
}

.mobile-account-toggle {
    width:163px;
    border: 1px solid #000;
    border-radius: 5px;
    background: transparent;
    padding: 4px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.mobile-account-toggle-left{
    display: flex;
    align-items: center;
    gap:6px;
}

.mobile-account-current-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
}

.mobile-account-current-text{
    font-size: 12px;
    line-height: 20px;
    font-family: var(--resonate_regular);
    font-weight: 500;
    color: #111111;
}

.mobile-account-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.mobile-account-menu.active .mobile-account-arrow{
    transform: rotate(180deg);
}

.mobile-account-dropdown{
    position: absolute;
    /* top: calc(100% + 8px); */
    left: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding:  0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    display: none;
    z-index: 999;
    overflow: hidden;
}

.mobile-account-menu.active .mobile-account-dropdown{
    display: block;
}

.mobile-account-item{
    list-style: none;
}

.mobile-account-item a{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.14px;
    color: #000000;
}

.mobile-account-item.active a,
.mobile-account-item a:hover{
    background: #f5f5f5;
}

.menu-svg-icon{
    width: 18px;
    height: 18px;
}

.crypto-article-feed-list{
    display: none;
}