/* === Modern SCSS Reset === */
:root {
  --font-montserrat: "Montserrat", sans-serif;
  --font-Inter: "Inter", sans-serif;
  --container-width-desktop: 77.75rem;
  --highlight-hero-bg: url(./../assets/images/highlight-hero-bg-light.png);
  --gradient-bg-with-pattern: url(./../assets/images/gradient-bg-with-pattern-light.png);
  /* Neutral Colors */
  --ice-blue: #F4FAFE;
  --theme-base: #fff;
  --theme-base-2: #fff;
  --neutral-white: #fff;
  --neutral-white_80: rgba(255, 255, 255, 0.8);
  --neutral-silver: #F5F7FA;
  --neutral-gray-blue: #ABBED1;
  --neutral-light-gray: #89939E;
  --neutral-gray: #717171;
  --neutral-dark-gray: #4D4D4D;
  --slate-gray: #425466;
  --neutral-black: #263238;
  --dark-gray: #27272E;
  --natural-black: #000;
  /* Brand Colors */
  --brand-info: #2194F3;
  --brand-primary: #4CAF4F;
  --brand-warning: #FFBD1B;
  --brand-warning-light: #F0B116;
  --brand-amber: #E1A309;
  --brand-light-blue: #009BFF;
  --brand-light-blue_10: rgba(0, 155, 255, 0.1);
  --brand-dark-blue: #031330;
  --brand-dark-blueII: #0F1823;
  --brand-dark-blueIII: #182434;
  --brand-purple_10: rgba(148, 44, 164, 0.1);
  --brand-indigo_10: rgba(86, 19, 201, 0.1);
  /* Shade Colors */
  --shade-s0: #627EEA;
  --shade-s0_10: rgba(98, 126, 234, 0.1);
  --shade-s1: #0081D4;
  --shade-s2: #0067AA;
  --shade-s3: #004D80;
  --shade-s4: #003455;
  --shade-s5: #001F33;
  /* Tint Colors */
  --tint-t1: #2AACFF;
  --tint-t2: #55BCFF;
  --tint-t3: #80CDFF;
  --tint-t4: #AADEFF;
  --tint-t5: #CCEBFF;
  /* Action Colors */
  --action-success-light:#14AE5C;
  --action-success: #2E7D31;
  --action-error: #E53835;
  --action-warning: #FBC02D;
  --text-12: 0.75rem;
  /* Padding */
  --p-4: 0.25rem;
  --p-10: 0.625rem;
  --p-12: 0.75rem;
  --p-14: 0.875rem;
  --p-16: 1rem;
  --p-20: 1.25rem;
  --p-30: 1.875rem;
  --p-36: 3rem;
  --p-68: 4.25rem;
  /* Margin */
  --m-10: 0.625rem;
  --m-20: 1.25rem;
  --m-38: 2.375rem;
  /* Border Radius */
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-6_6: 0.4125rem;
  --rounded-8: 0.5rem;
  --rounded-10: 0.625rem;
  --shadow-2x: 0 2px 4px rgba(171, 190, 209, 0.6);
  --shadow-4x: 0 4px 8px rgba(171, 190, 209, 0.4);
  --shadow-6x: 0 6px 12px rgba(171, 190, 209, 0.3);
  --shadow-8x: 0 6px 16px rgba(171, 190, 209, 0.4);
  --shadow-12: 0 16px 32px rgba(0, 0, 0, 0.3);
  --clamp-2-lines: 2;
}

[data-theme=dark] {
  --highlight-hero-bg: url(./../assets/images/highlight-hero-bg-dark.png);
  --gradient-bg-with-pattern: url(./../assets/images/gradient-bg-with-pattern-dark.png);
  --theme-base: #020A19;
  --theme-base-2: #031330;
  --slate-gray: #fff;
  --dark-gray: #fff;
  --neutral-dark-gray: #fff;
  --neutral-black: #fff;
}

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  transition: 0.3s all;
}

html {
  height: 100%;
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

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

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

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

input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  resize: vertical;
}

button {
  cursor: pointer;
  background-color: transparent;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
  transition: 0.3s all;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

[hidden] {
  display: none;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-montserrat);
  background: var(--theme-base);
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  transition: 0.3s all;
}

body > * {
  transition: 0.3s all;
}

main {
  padding-top: 83px;
}

h1 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: normal;
}

p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--neutral-dark-gray);
}

section h2 {
  font-size: 1.75rem;
  line-height: normal;
  font-weight: 700;
  color: var(--dark-gray);
}
@media (max-width: 767px) {
  section h2 {
    font-size: 1.375rem;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body[data-theme=light] {
  /* Section: ==== Search item section */
}
body[data-theme=light] .header #icon-theme-light {
  transform: translateX(0);
  position: relative;
}
body[data-theme=light] .header #icon-theme-dark {
  display: none;
  transform: translateX(100%);
}
body[data-theme=light] .header .header-actions form#searchform {
  display: block;
  box-sizing: border-box;
  overflow: auto;
  border: 1px solid var(--brand-dark-blue);
  padding: 7px;
  border-radius: 5px;
}
body[data-theme=light] .header .header-actions form#searchform input {
  color: var(--brand-dark-blue);
}
body[data-theme=light] .search-item-wrapper .search-item-grap img {
  display: block;
}
body[data-theme=light] .search-item-wrapper .search-item-grap .search-item-graph-dark {
  display: none;
}

body[data-theme=dark] {
  /* Component: ===== Button */
  /* Component: ===== Input */
  /* Component: ===== Card */
  /* Component: ===== Table */
  /* Component: ===== Category badge */
  /* Component: ===== Accordion */
  /* Component: ===== Badge */
  /* Component: ===== Breadcumb */
  /* Component: ===== Select2 Input component */
  /* Section: ==== Header */
  /* Section: ==== Footer */
  /* Section: ==== Homepage hero */
  /* Section: ==== Homepage price & ranking section */
  /* Section: ==== Homepage Trending coin section */
  /* Section: ==== Homepage Learn crypto section */
  /* Section: ==== Highlight global section */
  /* Section: ==== Cryptocurrency price section */
  /* Section: ==== Bitgoat table section */
  /* Section: ==== Trending section */
  /* Section: ==== Listing section */
  /* Section: ==== Listed hero section */
  /* Section: ==== bitgoat community section */
  /* Section: ==== FAQ section */
  /* Section: ==== Contact info section */
  /* Section: ==== Search item section */
  /* Section: ==== Contact us section */
}
body[data-theme=dark] h1, body[data-theme=dark] h2, body[data-theme=dark] h3, body[data-theme=dark] h4, body[data-theme=dark] h5, body[data-theme=dark] h6, body[data-theme=dark] p {
  color: var(--neutral-white);
}
body[data-theme=dark] ul li {
  color: #fff;
}
body[data-theme=dark] .btn-outline--btn {
  color: var(--neutral-white);
}
body[data-theme=dark] .btn-outline--filter {
  color: var(--neutral-white);
  border-color: color-mix(in srgb, var(--neutral-white) 20%, transparent);
}
body[data-theme=dark] .btn-outline--filter:active, body[data-theme=dark] .btn-outline--filter:hover, body[data-theme=dark] .btn-outline--filter.tab-btn-active {
  background-color: color-mix(in srgb, var(--neutral-white) 20%, transparent);
}
body[data-theme=dark] .btn-tab-underline {
  color: var(--neutral-white);
}
body[data-theme=dark] .btn-filter {
  color: var(--neutral-white);
}
body[data-theme=dark] .input {
  color: var(--neutral-white);
}
body[data-theme=dark] .input::-moz-placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .input::placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .card {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .card-box--horizontal {
  background: #0F1823;
  border-color: #182434;
}
body[data-theme=dark] .card-box--horizontal p {
  color: var(--neutral-white);
}
body[data-theme=dark] .card-box--horizontal h5 {
  color: var(--neutral-white);
}
body[data-theme=dark] .table th, body[data-theme=dark] .table td {
  color: var(--neutral-white);
}
body[data-theme=dark] .table th--outline th, body[data-theme=dark] .table th--outline td, body[data-theme=dark] .table td--outline th, body[data-theme=dark] .table td--outline td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
body[data-theme=dark] .table-wrapper {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .category-badge--dark-blue {
  color: var(--neutral-white);
  background-color: color-mix(in srgb, var(--neutral-white) 10%, transparent);
  border-color: var(--neutral-white_80);
}
body[data-theme=dark] .list h3 {
  color: var(--neutral-white);
}
body[data-theme=dark] .accordion-item {
  background: #020A19;
  border-color: var(--shade-s5);
}
body[data-theme=dark] .badge-ranking--positive {
  color: var(--neutral-white);
}
body[data-theme=dark] .badge-ranking--positive svg path {
  fill: var(--neutral-white);
}
body[data-theme=dark] .breadcrumb__item::after {
  color: var(--neutral-white);
}
body[data-theme=dark] .breadcrumb__link {
  color: var(--neutral-white);
}
body[data-theme=dark] .select2-container--default .select2-selection--single {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .select2-container--open .select2-dropdown {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s4);
}
body[data-theme=dark] .select2-container--open .select2-dropdown ul li {
  color: color-mix(in srgb, var(--neutral-white) 80%, transparent);
}
body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--neutral-white);
}
body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--neutral-white) transparent transparent transparent;
}
body[data-theme=dark] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--neutral-white) transparent;
}
body[data-theme=dark] .left-table-right-content-wrapper .table-container {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .left-table-right-content-wrapper .table-container .view-all a {
  color: var(--neutral-white);
}
body[data-theme=dark] .header {
  border-bottom: none;
}
body[data-theme=dark] .header nav ul li a {
  color: var(--brand-white2);
}
@media screen and (max-width: 1200px) {
  body[data-theme=dark] .header nav ul li a {
    color: var(--brand-dark-blue);
  }
}
body[data-theme=dark] .header nav ul li.menu-item-has-children > a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66953 0.29002L6.54953 4.17002L10.4295 0.29002C10.8195 -0.0999804 11.4495 -0.0999804 11.8395 0.29002C12.2295 0.680019 12.2295 1.31002 11.8395 1.70002L7.24953 6.29002C6.85953 6.68002 6.22953 6.68002 5.83953 6.29002L1.24953 1.70002C0.859531 1.31002 0.859531 0.680019 1.24953 0.29002C1.63953 -0.0899806 2.27953 -0.0999804 2.66953 0.29002Z' fill='white'/%3E%3C/svg%3E");
}
body[data-theme=dark] .header nav ul li.menu-item-has-children ul {
  border: 1px solid var(--shade-s4);
}
body[data-theme=dark] .header nav ul li.menu-item-has-children ul li span {
  color: var(--neutral-white2);
}
body[data-theme=dark] .header nav ul li.menu-item-has-children ul li a {
  color: color-mix(in srgb, var(--brand-white2) 80%, transparent);
}
@media screen and (max-width: 767px) {
  body[data-theme=dark] .header nav ul li.menu-item-has-children ul li a {
    color: var(--brand-dark-blue);
  }
}
body[data-theme=dark] .header .header-actions #icon-theme-light {
  transform: translateX(-100%);
  position: absolute;
}
body[data-theme=dark] .header .header-actions #icon-theme-dark {
  display: block;
  transform: translateX(0);
}
body[data-theme=dark] .header .header-actions form {
  display: block;
}
body[data-theme=dark] .header .header-actions form .form-group {
  position: relative;
}
body[data-theme=dark] .header .header-actions form .input[type=text] {
  color: var(--neutral-white);
  border-color: var(--neutral-white_80);
}
body[data-theme=dark] .header .header-actions form .input[type=text]::-moz-placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .header .header-actions form .input[type=text]::placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .header .header-actions form .header-form-btn svg path {
  fill: var(--neutral-white);
}
body[data-theme=dark] .header .mobile-search-btn svg {
  margin: 0px auto;
}
body[data-theme=dark] .header .mobile-search-btn svg path {
  fill: var(--neutral-white);
}
body[data-theme=dark] .header .mobile-toggle-button span {
  background-color: var(--neutral-white);
}
body[data-theme=dark] .footer {
  border-bottom: 1rem solid var(--theme-base);
}
body[data-theme=dark] .homepage-hero {
  background: var(--brand-dark-blue);
}
body[data-theme=dark] .price-ranking-header .text-container h2,
body[data-theme=dark] .price-ranking-header .text-container p {
  color: var(--neutral-white);
}
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container h3, body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container p, body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container svg path {
  color: var(--neutral-white);
  fill: var(--neutral-white);
}
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container__features-list li,
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container ul li {
  color: var(--neutral-white);
}
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container__features-list li p,
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container ul li p {
  color: var(--neutral-white);
}
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container .price-change-svg rect {
  stroke: var(--neutral-white);
}
body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container .card.crypto-table th, body[data-theme=dark] .price-ranking .left-table-right-content-wrapper .text-container .card.crypto-table td {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
body[data-theme=dark] .treding-coin .project-exchange-icon {
  background-color: color-mix(in srgb, var(--neutral-white) 10%, transparent);
}
body[data-theme=dark] .treding-coin .project-exchange-icon svg path {
  fill: var(--neutral-white);
}
body[data-theme=dark] .treding-coin .project-exchange h3 {
  color: var(--neutral-white);
}
body[data-theme=dark] .treding-coin .project-exchange p {
  color: var(--neutral-white);
}
body[data-theme=dark] .learn-crypto h2 {
  color: var(--neutral-white);
}
body[data-theme=dark] .learn-crypto .featured-grid h3 {
  color: var(--neutral-white);
}
body[data-theme=dark] .highlight-hero .headline,
body[data-theme=dark] .highlight-hero h2 {
  color: var(--neutral-white);
}
body[data-theme=dark] .highlight-hero .card {
  background: var(--brand-dark-blueII);
  border-color: var(--brand-dark-blueIII);
}
body[data-theme=dark] .highlight-hero .card span,
body[data-theme=dark] .highlight-hero .card p:not(.positive):not(.negative) {
  color: var(--neutral-white);
}
body[data-theme=dark] .cryptocurrency-price-controls svg path {
  fill: var(--neutral-white);
}
body[data-theme=dark] .cryptocurrency-price-controls .input-search--right {
  color: var(--neutral-white);
}
body[data-theme=dark] .cryptocurrency-price-controls .input-search--right::-moz-placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .cryptocurrency-price-controls .input-search--right::placeholder {
  color: var(--neutral-white);
}
body[data-theme=dark] .cryptocurrency-price .input-select2-icon-left .select2-container--default .select2-selection--single {
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.74978L8.53027 2.28005C8.23737 1.98715 7.76248 1.98715 7.46958 2.28005L4.99984 4.74978M7.99992 2.49973L7.99992 13.5' stroke='white' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M19 11.2502L16.5303 13.7199C16.2374 14.0129 15.7625 14.0129 15.4696 13.7199L12.9998 11.2502M15.9999 13.5003L15.9999 2.5' stroke='white' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
  color: var(--neutral-white);
  border-color: var(--neutral-light-gray);
  background-position-x: 0.5rem;
  background-position-y: center;
  background-repeat: no-repeat;
}
body[data-theme=dark] .cryptocurrency-price .select-filter .select2-container--default .select2-selection--single {
  padding-left: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.5H4.75V8H0.25V9.5ZM0.25 0.5V2H13.75V0.5H0.25ZM0.25 5.75H9.25V4.25H0.25V5.75Z' fill='%23fff'/%3E%3C/svg%3E");
  background-position-x: 0.5rem;
  background-position-y: center;
  background-repeat: no-repeat;
}
body[data-theme=dark] .cryptocurrency-price .select2-container--default .select2-selection--single {
  background: transparent;
  border-color: var(--neutral-light-gray);
}
body[data-theme=dark] .bitgoat-table .featured-grid h3, body[data-theme=dark] .bitgoat-table .featured-grid p {
  color: var(--neutral-white);
}
body[data-theme=dark] .trending-section .trending-card-wrapper .marker-size,
body[data-theme=dark] .trending-section .trending-card-wrapper p, body[data-theme=dark] .trending-section .trending-card-wrapper span {
  color: var(--neutral-white);
}
body[data-theme=dark] .trending-section .trending-card-wrapper .ranking-score {
  border-top-color: var(--shade-s4);
}
body[data-theme=dark] .trending-section .featured-grid--col1 .card h2 {
  color: var(--neutral-white);
}
body[data-theme=dark] .listing-section .featured-grid--col2 .card h2, body[data-theme=dark] .listing-section .featured-grid--col2 .card h3, body[data-theme=dark] .listing-section .featured-grid--col2 .card p {
  color: var(--neutral-white);
}
body[data-theme=dark] .listing-section .featured-grid--col2 .card ul li::before {
  background: var(--neutral-white);
}
body[data-theme=dark] .listed-hero .card {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .bitgoat-community {
  background: var(--brand-dark-blue);
}
body[data-theme=dark] .bitgoat-community .card {
  background: var(--brand-dark-blueII);
  border-color: var(--brand-dark-blueIII);
}
body[data-theme=dark] .bitgoat-community .card--body p {
  color: var(--neutral-white);
}
body[data-theme=dark] .bitgoat-community-form-wrapper {
  background: #020A19;
  border-color: var(--shade-s5);
}
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group label {
  background: #020A19;
  color: var(--neutral-white);
}
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group .input {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s4);
}
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group .input:not(:-moz-placeholder-shown) + label {
  background: #020A19;
}
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group .input:focus + label,
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group .input:not(:placeholder-shown) + label {
  background: #020A19;
}
body[data-theme=dark] .bitgoat-community-form-wrapper form .form-group p {
  color: var(--neutral-white);
}
body[data-theme=dark] .bitgoat-community-form-wrapper .form-instruction-list li p {
  color: var(--neutral-white);
}
body[data-theme=dark] .faq {
  background: var(--brand-dark-blue);
}
body[data-theme=dark] .contact-info {
  background: #021123;
  border-color: var(--shade-s5);
}
body[data-theme=dark] .contact-info .card {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s5);
}
body[data-theme=dark] .contact-info .form-wrapper {
  background: #020A19;
  border: 1px solid var(--shade-s5);
}
body[data-theme=dark] .contact-info .form-wrapper form .form-group p {
  color: var(--neutral-white);
}
body[data-theme=dark] .contact-info .form-wrapper form label {
  color: var(--neutral-white);
  background: #020A19;
}
body[data-theme=dark] .contact-info .form-wrapper form input::-moz-placeholder, body[data-theme=dark] .contact-info .form-wrapper form textarea::-moz-placeholder {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s4);
  color: var(--neutral-white);
}
body[data-theme=dark] .contact-info .form-wrapper form input:not(.btn), body[data-theme=dark] .contact-info .form-wrapper form input::placeholder, body[data-theme=dark] .contact-info .form-wrapper form textarea, body[data-theme=dark] .contact-info .form-wrapper form textarea::placeholder {
  background: var(--brand-dark-blue);
  border-color: var(--shade-s4);
  color: var(--neutral-white);
}
body[data-theme=dark] .search-item-wrapper .search-item-grap {
  background: #041129;
  border-color: var(--shade-s4);
}
body[data-theme=dark] .search-item-wrapper .search-item-grap .search-item-graph-dark {
  display: block;
}
body[data-theme=dark] .search-item-wrapper .card {
  border-color: var(--shade-s4);
  background: var(--brand-dark-blue);
}
body[data-theme=dark] .search-item-wrapper .card h2 {
  color: var(--neutral-white);
}
body[data-theme=dark] .cbb-pagination li a {
  border: 1px solid #fff;
  color: #fff;
}
body[data-theme=dark] .cbb-pagination li.active a {
  background: #fff;
  color: #000;
}
body[data-theme=dark] .search-item-sidebar .card .stats-list li span {
  color: var(--neutral-white);
}
body[data-theme=dark] .wpcf7 form .wpcf7-response-output {
  color: var(--neutral-white);
}
body[data-theme=dark] .youtube-Card {
  background: var(--neutral-white) !important;
  padding: 0;
  border-radius: 0px;
}

.container {
  max-width: var(--container-width-desktop);
  width: 100%;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.header {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  padding: 0.625rem 0;
  position: fixed;
  background: var(--theme-base-2);
  border-bottom: 1px solid var(--tint-t5);
  transition: 0.3s all;
  z-index: 99;
}
.header .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header .header-wrapper {
    flex-direction: row;
  }
  .header .header-wrapper .site-logo {
    margin-right: 20px;
  }
}
.header .header-wrapper nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  position: relative;
}
.header .header-wrapper nav ul li {
  display: inline-block;
}
.header .header-wrapper nav ul li a {
  display: block;
  font-family: var(--font-montserrat);
  font-size: 0.875rem;
  line-height: 2.625rem;
  letter-spacing: 0.00875rem;
  font-weight: 600;
  color: var(--brand-dark-blue);
  padding: 0.625rem;
  position: relative;
}
.header .header-wrapper nav ul li.menu-item-has-children > a {
  padding-right: 2.5rem;
}
.header .header-wrapper nav ul li.menu-item-has-children > a::after {
  content: "";
  width: 0.75rem;
  height: 0.4375rem;
  position: absolute;
  right: 1.0625rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66953 0.29002L6.54953 4.17002L10.4295 0.29002C10.8195 -0.0999804 11.4495 -0.0999804 11.8395 0.29002C12.2295 0.680019 12.2295 1.31002 11.8395 1.70002L7.24953 6.29002C6.85953 6.68002 6.22953 6.68002 5.83953 6.29002L1.24953 1.70002C0.859531 1.31002 0.859531 0.680019 1.24953 0.29002C1.63953 -0.0899806 2.27953 -0.0999804 2.66953 0.29002Z' fill='%23031330'/%3E%3C/svg%3E");
  transition: 0.3s all;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}
.header .header-wrapper nav ul li.menu-item-has-children ul {
  list-style: none;
  width: 100%;
  max-width: 24.6875rem;
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  position: absolute;
  top: 80%;
  left: -0.375rem;
  background-color: var(--theme-base);
  padding: 1.25rem 1.75rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.625rem);
  transition: 0.2s all;
  border-radius: var(--rounded-4);
  border: 1px solid transparent;
}
.header .header-wrapper nav ul li.menu-item-has-children ul li {
  display: block;
}
.header .header-wrapper nav ul li.menu-item-has-children ul li span {
  font-family: var(--font-montserrat);
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}
.header .header-wrapper nav ul li.menu-item-has-children ul li a {
  font-family: var(--font-montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
}
.header .header-wrapper nav ul li.menu-item-has-children.active-menu-item a::after, .header .header-wrapper nav ul li.menu-item-has-children:hover a::after {
  transform: rotate(180deg);
  top: 40%;
}
.header .header-wrapper nav ul li.menu-item-has-children.active-menu-item ul, .header .header-wrapper nav ul li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 1199px) {
  .header .header-wrapper nav {
    gap: 1.5rem;
  }
}
@media (max-width: 991px) {
  .header .header-wrapper nav {
    gap: 1rem;
  }
}
.header .header-wrapper .header-actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.header .header-wrapper .header-actions .theme-toggle-btn {
  display: flex;
  align-items: center;
  margin-right: 0.625rem;
  position: relative;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
.header .header-wrapper .header-actions .theme-toggle-btn span {
  position: absolute;
  display: inline-block;
  width: 20px;
}
.header .header-wrapper .header-actions .theme-toggle-btn span svg {
  margin: 0px auto;
}
.header .header-wrapper .header-actions .theme-toggle-btn #icon-theme-light {
  z-index: 2;
  position: relative;
}
.header .header-wrapper .header-actions .theme-toggle-btn.switched-dark-theme #icon-theme-dark {
  transform: translateX(0);
}
@media (max-width: 991px) {
  .header .header-wrapper .header-actions .theme-toggle-btn {
    margin-right: 0;
  }
}
.header .header-wrapper .header-actions .input {
  width: 16.25rem;
}
.header .header-wrapper .header-actions .header-form-btn {
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: var(--p-10);
  padding-left: 0.875rem;
  z-index: 2;
  position: absolute;
}

.footer {
  width: 100%;
  height: auto;
  padding: 4rem 0;
  background: var(--brand-dark-blue);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .footer {
    padding: 1rem 0;
  }
}
.footer-bg-pattern {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.footer .container {
  position: relative;
}
.footer__wrapper {
  display: grid;
  grid-template-columns: 26.6875rem auto;
  gap: 2.5625rem;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--neutral-gray-blue) 40%, transparent);
  position: relative;
}
@media (max-width: 991px) {
  .footer__wrapper {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-bottom: 0.75rem;
  }
}
.footer__branding .footer__logo {
  display: block;
  max-width: 8rem;
  margin-bottom: 0.375rem;
}
.footer__branding .footer__desc {
  font-family: var(--font-montserrat);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 0.375rem;
  margin-bottom: 1.25rem;
  color: var(--neutral-silver);
}
.footer__social-list {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.footer__social-link {
  display: flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--neutral-white) 10%, transparent);
}
.footer__social-link:hover {
  background-color: color-mix(in srgb, var(--neutral-white) 20%, transparent);
}
.footer__social-link:hover svg {
  fill: var(--brand-dark-blue);
}
.footer__links {
  display: grid;
  grid-template-columns: 10rem 10rem auto;
  gap: 9.5rem;
  flex-wrap: wrap;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .footer__links {
    gap: 6.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .footer__links {
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .footer__links {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.footer__heading {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--neutral-white);
}
.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__list li {
  margin-bottom: 0.5rem;
}
.footer__list li a {
  font-family: var(--font-montserrat);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: var(--neutral-silver);
}
.footer__list li a:hover {
  text-decoration: underline;
}
.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .footer__bottom {
    flex-direction: column;
    gap: 0.75rem;
    text-align: left;
    align-items: flex-start;
  }
}
.footer__copyright {
  font-family: var(--font-montserrat);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: var(--neutral-white);
}
@media (max-width: 767px) {
  .footer__copyright {
    order: 2;
  }
}
.footer__legal-list {
  list-style: none;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0;
  margin: 0;
}
.footer__legal-list a {
  font-family: var(--font-montserrat);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: var(--neutral-white);
}
.footer__legal-list a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .footer__legal-list {
    order: 1;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
}

.highlight-hero {
  width: 100%;
  height: auto;
  padding: 1.25rem 0;
  background: var(--highlight-hero-bg);
}
.highlight-hero .headline {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--dark-gray);
  padding-bottom: 0.625rem;
}
@media (max-width: 767px) {
  .highlight-hero .headline {
    font-size: 1.5rem;
  }
}
.highlight-hero p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
  padding-bottom: 0.625rem;
}
.highlight-hero .card-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .highlight-hero .card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .highlight-hero .card-wrapper {
    grid-template-columns: repeat(5, 14.25rem);
  }
}
.highlight-hero .card {
  padding: var(--p-16);
  background: var(--neutral-white);
  border-radius: var(--rounded-8);
}
.highlight-hero .card:first-child {
  border-color: var(--shade-s0_10);
}
.highlight-hero .card:nth-child(2) {
  border-color: var(--brand-light-blue_10);
}
.highlight-hero .card:nth-child(3) {
  border-color: var(--brand-purple_10);
}
.highlight-hero .card:last-child {
  border-color: var(--brand-indigo_10);
}
.highlight-hero .card span {
  font-family: var(--font-montserrat);
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: var(--slate-gray);
}
.highlight-hero .card h2 {
  font-size: 1rem;
  color: var(--dark-gray);
}
.highlight-hero .card p {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  margin-top: 0;
  color: var(--slate-gray);
  padding-top: 0.125rem;
  padding-bottom: 0;
}
.highlight-hero .card p.positive {
  color: var(--action-success-light);
}

.sr-only {
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border-style: none;
  position: absolute;
}

.form-group {
  position: relative;
}

.input {
  width: 100%;
  padding: var(--p-10);
  border-radius: var(--rounded-4);
  color: var(--brand-dark-blue);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  border: 1px solid var(--neutral-light-gray);
}
.input::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--brand-dark-blue);
}
.input::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--brand-dark-blue);
}
.input-search {
  width: 100%;
  font-family: var(--font-montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--brand-dark-blue);
  border: 1px solid var(--neutral-light-gray);
}
.input-search--left {
  padding-left: 2.375rem;
}
.input-search--right {
  padding-right: 2.375rem;
}
.input-search-btn {
  display: block;
  top: 50%;
  transform: translateY(-50%);
  padding: var(--p-10);
  z-index: 2;
  position: absolute;
}
.input-search-btn--right {
  right: 0;
  padding-right: 0.875rem;
}
.input--dark-border {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0F161D;
  padding: var(--p-16) var(--p-12);
  border-radius: var(--rounded-4);
  border: 1px solid #263545;
}
.input--dark-border ::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0F161D;
}
.input--dark-border ::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0F161D;
}

.select2-container--default .select2-selection--single {
  border-radius: var(--rounded-4);
  border: 1px solid var(--neutral-light-gray);
  background: transparent;
  padding: var(--p-10) var(--p-12);
  height: auto;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgba(38, 53, 69, 0.8);
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: var(--p-10) --p-12;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: block;
  width: auto;
  height: auto;
  right: 0;
  top: 0;
  position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  left: auto;
  border-color: var(--natural-black) transparent transparent transparent;
  position: relative;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--natural-black) transparent;
}

.select2-container--open .select2-dropdown {
  background: var(--neutral-white);
  border-radius: var(--rounded-4);
  padding: var(--p-10);
  border: none;
  box-shadow: 0 4px 14px rgba(0, 27, 44, 0.1);
  top: 0.25rem;
  border: 1px solid transparent;
}
.select2-container--open .select2-dropdown ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.select2-container--open .select2-dropdown ul li {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  font-weight: 800;
  background: transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
}

.tab-wrapper {
  width: 100%;
}
.tab--header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 768px) {
  .tab--header {
    margin-top: 10px;
  }
}
.tab--container {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.tab--container .tab-content-item {
  width: 100%;
  height: 100%;
  display: none;
}
.tab--container .tab-content-item.active {
  display: block;
}

.btn {
  display: inline-block;
  font-family: var(--font-montserrat);
  border-radius: var(--rounded-4);
  padding: var(--p-10) var(--p-12);
}
.btn-fill--warning {
  font-size: var(--text-12);
  line-height: 1rem;
  font-weight: 500;
  color: var(--brand-dark-blue);
  background: var(--brand-warning);
}
.btn-fill--warning:hover {
  background: var(--brand-warning-light);
}
.btn-fill--warning:focus {
  background: transparent;
  border: 1px solid var(--brand-warning);
  color: var(--brand-warning);
}
@media (max-width: 767px) {
  .btn-fill--warning {
    font-size: 0.7rem;
  }
}
.btn-fill--info {
  font-size: var(--text-12);
  font-weight: 500;
  line-height: 1.75rem;
  color: var(--neutral-white);
  background: var(--brand-light-blue);
  padding: var(--p-4) var(--p-12);
}
.btn-fill--info:hover {
  background: var(--shade-s1);
}
.btn-fill--info:focus {
  background: var(--shade-s3);
  border: 1px solid var(--brand-warning);
  color: var(--brand-warning);
}
@media (max-width: 767px) {
  .btn-fill--info {
    font-size: 0.7rem;
  }
}
.btn-outline--btn {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: var(--p-10);
  color: var(--brand-dark-blue);
  border: 1px solid var(--neutral-light-gray);
}
.btn-outline--filter {
  min-width: 3.625rem;
  font-size: var(--text-12);
  line-height: 1rem;
  font-weight: 500;
  color: var(--brand-dark-blue);
  border: 1px solid var(--brand-dark-blue);
  border-radius: var(--rounded-4);
}
.btn-outline--filter:active, .btn-outline--filter:hover, .btn-outline--filter.tab-btn-active {
  background: var(--brand-dark-blue);
  color: var(--neutral-white);
}
.btn-text--underline {
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: var(--tint-t1);
  text-decoration: underline;
  padding: 0;
}
@media (max-width: 767px) {
  .btn-text--underline {
    font-size: 0.7rem;
  }
}
.btn-tab-underline {
  font-size: 0.875rem;
  color: var(--brand-dark-blue);
  font-weight: 400;
  border-radius: 0;
  padding: 0 var(--p-10) var(--p-4);
  border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
  .btn-tab-underline {
    padding: 4px 0;
  }
}
.btn-tab-underline.tab-btn-active {
  font-weight: 700;
  border-bottom-color: var(--brand-warning);
}
.btn-filter {
  font-size: 0.875rem;
  color: var(--brand-dark-blue);
  font-weight: 400;
  border-radius: 0;
  padding: 0 var(--p-10) var(--p-4);
  border-bottom: 2px solid transparent;
}
.btn-filter-active {
  font-weight: 700;
  border-bottom-color: var(--brand-warning);
}

.card {
  border: 1px solid var(--tint-t5);
  border-radius: var(--rounded-6_6);
}
.card-box {
  width: 100%;
  border-radius: var(--rounded-8);
  border: 1px solid rgba(89, 126, 234, 0.1);
  background: var(--neutral-white);
}
.card-box--horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: var(--p-16) 0;
}
@media (max-width: 767px) {
  .card-box--horizontal {
    padding: 5px;
    gap: 0;
    justify-content: flex-start;
  }
}
.card-box--horizontal .icon {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--brand-light-blue) 10%, transparent);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .card-box--horizontal .icon {
    width: 1.9rem;
    height: 1.9rem;
    margin-right: 10px;
  }
  .card-box--horizontal .icon svg {
    width: 12px;
  }
}
.card-box--horizontal p {
  font-family: var(--font-montserrat);
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--slate-gray);
}
.card-box--horizontal h5 {
  font-family: var(--font-montserrat);
  font-size: 1rem;
  line-height: normal;
  font-weight: 700;
  color: var(--dark-gray);
}
.card-ranking .logo-title {
  display: flex;
}
.card-ranking .logo-title .title p, .card-ranking .logo-title .title span {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--brand-dark-blue);
}
.card-ranking .logo-title .title span {
  font-weight: 400;
  text-transform: uppercase;
}
.card-ranking .logo {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
}
.card-ranking .logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-ranking .ranking-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-ranking .ranking-score h2 {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .card-ranking .ranking-score h2 {
    font-size: 1.375rem;
  }
}

table,
.table {
  width: 100%;
  border-collapse: separate;
}
table th, table td,
.table th,
.table td {
  font-size: 0.75rem;
  line-height: normal;
  color: var(--brand-dark-blue);
  text-align: left;
  font-weight: 600;
}
table--outline,
.table--outline {
  border-spacing: 0 1.5rem;
  background: var(--neutral-white);
  border: 1px solid var(--tint-t5);
  border-radius: var(--rounded-6_6);
  padding: 1.5625rem 1.75rem;
}
table--outline thead th,
.table--outline thead th {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
table--outline tbody td,
.table--outline tbody td {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1rem;
}
table--outline .crypto-name,
.table--outline .crypto-name {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
table--outline .crypto-name .crypto-icon,
.table--outline .crypto-name .crypto-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
table--outline .crypto-name p,
.table--outline .crypto-name p {
  color: var(--brand-dark-blue);
  font-size: var(--text-12);
  font-weight: 400;
}
table--outline .crypto-name strong,
.table--outline .crypto-name strong {
  display: block;
}
table--outline img[alt=Graph],
.table--outline img[alt=Graph] {
  display: block;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
table .positive,
.table .positive {
  color: var(--action-success-light);
  font-weight: 600;
}
table .negative,
.table .negative {
  color: var(--action-error);
  font-weight: 600;
}
table-wrapper,
.table-wrapper {
  width: 100%;
  height: auto;
  border: 1px solid var(--tint-t5);
  border-radius: var(--rounded-6_6);
  position: relative;
  overflow: hidden;
}
table-badge--blue,
.table-badge--blue {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--brand-light-blue);
  background-color: color-mix(in srgb, var(--brand-light-blue) 10%, transparent);
  padding: 0.1875rem 0.375rem;
  border-radius: 2.1875rem;
}

.featured-grid {
  display: grid;
}
.featured-grid--col1 {
  grid-template-columns: repeat(1, 1fr);
}
.featured-grid--col2 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .featured-grid--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.featured-grid--col3 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .featured-grid--col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .featured-grid--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.featured-grid--col4 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .featured-grid--col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .featured-grid--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.category-badge {
  font-size: 0.75rem;
  line-height: 1.4375rem;
  font-weight: 500;
  padding-inline: 0.6875rem;
  border: 1.2px solid transparent;
  border-radius: 2.5rem;
}
.category-badge--light-blue {
  color: var(--brand-light-blue);
  background-color: color-mix(in srgb, var(--brand-light-blue) 10%, transparent);
  border-color: var(--brand-light-blue);
}
.category-badge--warning {
  color: var(--brand-amber);
  background-color: color-mix(in srgb, var(--brand-warning) 10%, transparent);
  border-color: var(--brand-warning);
}
.category-badge--dark-blue {
  color: var(--brand-dark-blue);
  background-color: color-mix(in srgb, var(--brand-dark-blue) 10%, transparent);
  border-color: var(--brand-dark-blue);
}
.category-badge--success {
  color: var(--action-success-light);
  background-color: color-mix(in srgb, var(--action-success-light) 10%, transparent);
  border-color: var(--action-success-light);
}

.badge-ranking {
  display: flex;
  align-self: center;
  gap: 0.1875rem;
  padding: 0.1875rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 2.8125rem;
}
.badge-ranking--positive {
  border-color: var(--action-success-light);
  font-size: 0.75rem;
  line-height: normal;
  color: var(--neutral-black);
}

.breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: 0.625rem;
}
.breadcrumb__item {
  display: flex;
  align-items: center;
}
.breadcrumb__item::after {
  content: "/";
  margin-left: 0.5rem;
  font-size: 0.875rem;
  color: var(--neutral-dark-gray);
}
.breadcrumb__item:last-child::after {
  content: "";
  margin: 0;
}
.breadcrumb__link {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
  text-decoration: none;
}
.breadcrumb__link:hover {
  text-decoration: underline;
}
.breadcrumb__current {
  font-weight: 600;
}
.breadcrumb__current:hover {
  text-decoration: none;
}

.homepage-hero {
  width: 100%;
  height: auto;
  padding: var(--p-20) 0;
  background: var(--ice-blue);
  transition: 0.3s all;
  position: relative;
}
.homepage-hero-bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.homepage-hero-bg img {
  height: 100%;
}
@media (max-width: 991px) {
  .homepage-hero-bg {
    display: none;
  }
}
.homepage-hero-content {
  position: relative;
}
.homepage-hero-content .text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: auto;
  padding: 1.875rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .homepage-hero-content .text-container {
    padding-left: 6.25rem;
  }
}
@media (max-width: 767px) {
  .homepage-hero-content .text-container {
    padding: 0.875rem;
  }
}
.homepage-hero-content .text-container h1 {
  font-family: var(--font-montserrat);
  font-size: 1.75rem;
  line-height: normal;
  font-weight: 700;
  color: var(--neutral-white);
}
@media (min-width: 1200px) {
  .homepage-hero-content .text-container h1 {
    font-size: 2.125rem;
  }
}
@media (max-width: 767px) {
  .homepage-hero-content .text-container h1 {
    font-size: 1.5rem;
  }
}
.homepage-hero-content .text-container p {
  font-family: var(--font-montserrat);
  font-size: 0.875rem;
  line-height: 1.875rem;
  color: var(--neutral-white);
  font-weight: 400;
}
@media (max-width: 767px) {
  .homepage-hero-content .text-container p {
    line-height: 1.4rem;
  }
}
@media (max-width: 991px) {
  .homepage-hero-content {
    background: url(https://cnp485.developer24x7.com/wp-content/uploads/2025/06/homepage-hero-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
  }
}
.homepage-hero-btn-area {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.homepage-hero-market-info {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .homepage-hero-market-info {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .homepage-hero-market-info {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .homepage-hero-market-info {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .homepage-hero .btn-fill--info,
  .homepage-hero .btn-fill--warning {
    font-size: 0.7rem;
    line-height: 1rem;
    padding: var(--p-10) var(--p-12);
    text-align: center;
  }
}

.left-table-right-content-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
  margin-top: 2.375rem;
}
@media (min-width: 992px) {
  .left-table-right-content-wrapper {
    grid-template-columns: auto 25.9375rem;
  }
}
@media (max-width: 991px) {
  .left-table-right-content-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 1.375rem;
  }
}
.left-table-right-content-wrapper .table-container {
  width: 100%;
  height: 100%;
  border-radius: var(--rounded-6_6);
  border: 1px solid var(--tint-t5);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .left-table-right-content-wrapper .table-container .coinbillboard-table-container {
    overflow: hidden;
    overflow-x: scroll;
  }
  .left-table-right-content-wrapper .table-container .coinbillboard-table-container table {
    min-width: 1000px;
  }
}

.news-letter {
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 1.625rem;
  background: var(--brand-light-blue);
  position: relative;
  overflow: hidden;
}
.news-letter-bg {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.news-letter h2,
.news-letter p {
  color: var(--neutral-white);
}
.news-letter p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
  margin-top: 0.375rem;
}
.news-letter .container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  gap: 4.875rem;
  position: relative;
}
@media (min-width: 768px) {
  .news-letter .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .news-letter .container {
    grid-template-columns: 50.5rem auto;
  }
}
@media (max-width: 991px) {
  .news-letter .container {
    gap: 1.875rem;
  }
}
@media (max-width: 767px) {
  .news-letter .container .text-container {
    width: 100% !important;
  }
}
.news-letter-form-container h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--neutral-white);
  margin-bottom: 0.625rem;
}
.news-letter .form-group {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.news-letter .input {
  font-size: 0.75rem;
  line-height: 1rem;
  border: 1px solid var(--neutral-white);
  color: var(--neutral-white);
}
.news-letter .input::-moz-placeholder {
  color: var(--neutral-white);
}
.news-letter .input::placeholder {
  color: var(--neutral-white);
}

.list-type--checked {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.list-type--checked li {
  display: inline-block;
  padding-left: 2.5rem;
  position: relative;
}
.list-type--checked li::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='%2314AE5C'/%3E%3Cpath d='M10.3948 16.289C10.0918 16.289 9.78873 16.174 9.55738 15.9426L6.34701 12.7322C5.88433 12.2696 5.88433 11.5201 6.34701 11.0587C6.8097 10.5961 7.55784 10.5947 8.02052 11.0574L10.3948 13.4317L15.9795 7.84701C16.4422 7.38433 17.1903 7.38433 17.653 7.84701C18.1157 8.3097 18.1157 9.05919 17.653 9.52187L11.2322 15.9426C11.0009 16.174 10.6979 16.289 10.3948 16.289Z' fill='%2314AE5C'/%3E%3C/svg%3E");
  position: absolute;
}
.list-type--checked li h3 {
  font-size: 1rem;
  line-height: normal;
  font-weight: 700;
  color: var(--brand-dark-blue);
}
.list-type--checked li p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  padding-top: 0.375rem;
  color: var(--neutral-black);
}
.list-type--numbar-circle {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
  counter-reset: count;
  position: relative;
}
.list-type--numbar-circle::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 1.25rem);
  top: 0;
  left: 0.75rem;
  background: var(--neutral-light-gray);
  position: absolute;
}
.list-type--numbar-circle li {
  display: inline-block;
  padding-left: 2.5rem;
  position: relative;
  counter-increment: count;
}
.list-type--numbar-circle li::before {
  content: counter(count);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--brand-dark-blue);
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--brand-warning);
  position: absolute;
}
.list-type--numbar-circle li h3 {
  font-size: 1rem;
  line-height: normal;
  font-weight: 700;
  color: var(--brand-dark-blue);
}
.list-type--numbar-circle li p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  padding-top: 0.375rem;
  color: var(--neutral-black);
}

.accordion-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.accordion-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 700;
  color: var(--neutral-dark-gray);
  cursor: pointer;
  text-align: left;
}
.accordion-header .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.accordion-header .icon span {
  width: 0.9375rem;
  height: 0.1875rem;
  background: var(--neutral-dark-gray);
}
.accordion-header .icon span:first-child {
  transform: translateY(3px);
}
.accordion-header .icon span:last-child {
  transform: rotate(90deg);
}
.accordion-item {
  padding: 1.25rem 3.75rem;
  border: 1px solid color-mix(in srgb, var(--shade-s0) 10%, transparent);
  background: var(--neutral-white);
  border-radius: var(--rounded-8);
  overflow: hidden;
}
@media (max-width: 767px) {
  .accordion-item {
    padding: 0.5rem 1rem;
  }
}
.accordion-item .accordion-body {
  margin-top: 1rem;
  display: none;
}
.accordion-item .accordion-body p {
  font-size: 0.75rem;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
}
.accordion-item .accordion-body ul {
  padding: 10px 0;
}
.accordion-item .accordion-body ul li {
  font-size: 0.75rem;
  line-height: 1.3125rem;
}
.accordion-item.active .accordion-body {
  display: block;
}
.accordion-item.active .accordion-header .icon span {
  transform: rotate(0deg);
}
.accordion-item.active .accordion-header .icon span:first-child {
  display: none;
}

.filter--header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.filter--container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.price-ranking {
  width: 100%;
  height: auto;
  padding: var(--p-30) 0;
  margin-top: var(--m-38);
}
@media (max-width: 767px) {
  .price-ranking {
    margin-top: 0;
    padding: var(--p-14) 0;
  }
}
.price-ranking-header {
  width: 100%;
  max-width: 48.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
.price-ranking-header .text-container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.price-ranking-header .text-container h2 {
  line-height: normal;
  font-weight: 700;
  color: var(--dark-gray);
}
@media (min-width: 768px) {
  .price-ranking-header .text-container h2 {
    font-size: 1.625rem;
  }
}
.price-ranking-header .text-container p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: var(--neutral-dark-gray);
}
@media (max-width: 767px) {
  .price-ranking .left-table-right-content-wrapper {
    margin-top: 10px;
  }
}
.price-ranking .left-table-right-content-wrapper .text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.price-ranking .left-table-right-content-wrapper .text-container h3 {
  font-family: var(--font-montserrat);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--brand-dark-blue);
}
@media (max-width: 767px) {
  .price-ranking .left-table-right-content-wrapper .text-container h3 {
    font-size: 1.2rem;
  }
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card {
  padding: 2.6875rem 0;
  padding-inline: 2.0625rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__description {
  font-family: var(--font-montserrat);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
  color: var(--neutral-black);
  margin-top: 0.625rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul {
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 1rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li {
  display: flex;
  align-items: flex-start;
  color: var(--neutral-black);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
  flex-wrap: wrap;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li span,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li span {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.625rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li span img, .price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li span svg,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li span img,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li span svg {
  width: 100%;
  height: 100%;
  margin-top: 0.1875rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li p,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  color: var(--neutral-black);
  font-weight: 400;
  flex-basis: 100%;
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li strong,
.price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li strong,
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li strong {
    margin: 0 10px 0 0;
  }
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card__features-list li br,
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card ul li br {
    display: none;
  }
}
.price-ranking .left-table-right-content-wrapper .text-container .insights-card__btn {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card__btn {
    width: 100%;
    text-align: center;
  }
  .price-ranking .left-table-right-content-wrapper .text-container .insights-card {
    padding: 1rem;
    padding-inline: 1rem;
  }
}
.price-ranking .left-table-right-content-wrapper .text-container .tab-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .crypto-table {
  height: 100%;
  padding: 1.8125rem 1.5625rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .crypto-table__content {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1rem;
}
.price-ranking .left-table-right-content-wrapper .text-container .crypto-table__content th, .price-ranking .left-table-right-content-wrapper .text-container .crypto-table__content td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.price-ranking .left-table-right-content-wrapper .text-container .crypto-table__content thead th {
  padding: 0.875rem 0;
}
.price-ranking .left-table-right-content-wrapper .text-container .crypto-table__content tbody td {
  padding: 1.125rem 0.5rem;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .price-ranking .left-table-right-content-wrapper .text-container .crypto-table {
    padding: 1rem;
  }
}

.treding-coin {
  width: 100%;
  height: auto;
  padding: var(--p-30) 0;
  margin-top: var(--m-38);
}
.treding-coin-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.treding-coin-header .text-container {
  width: 100%;
  max-width: 48rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.treding-coin-header .text-container p {
  font-weight: 400;
}
@media (max-width: 767px) {
  .treding-coin-header {
    align-items: flex-start;
    flex-direction: column;
  }
}
.treding-coin .left-table-right-content-wrapper {
  margin-top: 0;
}
.treding-coin .tab-content-item {
  margin-top: 2.375rem;
}
.treding-coin .project-exchange {
  padding: 3.0625rem 2.0625rem;
}
.treding-coin .project-exchange-icon {
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--p-12) var(--p-14);
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--brand-dark-blue) 10%, transparent);
  margin-bottom: 1rem;
}
.treding-coin .project-exchange-icon svg {
  width: 1.625rem;
  height: 1.875rem;
}
.treding-coin .project-exchange h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--brand-dark-blue);
  margin-bottom: var(--m-10);
}
@media (max-width: 767px) {
  .treding-coin .project-exchange h3 {
    font-size: 1.375rem;
  }
}
.treding-coin .project-exchange p {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.21875rem;
  color: var(--neutral-black);
}
.treding-coin .project-exchange ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.125rem;
  margin-top: 1rem;
}
.treding-coin .project-exchange ul li {
  position: relative;
}
.treding-coin .project-exchange ul li::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  left: 0;
  top: 0.25rem;
  background: var(--brand-warning);
  border-radius: 50%;
  position: absolute;
}
.treding-coin .project-exchange ul li p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  color: var(--neutral-dark-gray);
  padding-left: var(--p-20);
}
.treding-coin .project-exchange .btn {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .treding-coin .project-exchange {
    padding: 1rem;
    padding-inline: 1rem;
  }
  .treding-coin {
    padding: 0;
    margin-top: var(--m-20);
  }
}

.learn-crypto {
  width: 100%;
  height: auto;
  padding: var(--p-30) 0;
  margin-top: var(--m-38);
}
.learn-crypto .text-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.learn-crypto .text-container h2 {
  font-size: 1.4rem;
  line-height: normal;
  font-weight: 700;
  color: var(--dark-gray);
}
@media (max-width: 767px) {
  .learn-crypto .text-container h2 {
    font-size: 1.375rem;
  }
}
.learn-crypto .featured-grid {
  margin-top: 2.5rem;
  gap: 1.0625rem;
}
.learn-crypto .featured-grid .card {
  padding: 1.75rem var(--p-20);
  margin: auto;
}
@media (max-width: 767px) {
  .learn-crypto .featured-grid .card {
    padding: 24px 24px 10px;
    margin: auto;
  }
}
.learn-crypto .featured-grid .card-header {
  width: 100%;
  height: auto;
  border-radius: var(--rounded-10);
  overflow: hidden;
}
.learn-crypto .featured-grid .card-body {
  margin-top: 1rem;
}
.learn-crypto .featured-grid .card-body .cat-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.learn-crypto .featured-grid .card-body h3 {
  font-size: 1.125rem;
  line-height: 1.35rem;
  font-weight: 700;
  color: var(--dark-gray);
  padding-top: 1rem;
  padding-bottom: 0.625rem;
}
.learn-crypto .featured-grid .card-body p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 400;
  height: 3.9375rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.learn-crypto .featured-grid .card-body .btn {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .learn-crypto .featured-grid {
    margin-top: 1.5rem;
  }
  .learn-crypto {
    padding: var(--p-14) 0;
    margin-top: var(--m-20);
  }
}

.cryptocurrency-price {
  width: 100%;
  height: auto;
  padding-top: 3rem;
  padding-bottom: 4.25rem;
}
@media (max-width: 767px) {
  .cryptocurrency-price {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.cryptocurrency-price-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 1.25rem;
}
@media (min-width: 992px) {
  .cryptocurrency-price-header {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.cryptocurrency-price-controls {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.cryptocurrency-price-controls .input-search--right {
  color: var(--neutral-light-gray);
}
.cryptocurrency-price-controls .input-search--right::-moz-placeholder {
  color: var(--neutral-light-gray);
}
.cryptocurrency-price-controls .input-search--right::placeholder {
  color: var(--neutral-light-gray);
}
.cryptocurrency-price-filter {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .cryptocurrency-price-filter {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .cryptocurrency-price-filter {
    justify-content: center;
  }
}
.cryptocurrency-price .left-container {
  max-width: 41.1875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.cryptocurrency-price .input-select2-icon-left .select2-container--default .select2-selection--single {
  padding-left: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.74978L8.53027 2.28005C8.23737 1.98715 7.76248 1.98715 7.46958 2.28005L4.99984 4.74978M7.99992 2.49973L7.99992 13.5' stroke='%23031330' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M19 11.2502L16.5303 13.7199C16.2374 14.0129 15.7625 14.0129 15.4696 13.7199L12.9998 11.2502M15.9999 13.5003L15.9999 2.5' stroke='%23031330' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position-x: 0.5rem;
  background-position-y: center;
  background-repeat: no-repeat;
}
.cryptocurrency-price .btn-refresh {
  display: flex;
  gap: 0.3125rem;
}
.cryptocurrency-price .btn-refresh svg {
  max-width: 0.75rem;
}
.cryptocurrency-price .select-filter .select2-container--default .select2-selection--single {
  padding-left: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.5H4.75V8H0.25V9.5ZM0.25 0.5V2H13.75V0.5H0.25ZM0.25 5.75H9.25V4.25H0.25V5.75Z' fill='%23031330'/%3E%3C/svg%3E");
  background-position-x: 0.5rem;
  background-position-y: center;
  background-repeat: no-repeat;
}
.cryptocurrency-price .tab--header {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.bitgoat-table {
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 1.875rem;
  padding-bottom: 4.25rem;
}
.bitgoat-table-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.bitgoat-table-header h1 {
  color: var(--dark-gray);
}
.bitgoat-table-header p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
}
.bitgoat-table-wrapper {
  width: 100%;
  margin-top: 2.375rem;
  margin-bottom: 1.5rem;
}
.bitgoat-table .featured-grid {
  gap: 1.5rem;
}
.bitgoat-table .featured-grid .card {
  padding: 1.75rem 1.5rem;
}
.bitgoat-table .featured-grid h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 1rem;
  color: var(--brand-dark-blue);
}
.bitgoat-table .featured-grid p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  color: var(--neutral-black);
  font-weight: 400;
}

.trending-section {
  width: 100%;
  padding-top: 1.875rem;
  padding-bottom: 5.5rem;
}
.trending-section .featured-grid {
  width: 100%;
  margin-top: 1.5rem;
}
.trending-section .featured-grid .card {
  padding: 1.625rem 1.5rem;
}
.trending-section .featured-grid .card h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--brand-dark-blue);
  padding-bottom: 1rem;
}
.trending-section .featured-grid .card p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
}
.trending-section .trending-card-wrapper {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 1.5rem;
  margin-top: 2.375rem;
}
.trending-section .trending-card-wrapper .card-ranking {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.875rem 1.5rem;
}
.trending-section .trending-card-wrapper .card-ranking .logo-title {
  gap: 0.625rem;
}
.trending-section .trending-card-wrapper .marker-size {
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--neutral-black);
  display: flex;
  flex-direction: column;
}
.trending-section .trending-card-wrapper .ranking-score {
  padding-top: 0.375rem;
  border-top: 1px solid var(--neutral-silver);
}
.trending-section .trending-card-wrapper .ranking-score p {
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--neutral-black);
}

.listing-section {
  padding-bottom: 3.75rem;
}
.listing-section .table-wrapper {
  margin-top: 2.375rem;
}
.listing-section .table-wrapper img {
  width: 100%;
}
.listing-section .featured-grid--col2 {
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.listing-section .featured-grid--col2 .card {
  padding: 0.8125rem 1.5rem;
}
@media (max-width: 767px) {
  .listing-section .featured-grid--col2 .card {
    padding: 0.5rem;
  }
}
.listing-section .featured-grid--col2 .card h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--brand-dark-blue);
  padding-bottom: 0.375rem;
}
@media (max-width: 767px) {
  .listing-section .featured-grid--col2 .card h2 {
    font-size: 1.375rem;
  }
}
.listing-section .featured-grid--col2 .card h3 {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 500;
  color: var(--neutral-black);
  padding-bottom: 1rem;
}
.listing-section .featured-grid--col2 .card ul li {
  display: block;
  padding-left: 1.25rem;
  position: relative;
}
.listing-section .featured-grid--col2 .card ul li::before {
  content: "";
  width: 0.1875rem;
  height: 0.1875rem;
  left: 0.375rem;
  top: 50%;
  background: var(--neutral-black);
  border-radius: 50%;
  position: absolute;
}
.listing-section .featured-grid--col2 .card ul li p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
  color: var(--neutral-black);
}

.learn-crypto-hero p {
  font-weight: 500;
}
.learn-crypto-grid {
  width: 100%;
  padding: 2.375rem 0 2.625rem;
  text-align: center;
}
.learn-crypto-grid .filter--header {
  margin-bottom: 1.5rem;
}
.learn-crypto-grid .filter--container {
  height: 100% !important;
}
.learn-crypto-grid .featured-grid {
  row-gap: 1.0625rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.learn-crypto-grid .card {
  width: 100%;
  padding: 1rem 1.25rem;
  position: static !important;
}
@media (max-width: 768px) {
  .learn-crypto-grid .card {
    width: auto;
    margin: auto;
  }
}
.learn-crypto-grid .card-header {
  border-radius: 0.625rem;
  overflow: hidden;
}
.learn-crypto-grid .card h3 {
  font-size: 1.125rem;
  line-height: 1.35rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp-2-lines);
  overflow: hidden;
  padding-bottom: 0.625rem;
  font-weight: 700;
  color: var(--dark-gray);
}
.learn-crypto-grid .card p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp-2-lines);
  overflow: hidden;
  color: var(--neutral-dark-gray);
}
.learn-crypto-grid .card .btn {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.625rem;
}
.learn-crypto-grid .cat-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 1rem 0;
}
.learn-crypto-grid .youtube-Card {
  padding: 1rem 1.25rem;
  text-align: left;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card {
  background: var(--variant-white) !important;
  border-radius: 0px;
  padding: 0;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card-header {
  border-radius: 0px;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card-body {
  text-align: left;
  padding: 15px;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card-body h3 {
  color: #7d7d7d;
  padding: 0;
  font-size: 14px;
  padding: 5px 0;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card-body p {
  color: #7d7d7d;
  font-size: 12px;
  padding: 0;
  display: block;
  height: 30px;
  text-overflow: ellipsis;
}
.learn-crypto-grid .youtube-Card .youtube-card-inner .card-body a {
  width: 100%;
  background: #1b9eea;
  padding: 5px 0;
  border-radius: 2px;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 768px) {
  .learn-crypto-grid .youtube-Card .youtube-card-inner {
    width: 230px;
    margin: 0 auto;
  }
}

.breadcrumb__list {
  width: 100%;
  height: auto;
  padding-top: 1.5rem;
}

.post-hero {
  width: 100%;
  height: auto;
  padding: 2rem 0;
}
.post-hero h1 {
  font-family: var(--font-montserrat);
  font-size: 2.375rem;
  line-height: normal;
  font-weight: 700;
  color: var(--dark-gray);
  padding-bottom: 2rem;
}
.post-hero-img-wrapper {
  width: 100%;
  display: block;
  border-radius: var(--rounded-10);
  overflow: hidden;
}

.wysiwyg-editor {
  width: 100%;
  padding-bottom: 4.75rem;
}
.wysiwyg-editor p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.wysiwyg-editor h1, .wysiwyg-editor h2, .wysiwyg-editor h3, .wysiwyg-editor h4, .wysiwyg-editor h5, .wysiwyg-editor h6 {
  font-family: var(--font-montserrat);
  font-weight: 700;
  line-height: normal;
  padding-top: 0.75rem;
  padding-bottom: 2rem;
  color: var(--dark-gray);
}
.wysiwyg-editor h1 {
  font-size: 2rem;
}
.wysiwyg-editor h2 {
  font-size: 1.75rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .wysiwyg-editor h2 {
    font-size: 1.375rem;
  }
}
.wysiwyg-editor h3 {
  font-size: 1.5rem;
}
.wysiwyg-editor h4 {
  font-size: 1.25rem;
}
.wysiwyg-editor h5 {
  font-size: 1.125rem;
}
.wysiwyg-editor h6 {
  font-size: 1rem;
}
.wysiwyg-editor img {
  max-width: 100%;
  height: auto;
  border-radius: var(--rounded-6);
  margin: 1.5rem 0;
}
.wysiwyg-editor a {
  color: #0077cc;
  text-decoration: underline;
}
.wysiwyg-editor a:hover {
  color: #004a99;
}
.wysiwyg-editor ul, .wysiwyg-editor ol {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.wysiwyg-editor ul li {
  list-style-type: disc;
  margin-bottom: 0.5rem;
}
.wysiwyg-editor ol li {
  list-style-type: decimal;
  margin-bottom: 0.5rem;
}
.wysiwyg-editor blockquote {
  border-left: 4px solid #ddd;
  padding-left: 1rem;
  margin: 2rem 0;
  font-style: italic;
  color: #555;
}
.wysiwyg-editor hr {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid #ccc;
}
.wysiwyg-editor table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
}
.wysiwyg-editor table th,
.wysiwyg-editor table td {
  border: 1px solid #ddd;
  padding: 0.75rem;
  text-align: left;
}
.wysiwyg-editor table th {
  background-color: #f9f9f9;
  font-weight: 600;
}

.listed-hero {
  padding-bottom: 2.3125rem;
  background: var(--gradient-bg-with-pattern);
}
.listed-hero p {
  font-weight: 500;
  color: var(--neutral-dark-gray);
  padding-bottom: 0;
}
.listed-hero .card {
  height: 100%;
  padding: 1.875rem 1.5rem 2.3125rem;
  border-color: var(--tint-t5);
}
.listed-hero .card:first-child, .listed-hero .card:last-child {
  border-color: var(--tint-t5);
}
.listed-hero .card-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 2.125rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .listed-hero .card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .listed-hero .card-wrapper {
    grid-template-columns: 30.75rem auto;
  }
}
.listed-hero .card h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--dark-gray);
}
@media (max-width: 767px) {
  .listed-hero .card h2 {
    font-size: 1.375rem;
  }
}
.listed-hero .card p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: var(--neutral-dark-gray);
  padding-top: 0.625rem;
}
.listed-hero .card .list {
  margin-top: 1.5rem;
}
.listed-hero .card .list p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  padding-top: 0.375rem;
  color: var(--neutral-black);
}

.bitgoat-community {
  width: 100%;
  height: auto;
  padding: 3.625rem 0 2.375rem 0;
  background: var(--neutral-white);
}
.bitgoat-community-header {
  display: block;
}
.bitgoat-community-header p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: var(--neutral-dark-gray);
}
.bitgoat-community-header h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--dark-gray);
  padding: 0.625rem 0;
}
.bitgoat-community .card {
  padding: 1.8125rem 1.25rem;
  border-radius: var(--rounded-8);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
.bitgoat-community .card-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 1.5625rem;
  margin-top: 1.5rem;
}
.bitgoat-community .card--header .icon {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--brand-light-blue) 10%, transparent);
  border-radius: 50%;
}
.bitgoat-community .card--header .icon img {
  width: 23px;
}
.bitgoat-community .card--body {
  text-align: center;
}
.bitgoat-community .card--body h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--dark-gray);
  padding-bottom: 0.375rem;
}
.bitgoat-community .card--body p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: var(--slate-gray);
}
.bitgoat-community .text-container h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--dark-gray);
}
.bitgoat-community .text-container p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: var(--neutral-dark-gray);
  padding-top: 0.625rem;
}
@media (min-width: 992px) {
  .bitgoat-community .text-container {
    padding: 0 20px 0 0;
  }
}
.bitgoat-community .form-instruction-list {
  margin-top: 2rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
.bitgoat-community .form-instruction-list li {
  display: inline-block;
}
.bitgoat-community .form-instruction-list li h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--dark-gray);
}
.bitgoat-community .form-instruction-list li p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--slate-gray);
  padding-top: 0.375rem;
}
.bitgoat-community-form-wrapper {
  width: 100%;
  padding: 1.875rem 3.75rem;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  background: var(--ice-blue);
  border-radius: var(--rounded-10);
}
@media (min-width: 992px) {
  .bitgoat-community-form-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .bitgoat-community-form-wrapper {
    grid-template-columns: auto 30.8125rem;
    gap: 12.0625rem;
  }
}
@media (max-width: 991px) {
  .bitgoat-community-form-wrapper {
    padding: 1rem;
  }
}
.bitgoat-community-form-wrapper form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  row-gap: 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .bitgoat-community-form-wrapper form {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .bitgoat-community-form-wrapper form {
    margin-top: 35px;
  }
}
.bitgoat-community-form-wrapper form .form-group {
  display: block;
  position: relative;
}
.bitgoat-community-form-wrapper form .form-group p {
  padding: 0;
}
.bitgoat-community-form-wrapper form .form-group br {
  display: none;
}
.bitgoat-community-form-wrapper form .form-group:nth-child(4), .bitgoat-community-form-wrapper form .form-group:nth-child(5) {
  grid-column: 1/-1;
}
.bitgoat-community-form-wrapper form .form-group:nth-child(4) p:last-child, .bitgoat-community-form-wrapper form .form-group:nth-child(5) p:last-child {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: var(--neutral-dark-gray);
  padding-left: 0;
  padding-top: var(--p-4);
}
.bitgoat-community-form-wrapper form .form-group:nth-child(5) p:last-child {
  padding-left: var(--p-12);
}
.bitgoat-community-form-wrapper form .form-group label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #263545;
  font-weight: 400;
  padding-inline: 0.25rem;
  left: 1rem;
  top: -0.625rem;
  background: var(--ice-blue);
  position: absolute;
}
.bitgoat-community-form-wrapper form .form-group .input:not(:-moz-placeholder-shown) + label {
  transform: translateY(-0.625rem);
}
.bitgoat-community-form-wrapper form .form-group .input:focus + label,
.bitgoat-community-form-wrapper form .form-group .input:not(:placeholder-shown) + label {
  transform: translateY(-0.625rem);
}
.bitgoat-community-form-wrapper form .wpcf7-response-output, .bitgoat-community-form-wrapper form .wpcf7-response-output {
  font-family: var(--font-montserrat);
  color: var(--dark-gray);
  grid-column: 1/-1;
  margin: 0 !important;
  padding: 6px 10px !important;
}
.bitgoat-community-form-wrapper form .btn,
.bitgoat-community-form-wrapper form .wpcf7-submit {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  font-family: var(--font-montserrat);
  border-radius: var(--rounded-4);
  padding: var(--p-10) var(--p-12);
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: var(--p-12) var(--p-16);
  color: #263545;
  font-weight: 500;
  cursor: pointer;
  background: var(--brand-warning);
}
.bitgoat-community-form-wrapper form .btn:hover,
.bitgoat-community-form-wrapper form .wpcf7-submit:hover {
  background: var(--brand-warning-light);
}
.bitgoat-community-form-wrapper form .btn:focus,
.bitgoat-community-form-wrapper form .wpcf7-submit:focus {
  background: transparent;
  border: 1px solid var(--brand-warning);
  color: var(--brand-warning);
}
@media (max-width: 767px) {
  .bitgoat-community-form-wrapper form .btn,
  .bitgoat-community-form-wrapper form .wpcf7-submit {
    width: 100%;
  }
}

.faq {
  width: 100%;
  height: auto;
  padding-top: 1.25rem;
  padding-bottom: 3.625rem;
}
.faq .accordion-wrapper {
  margin-top: 1.5rem;
}

.contact-hero {
  padding-bottom: 2.75rem;
}

.contact-info {
  width: 100%;
  height: auto;
  padding: 1.25rem 0 2.375rem;
}
.contact-info .featured-grid {
  gap: 1.8125rem;
}
.contact-info .featured-grid .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  border-color: color-mix(in srgb, var(--shade-s0) 10%, transparent);
  padding: 1.8125rem 0;
}
.contact-info .featured-grid .card--body {
  max-width: 15.0625rem;
  text-align: center;
}
.contact-info .featured-grid .card--body h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--dark-gray);
  padding-bottom: 0.375rem;
}
.contact-info .featured-grid .card--body p, .contact-info .featured-grid .card--body a {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: var(--slate-gray);
}
.contact-info .featured-grid .icon {
  width: 3.375rem;
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--brand-light-blue) 10%, transparent);
  border-radius: 50%;
}
.contact-info .form-wrapper {
  width: 100%;
  padding: 2.5rem 4.8125rem 3.0625rem;
  margin-top: 1.5rem;
  border-radius: var(--rounded-10);
  background: var(--ice-blue);
}
@media (max-width: 1199px) {
  .contact-info .form-wrapper {
    padding: 1.5rem;
  }
}
@media (max-width: 767px) {
  .contact-info .form-wrapper {
    padding: 0;
    background: transparent;
  }
}
.contact-info .form-wrapper form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  row-gap: 1.25rem;
  margin-top: 1.375rem;
  position: relative;
}
.contact-info .form-wrapper form label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #263545;
  font-weight: 400;
  padding-inline: 0.25rem;
  left: 0.75rem;
  transform: translateY(-0.625rem);
  background: var(--ice-blue);
  position: absolute;
}
.contact-info .form-wrapper form input::-moz-placeholder, .contact-info .form-wrapper form textarea::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0F161D;
  border-color: #263545;
  width: 100%;
}
.contact-info .form-wrapper form input, .contact-info .form-wrapper form input::placeholder, .contact-info .form-wrapper form textarea, .contact-info .form-wrapper form textarea::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0F161D;
  border-color: #263545;
  width: 100%;
}
.contact-info .form-wrapper form .form-group:nth-child(5) {
  grid-column: 1/-1;
}
.contact-info .form-wrapper form .form-group:nth-child(5) p {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
  color: var(--neutral-dark-gray);
  padding-left: 0;
  padding-top: var(--p-4);
}
.contact-info .form-wrapper form .form-group:nth-child(5) p:last-child {
  padding-left: var(--p-12);
}
.contact-info .form-wrapper form .btn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.contact-info .form-wrapper form .btn:focus {
  background: var(--brand-warning);
}
@media (max-width: 767px) {
  .contact-info .form-wrapper form .btn {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .contact-info .form-wrapper form {
    grid-template-columns: 1fr;
  }
}

.search-item-wrapper {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
  margin-top: 2.375rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
  .search-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .search-item-wrapper {
    grid-template-columns: 49.1875rem auto;
  }
}
@media (max-width: 1199px) {
  .search-item-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.search-item-grap {
  padding: 1.25rem;
}
.search-item-sidebar {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.search-item-sidebar .card {
  padding: 1.625rem 1.25rem;
}
.search-item-sidebar .card:last-child {
  height: 100%;
}
.search-item-sidebar .card h2 {
  font-size: 1.5rem;
  color: var(--brand-dark-blue);
  padding-bottom: 0.625rem;
}
.search-item-sidebar .card p {
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: 400;
  color: var(--neutral-black);
}
.search-item-sidebar .card img {
  margin-top: 0.625rem;
}