@charset "UTF-8";
/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on September 12, 2017 12:32 PM */
@font-face {
  font-family: "Asana Math";
  src: url("/fonts/subset-Asana-Math.eot");
  src: url("/fonts/subset-Asana-Math.eot?#iefix") format("embedded-opentype"), url("/fonts/subset-Asana-Math.woff") format("woff"), url("/fonts/subset-Asana-Math.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
span.delta::before {
  font-family: "Asana Math";
  content: " 𝚫";
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
span.grey {
  color: #767676;
}

.italic {
  font-style: italic;
}

.u-white, .header.u-white {
  color: #FFFFFF;
}

.u-uppercase, .header.u-uppercase {
  text-transform: uppercase;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
#app, .site {
  display: flex;
  flex-direction: column;
  height: 100%; /* 1, 3 */
}

.ui.warning.message {
  background-color: #162449;
  color: #fafafa;
  height: 239px;
  padding-top: 40px;
}
.ui.warning.message .icon {
  color: #000;
  font-size: 4em;
  margin-bottom: 5px;
  float: left;
  margin-left: 0px;
  padding-top: 15px;
  color: #fafafa;
}
.ui.warning.message .header {
  background-color: #162449;
  margin-left: 25%;
  margin-bottom: 0px;
  color: #000;
  padding-top: 50px;
  padding-bottom: 5px;
}
.ui.warning.message p {
  color: #000;
  margin-top: 1rem;
}

.ui.container-restricted {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/testing.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricte-bank {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/Bank-Data_Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricte-bank .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricte-bank .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricte-bank .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricte-bank .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricte-bank .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricte-bank .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-shareholder-Search-Blocker {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/shareholder-Search-Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-market-structure-Blocker {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/MarketSructure_blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-market-structure-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-shareholder-Search-Blocker {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/shareholder-Search-Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-shareholder-Search-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-Property-Data-Blocker {
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/Property-Data-Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-Property-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-banking-Data-Blocker {
  position: relative;
  background: linear-gradient(s to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/Bank-Data_Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-banking-Data-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.ui.container-restricted-Global-Trend-Blocker {
  position: relative;
  background: linear-gradient(s to bottom, rgba(0, 0, 0, 0.1), rgb(22, 36, 73)), url("/img/Global_Trend_Blocker.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10em 0;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container {
  position: relative;
  z-index: 1;
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container .ui.segment {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2em;
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon {
  text-align: center;
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon i.lock.icon {
  color: grey;
  margin-bottom: 0.5em;
  font-size: 4em;
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon .header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5em;
}
.ui.container-restricted-Global-Trend-Blocker .ui.center.aligned.container .ui.segment .ui.message.icon p {
  color: #ccc;
  margin-top: 1rem;
}

.site-header,
.site-footer {
  flex: none; /* 2 */
  background-color: #162449;
  opacity: 1;
}
.site-header p,
.site-footer p {
  color: #ffffff;
}

.ui.button-logout {
  background-color: #DAB157;
  width: 100px;
  height: 30px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
  margin-left: auto; /* Pushes the button to the right if inside a flex container */
  display: inline-block; /* Ensures the button remains inline */
  /* Hover functionality */
}
.ui.button-logout:hover {
  background-color: #162449; /* Darken the background color on hover */
  color: #DAB157; /* Adj
ust text color if needed */
  transform: scale(1.05); /* Slightly enlarges the button on hover */
  transition: all 0.3s ease; /* Smooth transition */
  border: 1px solid #DAB157;
}

.button.up {
  color: #162449;
}

.footer {
  background-color: #162449;
  color: white;
  padding: 40px 0;
  text-align: justify;
}
.footer .footer-content {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.footer .footer-content .footer-left {
  flex: 1;
}
.footer .footer-content .footer-left .social {
  margin-bottom: 20px;
}
.footer .footer-content .footer-left .social span {
  display: block;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 75px;
  font-size: small;
  font-weight: bold;
}
.footer .footer-content .footer-left .social .icon {
  color: white;
  padding: 25px 25px;
  font-size: 40px;
  cursor: pointer;
  border-radius: 4px;
  margin-left: -750x;
}
.footer .footer-content .footer-links {
  display: flex;
  flex: 2;
  justify-content: space-around;
}
.footer .footer-content .footer-links .column-company {
  margin-left: 50px;
}
.footer .footer-content .footer-links .column-company h3 {
  font-weight: bold;
  font-size: medium;
  margin-bottom: 25px;
  margin-left: -20px;
}
.footer .footer-content .footer-links .column-company ul {
  list-style: none;
  padding: 0px;
}
.footer .footer-content .footer-links .column-company ul li {
  text-align: justify;
  font-size: small;
  margin-bottom: 25px;
  color: #ffffff;
}
.footer .footer-content .footer-contact {
  flex: 1;
}
.footer .footer-content .footer-contact h3 {
  font-size: medium;
  margin-bottom: 35px;
  font-weight: bold;
  margin-left: 100px;
}
.footer .footer-content .footer-contact ul {
  list-style: none;
  padding-left: 150px;
}
.footer .footer-content .footer-contact ul li {
  margin-bottom: 25px;
  margin-top: 10px;
}
.footer .footer-content .footer-contact ul li .icon {
  margin-right: 5px;
  padding-right: 20%;
}
.footer .footer-bottom {
  margin-top: 30px;
  font-size: 14px;
  border-top: 1px solid #1b3957;
  padding-top: 20px;
}

.site-header {
  height: 90px;
  padding: 0;
}

.site-content {
  flex: 1 0 auto; /* 2 */
  padding: 2em 2em 0;
  width: 100%;
}

.site-content::after {
  content: " "; /*   */
  display: block;
  margin-top: 2em;
  height: 0px;
  visibility: hidden;
}

.site-content--loading .ui.dimmer {
  background: transparent;
  text-transform: uppercase;
}

header {
  /* height: $header-height; */
  width: 100%;
  position: fixed;
  z-index: 100;
}
header h1 {
  text-align: center;
  text-transform: uppercase;
  color: #189d6c;
  font-size: 1.2em;
}
header h1 span {
  color: #44b28d;
  font-weight: bold;
}
header img {
  position: relative;
  top: 5px;
}

header + main {
  margin-top: 68px;
}

footer {
  padding: 2em 0;
}
footer p {
  text-align: center;
  color: rgb(185, 185, 185);
  line-height: 1.5em;
  font-size: 0.8em;
}

.site-content {
  background-color: #ffffff;
}
.site-content > .ui.grid:first-child {
  margin-top: 0;
}
.site-content > .ui.grid:last-child {
  margin-bottom: 0;
}
.site-content--dark-theme {
  background: url("/img/navigare-background-overlay.jpeg") no-repeat center top fixed;
  background-size: cover;
}

body {
  /* linear-gradient(rgba(68, 143, 204, 0.05), rgba(68, 143, 204, 0.05)), */
}

.nav-logged-out h1 {
  line-height: 68px;
  vertical-align: middle;
}

.nav-logged-in img.logo {
  width: 95px;
  transform: scale(2.5) translateX(45px);
}
.nav-logged-in img.hq-logo {
  width: 230px !important;
}
.nav-logged-in .text-logo {
  text-transform: uppercase;
}
.nav-logged-in .text-logo h1 {
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}
.nav-logged-in .text-logo h1 span {
  color: #ffffff;
  display: block;
  font-size: 1.75em;
  line-height: 1.1em;
}

.icon.burger {
  cursor: pointer;
  color: #dab157;
  transform: scale(2, 1);
}

.ui.page.dimmer.visible.active {
  background-color: #162449;
  opacity: 0.949;
}

.ui.text.menu.site-nav-menu {
  font-size: 1.1em;
  color: #ffffff;
}
.ui.text.menu.site-nav-menu .item {
  color: #FFFFFF;
}

.ui.category.search.quick-search .prompt {
  border: 3px solid white;
}
@media (min-width: 1200px) {
  .ui.category.search.quick-search .prompt {
    width: 150px;
  }
}
.ui.category.search.quick-search .search.icon {
  color: black;
}
.ui.category.search.quick-search .content {
  display: inline;
}
.ui.category.search.quick-search .results {
  width: 56em;
  right: 0;
  left: auto;
}
.ui.category.search.quick-search .results .category > .name {
  width: 200px;
}
.ui.category.search.quick-search .results .category .result {
  margin-left: 200px;
}
.ui.category.search.quick-search .results .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-header img, .panel-header i.icon {
  width: 1.2em;
  height: 1.2em;
}
.panel-header i.icon {
  font-size: 1.2em;
  margin-right: 0;
  color: #189d6c;
}
.panel-header h2 {
  margin: 0;
  padding: 0 0.75em;
  font-size: 1.2em;
  color: #189d6c;
}
.panel-header h2 span {
  font-weight: normal;
}
.panel-header .header-separator {
  flex: 1;
  border-top: 2px solid #4c4d4f;
}

#new-version-notification {
  position: fixed;
  bottom: 25px;
  right: 100px;
  width: 300px;
  z-index: 1000;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 1px rgba(34, 36, 38, 0.12), 0 2px 10px 10px rgba(34, 36, 38, 0.15);
}
#new-version-notification i.icon {
  animation: icon-loading 2s;
}

.color-band {
  width: 100%;
  height: 8px;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.scroll-to-top {
  position: fixed;
  bottom: 90px; /* Slightly higher position */
  right: 25px;
  width: 60px; /* Circular shape */
  height: 60px;
  background-color: transparent; /* Gold button color */
  color: white;
  border: none;
  border-radius: 50%; /* Circle shape */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px; /* Adjust icon size */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transitions */
  /* Hover effect */
}
.scroll-to-top:hover {
  transform: scale(1.1) translateY(-5px); /* Enlarges and moves up */
  transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.scroll-to-top:hover i {
  color: #1b3957; /* Changes color */
  transition: color 0.3s ease; /* Smooth transition for color change */
}
.scroll-to-top {
  /* Focus effect */
}
.scroll-to-top:focus {
  outline: none; /* Removes default outline */
  transform: scale(1.1); /* Matches hover behavior */
}
.scroll-to-top i {
  font-size: 50px; /* Size of the arrow icon */
  color: #189d6c;
}

/* General hijacking */
.ui.basic.label.borderless {
  border: none;
  background: transparent !important;
  background-color: transparent !important;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.login-panel .ui.segment p, .register-panel .ui.segment p, .recovery-panel .ui.segment p {
  color: rgb(200.0099601594, 33.4900398406, 33.4900398406);
  font-size: medium;
  font-weight: bold;
  text-align: center;
}
.login-panel, .register-panel, .recovery-panel {
  color: #FFFFFF;
}
.login-panel .ui.header.white, .register-panel .ui.header.white, .recovery-panel .ui.header.white {
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.login-panel a, .register-panel a, .recovery-panel a {
  color: #FFFFFF;
  text-transform: uppercase;
}
.login-panel .ui.button, .register-panel .ui.button, .recovery-panel .ui.button {
  text-transform: uppercase;
}
.login-panel .error a, .register-panel .error a, .recovery-panel .error a {
  color: rgb(200.0099601594, 33.4900398406, 33.4900398406);
  text-transform: none;
  text-decoration: underline;
}
.login-panel .image, .register-panel .image, .recovery-panel .image {
  width: 675px;
  height: 175px;
}
.login-panel .image-small, .register-panel .image-small, .recovery-panel .image-small {
  width: 50px;
  height: 50px;
}
.login-panel .image-medium, .register-panel .image-medium, .recovery-panel .image-medium {
  width: 100px;
  height: 100px;
}
.login-panel .image-large, .register-panel .image-large, .recovery-panel .image-large {
  width: 200px;
  height: 200px;
}
.login-panel .image-responsive, .register-panel .image-responsive, .recovery-panel .image-responsive {
  width: 100%;
  height: auto;
  max-width: 400px; /* Set a max width if desired */
}
.login-panel .field-forgotPassword, .register-panel .field-forgotPassword, .recovery-panel .field-forgotPassword {
  margin-left: 71%;
  border-bottom: 1px solid #4c4d4f;
}
.login-panel .field-register, .register-panel .field-register, .recovery-panel .field-register {
  height: 80px;
  margin-top: 5%;
}
.login-panel .field-register .ui.button, .register-panel .field-register .ui.button, .recovery-panel .field-register .ui.button {
  background-color: #162449;
  color: #DAB157;
  padding: 10px 45px;
  border: 2px solid #DAB157;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-left: 60%;
  margin-bottom: -40%;
  margin-top: 5%;
}
.login-panel .field-register .ui.button:hover, .register-panel .field-register .ui.button:hover, .recovery-panel .field-register .ui.button:hover {
  background-color: #189D6C;
}
.login-panel .field-register .ui.button:focus, .register-panel .field-register .ui.button:focus, .recovery-panel .field-register .ui.button:focus {
  outline: none;
}
.login-panel .field-register .ui.button.active, .register-panel .field-register .ui.button.active, .recovery-panel .field-register .ui.button.active {
  background-color: #189D6C;
}
.login-panel .field-register h1, .register-panel .field-register h1, .recovery-panel .field-register h1 {
  margin-right: 30%;
  margin-top: -5%;
}
.login-panel .ui.input .right-icon, .register-panel .ui.input .right-icon, .recovery-panel .ui.input .right-icon {
  position: absolute;
  right: 100px; /* Adjust based on input padding */
  top: 50%;
  transform: translateX(1150%);
  pointer-events: auto; /* Allow clicking if it’s a toggle */
  cursor: pointer;
}

.register-panel .ui.message {
  border-radius: 0;
  border: 2px solid #4c4d4f;
  box-shadow: none;
}
.register-panel .ui.attached.message {
  box-shadow: none;
}
.register-panel .ui.form .disabled.field {
  opacity: 1;
}
.register-panel .ui.form .ui.message {
  border: 1px solid rgb(204.0322580645, 204.6774193548, 205.9677419355);
}

button.ui.submit.button {
  border-radius: 8px;
  background-color: #189d6c;
  border-width: 0px;
  border-color: #189d6c;
  width: 4cm;
  color: white;
  font-weight: bold;
  margin-right: 75%;
  margin-top: 2%;
}

/* SCSS file */
.ui.input {
  position: relative;
}
.ui.input .right-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888;
  transition: color 0.3s;
}
.ui.input .right-icon:hover {
  color: #333;
}
.ui.input input[type=password],
.ui.input input[type=text] {
  padding-right: 30px;
}

.registration-container {
  background-color: #f9f9f9;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  margin: 40px auto;
  text-align: center;
}
.registration-container h2 {
  color: #162449;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: bold;
}
.registration-container .verification-info {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}
.registration-container .error-message {
  color: #d9534f;
  font-size: 14px;
  margin-bottom: 15px;
}
.registration-container .error-message i {
  margin-right: 5px;
}

.registration-form .field {
  margin-bottom: 15px;
}
.registration-form .field .ui.input {
  position: relative;
  width: 100%;
}
.registration-form .field .ui.input input {
  width: 100%;
  padding: 10px 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}
.registration-form .field .ui.input .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #888;
}
.registration-form .field .ui.input .eye.icon {
  right: 10px;
  left: auto;
  cursor: pointer;
  color: #888;
}
.registration-form .field .ui.input .eye.icon.slash {
  color: #162449;
}
.registration-form .input-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.registration-form .input-row .field {
  flex: 1;
}
.registration-form select.ui.dropdown {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background-color: #fff;
  color: #666;
}
.registration-form .green.button {
  background-color: #189d6c;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
}
.registration-form .green.button:hover {
  background-color: #157a52;
}

@media (max-width: 768px) {
  .registration-container {
    padding: 20px;
  }
  .registration-container h2 {
    font-size: 20px;
  }
}
.recovery-panel p {
  color: #162449;
}
.recovery-panel h2 {
  background-color: transparent;
}

/* Breadcrumbs and navigations */
.ui.secondary.menu .sticky-logo {
  display: none;
}
.ui.secondary.menu .header.item .ui.breadcrumb .section:not(.active) {
  font-weight: normal;
}
.ui.secondary.menu.inverted .sticky-logo {
  display: flex;
  /* border-right: 1px solid red; */
  /* border-left: 1px solid green; */
  text-align: right;
}
.ui.secondary.menu.inverted .sticky-logo img {
  margin-left: auto;
  height: 36px;
}
.ui.secondary.menu.inverted .ui.breadcrumb a.section, .ui.secondary.menu.inverted .ui.breadcrumb .section > a {
  color: #F9FAFB;
}
.ui.secondary.menu.inverted .ui.breadcrumb .divider {
  color: #FFFFFF;
}

/* Landing */
.ui.category.search.landing-search-box > .input {
  width: 100%;
  font-size: 1.28571429em;
  position: right;
}

.ui.warning.message p {
  color: white;
  margin-top: 1rem;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.tabular.menu.black-tabs {
  border-bottom: 2px solid #162449;
}
.ui.tabular.menu.black-tabs .item {
  text-transform: uppercase;
}
.ui.tabular.menu.black-tabs .active.item {
  background-color: #162449;
  border-color: #162449;
  color: #FFFFFF;
  border-radius: 0px !important;
  font-weight: normal;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.message.dismissable-message {
  background-color: #189D6C;
  border: 2px solid #4c4d4f;
  border-radius: 0px;
  color: white;
  box-shadow: 3.536px 3.536px 0px 0px rgba(0, 0, 0, 0.14);
}

.ui.message.dismissable-message .message-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ui.message.dismissable-message .message-with-icon i {
  margin-right: 10px;
  font-size: 1.2em;
  color: #DAB157;
}

.ui.message.status-alert {
  background-color: #DAB157;
  color: white;
  border-radius: 8px;
  border: 2px solid;
  padding: 1.5rem;
  margin: 1rem 0;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ui.message.status-alert .alert-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.ui.message.status-alert .alert-content {
  flex: 1;
  margin-left: 1rem;
}
.ui.message.status-alert .alert-content h3 {
  color: white;
  margin: 0 0 0.5rem 0;
  font-size: 1.3rem;
  font-weight: 500;
}
.ui.message.status-alert .alert-content p {
  margin: 0;
  line-height: 1.5;
}
.ui.message.status-alert i.icon {
  background-color: transparent;
  align-self: flex-start;
  margin-top: 0.2rem;
  color: #162449 !important;
}
.ui.message.status-alert.dismissable {
  padding-right: 2.5rem;
}
.ui.message.status-alert.dismissable .close.icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: rgba(255, 255, 255, 0.7) !important;
}
.ui.message.status-alert.dismissable .close.icon:hover {
  color: white !important;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.segment.content-segment, .ui.segment.jse-content-segment {
  border: 2px solid #189D6C;
}
.ui.segment.content-segment.loading, .ui.segment.jse-content-segment.loading {
  min-height: 45px;
}

.ui.fluid.container {
  width: 100%;
  background: none;
}

header {
  height: 60px;
}

.ui.input {
  font-size: medium;
  border: 1px solid #f7f7f7;
  background-color: #FFFFFF;
}

.ui.category.search.quick-search .prompt {
  border: 1px solid #FFFFFF;
  color: black;
  height: 2px;
  padding-bottom: 8%;
  float: inline-start;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.table.data-table, .ui.structured.table.data-table {
  border: none;
  background-clip: content-box;
  background: transparent;
}
.ui.table.data-table thead tr:first-child > th:last-child, .ui.structured.table.data-table thead tr:first-child > th:last-child {
  border-radius: 0;
}
.ui.table.data-table thead th, .ui.structured.table.data-table thead th {
  border-left: 3px solid transparent;
  border-right: none;
  border-bottom: none;
  background-clip: padding-box;
  background-color: #FFFFFF;
}
.ui.table.data-table tr td, .ui.structured.table.data-table tr td {
  border-top: none;
}
.ui.table.data-table tbody tr:nth-child(2n), .ui.structured.table.data-table tbody tr:nth-child(2n) {
  background-color: #FFFFFF;
}
.ui.table.data-table tbody a, .ui.structured.table.data-table tbody a {
  color: #162449;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.d3-tip {
  line-height: 1;
  /* font-weight: bold; */
  padding: 12px;
  color: #4c4d4f;
  font-size: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "▼";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

svg .black-fill {
  fill: #1B1C1D;
}
svg .white-stroke {
  stroke: #F9FAFB;
  stroke-width: 1;
}
svg .black-stroke {
  stroke: #1B1C1D;
}
svg .chart-header text {
  font-size: 1.1em;
  font-weight: bold;
}
svg rect.gold {
  fill: #9f947c;
}
svg rect.light-gold {
  fill: rgb(180.5682819383, 172.0396475771, 153.4317180617);
}
svg rect.grey {
  fill: #4c4d4f;
}
svg rect.light-grey {
  fill: rgb(101.0064516129, 102.335483871, 104.9935483871);
}
svg path.gold, svg line.gold {
  stroke: #9f947c;
}
svg path.light-gold, svg line.light-gold {
  stroke: rgb(180.5682819383, 172.0396475771, 153.4317180617);
}
svg path.light-gold-filled {
  fill: rgb(180.5682819383, 172.0396475771, 153.4317180617);
}
svg rect.green {
  fill: #21BA45;
}
svg rect.green:hover {
  fill: rgb(51.1643835616, 218.8356164384, 90.6164383562);
}
svg path.green, svg line.green {
  fill: none;
  stroke: #21BA45;
}
svg rect.red {
  fill: #DB2828;
}
svg rect.red:hover {
  fill: rgb(226.3147410359, 83.6852589641, 83.6852589641);
}
svg path.red, svg line.red {
  fill: none;
  stroke: #DB2828;
}
svg rect.black {
  fill: #1B1C1D;
}
svg path.black, svg line.black {
  fill: none;
  stroke: #1B1C1D;
}
svg path[class*=ghost], svg line[class*=ghost] {
  fill: none;
  stroke: #F9FAFB;
}
svg .bars rect {
  cursor: pointer;
}
svg .axis text {
  font: 10px sans-serif;
}
svg .axis path, svg .axis line {
  fill: none;
  stroke: #1B1C1D;
  shape-rendering: crispEdges;
}
svg .missing-data text {
  fill: rgb(139.0483870968, 140.5161290323, 143.4516129032);
  stroke: #FFFFFF;
  stroke-width: 0.5px;
  font-size: 2em;
  text-transform: uppercase;
}
svg .zoom {
  cursor: move;
  fill: none;
  pointer-events: all;
}
svg .brush .handle--custom {
  stroke: #4c4d4f;
  fill: rgb(204.0322580645, 204.6774193548, 205.9677419355);
  cursor: ew-resize;
}
svg rect.fixed-shareholder.fixed-shareholder-1 {
  fill: rgb(88.5032258065, 89.6677419355, 91.9967741935);
}
svg rect.fixed-shareholder.fixed-shareholder-2 {
  fill: rgb(101.0064516129, 102.335483871, 104.9935483871);
}
svg rect.fixed-shareholder.fixed-shareholder-3 {
  fill: rgb(113.5096774194, 115.0032258065, 117.9903225806);
}
svg rect.fixed-shareholder.fixed-shareholder-4 {
  fill: rgb(126.0516129032, 127.6838709677, 130.9483870968);
}
svg rect.fixed-shareholder.fixed-shareholder-5 {
  fill: rgb(139.0483870968, 140.5161290323, 143.4516129032);
}
svg rect.fixed-shareholder.fixed-shareholder-6 {
  fill: rgb(152.0451612903, 153.3483870968, 155.9548387097);
}
svg rect.fixed-shareholder.fixed-shareholder-7 {
  fill: rgb(165.0419354839, 166.1806451613, 168.4580645161);
}
svg rect.fixed-shareholder.fixed-shareholder-8 {
  fill: rgb(178.0387096774, 179.0129032258, 180.9612903226);
}
svg rect.fixed-shareholder.fixed-shareholder-9 {
  fill: rgb(191.035483871, 191.8451612903, 193.464516129);
}
svg rect.free-shareholder.free-shareholder-1 {
  fill: rgb(169.7841409692, 160.0198237885, 138.7158590308);
}
svg rect.free-shareholder.free-shareholder-2 {
  fill: rgb(180.5682819383, 172.0396475771, 153.4317180617);
}
svg rect.free-shareholder.free-shareholder-3 {
  fill: rgb(191.3524229075, 184.0594713656, 168.1475770925);
}
svg rect.free-shareholder.free-shareholder-4 {
  fill: rgb(202.1365638767, 196.0792951542, 182.8634361233);
}
svg rect.free-shareholder.free-shareholder-5 {
  fill: rgb(212.9207048458, 208.0991189427, 197.5792951542);
}
svg rect.free-shareholder.free-shareholder-6 {
  fill: rgb(223.704845815, 220.1189427313, 212.295154185);
}
svg rect.free-shareholder.free-shareholder-7 {
  fill: rgb(234.4889867841, 232.1387665198, 227.0110132159);
}
svg rect.free-shareholder.free-shareholder-8 {
  fill: rgb(245.2731277533, 244.1585903084, 241.7268722467);
}
svg rect.free-shareholder.free-shareholder-9 {
  fill: white;
}
svg rect.unknown-shareholder {
  stroke: #9f947c;
  stroke-width: 1px;
}
svg #free-float-unknown circle {
  fill: #9f947c;
}
svg rect.histogram {
  fill: #4c4d4f;
}
svg rect.histogram--mean {
  fill: #9f947c;
}

div.chart-legend {
  display: flex;
  justify-content: center;
}
div.chart-legend div.legend-key {
  margin: 0 5px;
  list-style-type: none;
  vertical-align: middle;
  display: table;
}
div.chart-legend div.legend-key > span {
  display: table-cell;
  vertical-align: middle;
}
div.chart-legend div.legend-key i.dot {
  display: block;
  margin: 0 5px 0 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 1em;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
  min-width: 100%;
}

.site-content {
  margin-top: 40px;
  background-color: #FAFAFA;
  margin-bottom: -33px;
}

.home-panel-layout {
  padding: 5px 0;
}
.home-panel-layout .panel-header {
  margin-top: 2em;
}

.bespoke-services-data-layout {
  padding: 5px 0;
}
.bespoke-services-data-layout .panel-header {
  margin-top: 2em;
}

.bespoke-services-data-layout {
  padding: 5px 0;
}
.bespoke-services-data-layout .panel-header {
  margin-top: 2em;
}

.perspective-tile-row, .retail-property-sector-tile-row, .retail-inflation-tile-row {
  display: flex;
  margin: 0.5em 0 72px -1em;
  flex-wrap: wrap;
  margin-bottom: 0%;
}
.perspective-tile-row .ui.image, .retail-property-sector-tile-row .ui.image, .retail-inflation-tile-row .ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
  max-width: 100%;
}

.perspective-tile-cell {
  flex: 0 0 50%;
  padding: 0.5em 0 0 1em;
}

@media (min-width: 1200px) {
  .research-tile-cell {
    flex: 0 0 25%;
  }
}

.loading-tile {
  flex: 1;
  padding: 0.5em 0 0 1em;
}

.perspective-tile, .retail-property-sector-tile, .retail-inflation-tile {
  border: 2px solid #162449;
  /* box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.06); */
  height: 70%;
}
.perspective-tile a, .retail-property-sector-tile a, .retail-inflation-tile a {
  color: #162449;
}
.perspective-tile__body, .retail-property-sector-tile__body, .retail-inflation-tile__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.perspective-tile__title, .retail-property-sector-tile__title, .retail-inflation-tile__title {
  border-bottom: 2px solid #162449;
  text-align: center;
  padding: 5px;
  background-color: #162449;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.perspective-tile__content, .retail-property-sector-tile__content, .retail-inflation-tile__content {
  padding: 15px;
  background-color: #FFFFFF;
  flex: 1 0 auto;
}
.perspective-tile__content .item .ui.image, .retail-property-sector-tile__content .item .ui.image, .retail-inflation-tile__content .item .ui.image {
  height: 1em;
}
.perspective-tile__action, .retail-property-sector-tile__action, .retail-inflation-tile__action {
  text-align: center;
  background-color: #44b28d;
  color: #FFFFFF;
  padding: 5px;
}

a.re-tile__title {
  color: #ffffff;
}

.perspective-grid-cell {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  grid-template-rows: auto;
  background-color: #162449;
  padding: 32px;
}

.perspective-grid-item {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 12px;
}

.perspective-grid-item__timestamp {
  font-size: 12px;
  color: #999;
  margin-bottom: 8px;
}

.perspective-grid-item__body {
  text-decoration: none;
  color: inherit;
  flex-grow: 1;
}

.perspective-grid-item__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

.perspective-grid-item__content {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
}

.perspective-grid-item__action {
  margin-top: auto;
  text-align: right;
  font-size: 14px;
  color: #007bff;
  cursor: pointer;
}

.horizontal-group {
  display: flex;
  flex-direction: row;
  gap: 0;
  /* Adds space between the horizontally aligned items */
}

.ui.segment {
  background-color: #189D6C;
  padding: 30px;
  padding-bottom: 80px;
}

.ui.segment h1 {
  color: white;
  font-size: large;
  text-align: center;
}

.ui.segment p {
  color: white;
  font-size: small;
  text-align: center;
}

.ui.segment-market {
  width: -webkit-fill-available;
  background-color: #189D6C;
  text-align: center;
  padding-bottom: 70px;
  margin-bottom: 4px;
}
.ui.segment-market h1 {
  text-align: center;
}
.ui.segment-market {
  color: white;
}

p {
  color: white;
}

.ui.ui.segment-landing {
  height: 450px;
  background-color: white;
  margin-bottom: 0px;
}
.ui.ui.segment-landing .ui.image.homepage-image {
  height: 450px;
  width: 100%;
  padding-bottom: 0%;
}

.ui.segment-explore-shares {
  width: 100%;
  background-color: #050A30;
  background-image: url("");
  width: -webkit-fill-available;
}
.ui.segment-explore-shares h1 {
  margin-top: 5%;
  color: white;
  font-size: 40px;
  text-align: center;
  margin-bottom: 2%;
}
.ui.segment-explore-shares h1 .highlight {
  color: #448FCC;
  font-weight: bold; /* Optional: make it bold */
}
.ui.segment-explore-shares .rectangular-button {
  background-color: #189D6C;
  margin-left: 41%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2%;
  padding-left: 30px;
}

.ui.segment-ai-sens {
  width: 100%;
  align-items: center;
  margin-left: 110px;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ui.segment-ai-sens .earnings-title {
  font-weight: bold;
  font-size: 32px;
  margin-left: 120px;
  width: 100%;
  color: white;
}
.ui.segment-ai-sens h2 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 200;
  width: 111%;
  color: #fafafa;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ui.segment-ai-sens .fade-in {
  animation: fadeIn 5s ease-in-out;
}
.ui.segment-ai-sens .fade-out {
  animation: fadeOut 5s ease-in-out;
}
.ui.segment-ai-sens .snippet-card {
  display: inline-block;
  background-color: whitesmoke;
  margin: 10px 40px 100px 40px;
  width: 250px;
  height: 210px;
  border: 1px dotted #a9b1cb;
  padding: 15px;
  border-radius: 7px;
  vertical-align: top;
  position: relative;
  flex: 1 1 calc(25% - 50px);
  box-sizing: border-box;
}
.ui.segment-ai-sens .snippet-card h5 {
  font-size: 0.9em;
  color: #757575;
  margin-left: 75px;
  margin-top: -20px;
}
.ui.segment-ai-sens .snippet-card h4 {
  margin-top: 80px;
  color: #757575;
  position: absolute; /* or use 'fixed' if you want it to stay in the same place even when scrolling */
  top: 90px; /* Adjust this value to match your desired position */
  left: 20px; /* Adjust this value to align horizontally */
  width: 100%; /* Ensure it spans the full width if needed */
}
.ui.segment-ai-sens .snippet-card p {
  font-size: medium;
  color: #162449;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 20px;
}
.ui.segment-ai-sens .snippet-card .ui.button.primary {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #448FCC;
  color: #FAFAFA;
  font-weight: bold;
  font-size: 0.85em;
  border: none;
  padding: 7.5px 12px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 38px;
}
.ui.segment-ai-sens .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  cursor: pointer;
}
.ui.segment-ai-sens .ui.modal.transition.visible.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  max-height: 55vh;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1100;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
.ui.segment-ai-sens .ui.modal.transition.visible.active .header {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.ui.segment-ai-sens .ui.modal.transition.visible.active .content {
  flex-grow: 1;
  overflow-y: auto;
}
.ui.segment-ai-sens .ui.modal.transition.visible.active .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #448FCC;
}
.ui.segment-ai-sens .ui.modal {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 800px;
  height: 700px;
  background-color: #448FCC;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  padding: 15px;
  overflow: auto;
}
.ui.segment-ai-sens .ui.modal.visible.active {
  display: block;
}
.ui.segment-ai-sens .ui.modal .header {
  font-size: 1.2em;
  color: #162449;
  margin-bottom: 15px;
}
.ui.segment-ai-sens .ui.modal .content {
  font-size: 1em;
  color: #162449;
  line-height: 1.5;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 10px;
}
.ui.segment-ai-sens .ui.modal .content .ui.list {
  padding-left: 20px;
}
.ui.segment-ai-sens .ui.modal .content .ui.list li {
  margin-bottom: 5px;
}
.ui.segment-ai-sens .ui.modal .actions {
  text-align: right;
  padding-top: 10px;
}
.ui.segment-ai-sens .ui.modal .actions .ui.button.primary {
  margin-top: 10px;
  position: fixed;
}

@media (max-width: 1280px) {
  .ui.segment-ai-sens .snippet-card {
    width: 220px; /* Adjust as needed */
    height: auto;
  }
  .ui.segment-ai-sens h2 {
    font-size: 22px; /* Adjust as needed */
  }
  .ui.modal {
    width: 85%; /* Adjust as needed */
    height: 75%; /* Adjust as needed */
    top: 10%;
  }
}
@media (max-width: 1024px) {
  .ui.segment-ai-sens .snippet-card {
    width: 200px;
    height: auto;
  }
  .ui.segment-ai-sens h2 {
    font-size: 20px;
  }
  .ui.modal {
    width: 90%;
    height: 80%;
    top: 10%;
  }
}
@media screen and (max-width: 768px) {
  .ui.segment-ai-sens .snippet-card {
    width: 150x;
    margin: 10px auto;
    height: auto;
    transform: scale(0.6); /* Scale down to 80% */
    transform-origin: right left; /* Keep scaling consistent */
    width: 125%; /* Compensate for reduced scale to fill the viewport */
    overflow-x: hidden;
    /* Prevent horizontal scrolling */
  }
  .ui.segment-ai-sens h2 {
    font-size: 18px;
  }
  .ui.segment-ai-sens .ui.button.primary {
    font-size: 0.75em;
  }
  .ui.modal {
    width: 95%;
    height: 75%;
    top: 5%;
  }
}
@media (max-width: 480px) {
  .ui.segment-ai-sens .snippet-card {
    width: 120px;
  }
  .ui.segment-ai-sens h2 {
    font-size: 16px;
  }
  .ui.modal {
    width: 100%;
    height: auto;
    top: 5%;
    transform: translate(-50%, 0);
    overflow-y: auto;
  }
}
@media (max-width: 600px) {
  .ui.segment-ai-sens .snippet-card {
    width: 180px;
    margin: 10px auto;
    height: auto;
  }
  .ui.segment-ai-sens h2 {
    font-size: 16px;
  }
  .ui.segment-ai-sens .ui.button.primary {
    font-size: 0.75em;
  }
  .ui.modal {
    width: 90%;
    height: 70%;
    top: 10%;
  }
}
@media (max-width: 480px) {
  .ui.segment-ai-sens .snippet-card {
    width: 120px;
  }
  .ui.segment-ai-sens h2 {
    font-size: 16px;
  }
  .ui.modal {
    width: 100%;
    height: auto;
    top: 5%;
    transform: translate(-50%, 0);
    overflow-y: auto;
  }
}
@media (max-width: 320px) {
  .ui.segment-ai-sens .snippet-card {
    width: 100px;
    margin: 5px auto;
    height: auto;
  }
  .ui.segment-ai-sens h2 {
    font-size: 14px;
  }
  .ui.segment-ai-sens .ui.button.primary {
    font-size: 0.7em;
  }
  .ui.modal {
    width: 100%;
    height: auto;
    top: 5%;
    transform: translate(-50%, 0);
    overflow-y: auto;
  }
}
.ui.segment-earnings-call {
  width: -webkit-fill-available;
  width: 100%;
  margin-top: -10px;
}
.ui.segment-earnings-call .merged-grid-market-tools {
  background-image: url("/img/EarningsCallAnalysis_IMGBkgnd.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  width: -webkit-fill-available;
  padding-top: 3%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call .merged-grid-market-tools {
    grid-template-columns: 1fr;
    padding-top: 2%;
  }
}
.ui.segment-earnings-call .card-container {
  height: 350px;
  width: 110%;
  max-width: 450px;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
  margin-left: 9.5%;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call .card-container {
    height: auto;
    max-width: 100%;
  }
}
.ui.segment-earnings-call h1 {
  font-size: 32px;
  color: #162449;
  font-weight: bold;
  text-align: center;
  margin-left: -34%;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call h1 {
    font-size: 28px;
  }
}
.ui.segment-earnings-call h4 {
  font-size: 18px;
  padding-bottom: 5px;
  color: #162449;
  font-weight: bold;
  text-align: center;
}
.ui.segment-earnings-call h5 {
  font-size: 18px;
  font-weight: 100;
  color: #162449;
}
.ui.segment-earnings-call .p-earnings {
  font-size: 18px;
  color: gray;
}
.ui.segment-earnings-call .p-earnings *, .ui.segment-earnings-call .p-earnings :after, .ui.segment-earnings-call .p-earnings :before {
  font-size: 18px;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.ui.segment-earnings-call p {
  font-size: 16px;
  color: #162449;
  margin-left: 25%;
  margin-top: -15%;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call p {
    margin-left: 0;
    text-align: center;
  }
}
.ui.segment-earnings-call .rectangular-button {
  background-color: #448FCC;
  margin-left: 23%;
  border-radius: 5px;
  padding: 10px 25px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call .rectangular-button {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}
.ui.segment-earnings-call .rectangular-button:hover {
  background-color: #162449;
}
.ui.segment-earnings-call i.icon {
  font-size: 50px;
  color: #162449;
  text-align: center;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call i.icon {
    font-size: 40px;
  }
}
.ui.segment-earnings-call .ui.image {
  position: relative;
  height: 320px;
  width: 100%;
  max-width: 600px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ui.segment-earnings-call .ui.image {
    width: 100%;
    height: auto;
  }
}

.ui.horizontal.segments {
  background-color: white;
  padding: 250px;
}
.ui.horizontal.segments .ui.segment {
  background-color: white;
}
.ui.horizontal.segments .ui.segment .ui.segment h1 {
  color: black;
}

.img.ui.image-earn {
  display: block;
}

.ui.segment-data-explorer {
  width: 100%;
  background-image: url("/img/DataExplorer_IMGBkgnd.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px;
  padding-bottom: 20cleapx;
}
.ui.segment-data-explorer h1 {
  font-size: 32px;
  text-align: justify;
  margin-left: 10.2%;
  padding-top: 2%;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer h1 {
    font-size: 28px;
  }
}
.ui.segment-data-explorer p {
  text-align: justify;
  margin-bottom: -30px;
  margin-left: 10.2%;
  font-size: 18px;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer p {
    margin-left: 0;
    text-align: center;
  }
}
.ui.segment-data-explorer .merged-grid-market-tools {
  width: 100%;
  padding-top: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  justify-items: center;
  align-items: center;
  padding: 0 150px 180px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .ui.segment-data-explorer .merged-grid-market-tools {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 50px 150px;
  }
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .merged-grid-market-tools {
    grid-template-columns: 1fr;
    padding: 0 20px 100px;
  }
}
.ui.segment-data-explorer .card-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 200px;
  overflow: visible;
  border-radius: 12px;
  box-shadow: none;
  margin-left: -10.5%;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .card-container {
    max-width: 100%;
    height: auto;
  }
}
.ui.segment-data-explorer .info-box {
  position: absolute;
  bottom: -80%;
  left: 20px;
  right: 20px;
  background-color: #162449;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: 300px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .info-box {
    position: relative;
    bottom: 0;
    margin: 0 auto;
  }
}
.ui.segment-data-explorer .info-box h2 {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #F5F5F5;
  font-weight: bold;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .info-box h2 {
    font-size: 14px;
  }
}
.ui.segment-data-explorer .info-box p {
  margin: 0 0 15px 0;
  font-size: 14px;
  color: #F5F5F5;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .info-box p {
    font-size: 12px;
  }
}
.ui.segment-data-explorer .info-box .learn-more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #F5F5F5;
  font-size: 12px;
  margin-bottom: 10px;
  text-decoration: underline;
}
.ui.segment-data-explorer .info-box .learn-more::after {
  content: "";
  margin-left: 5px;
  font-size: 15px;
}
.ui.segment-data-explorer .card-image-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100px;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .card-image-container {
    height: auto;
  }
}
.ui.segment-data-explorer .card-image-email {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  align-self: center;
  margin-bottom: 5%;
  margin-left: 25%;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .card-image-email {
    margin: 0 auto;
  }
}
.ui.segment-data-explorer .card-image {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  align-self: center;
  margin-bottom: 5%;
  margin-left: 27%;
}
@media (max-width: 768px) {
  .ui.segment-data-explorer .card-image {
    margin: 0 auto;
  }
}

.ui.segment-landing {
  width: 100%;
  width: -webkit-fill-available;
  background-color: #162449;
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  gap: 64px; /* Adds spacing between each grid item */
  justify-content: space-between; /* Aligns items with even spacing */
  padding: 32ox;
  box-sizing: border-box;
  margin-top: -5%;
  margin-bottom: 4px;
}
.ui.segment-landing img.ui.image {
  width: 100%;
  display: block;
}
.ui.segment-landing .ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
  min-width: 100%;
  width: -webkit-fill-available;
  width: 100%;
}
.ui.segment-landing .ui.image.homepage-image {
  width: 100%;
}
.ui.segment-landing .ui.image.homepage-image img {
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 150px;
}

.merged-grid-market-tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
  justify-items: center;
  align-items: center;
  padding: 100px;
  box-sizing: border-box;
  margin-top: 0.5em;
}

.merged-grid-market-tools h1 {
  font-size: 20px;
  color: hsl(0, 0%, 99%);
}

.merged-grid-market-tools p {
  margin: 0 0 10px 0;
  font-size: 10px;
  color: hsl(0, 0%, 99%);
}

h1 {
  color: white;
}

p {
  color: #FFFFFF;
}

.rectangular-button {
  background-color: #DAB157;
  height: 1cm;
  width: 5cm;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  justify-content: space-between;
}
.rectangular-button .custom-arrow {
  width: 20px;
  height: 20px;
  fill: white;
}

.rectangular-button svg {
  margin-right: 4px;
  fill: currentColor;
}

/* styles.scss */
.ui.vertical.menu.sidebar-main {
  left: 0;
  width: 300px;
  height: 100%;
  position: fixed;
  top: 8vh;
  left: 0%;
  background-color: #162449;
  transition: left 0.9s ease-in;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ui.vertical.menu.sidebar-main .item {
  margin-top: 0px;
  margin-bottom: -8px;
  font-weight: bold;
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.9s ease;
  width: 100%;
  text-align: justify;
  font-size: 17px;
  font-weight: bold;
}
.ui.vertical.menu.sidebar-main .item .item.heading {
  font-size: large;
}
.ui.vertical.menu.sidebar-main .item .sub-items {
  display: none;
  padding-left: 20px;
  background-color: none;
  width: 100%;
  text-align: justify;
}
.ui.vertical.menu.sidebar-main.visible {
  left: 0;
}
.ui.vertical.menu.sidebar-main .overlay {
  transition: opacity 0.5s ease;
}

.ui.icon.button {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 20px;
  color: #DAB157;
  position: fixed;
  left: 20px;
}
.ui.icon.button i.bars.icon, .ui.icon.button i.close.icon {
  font-size: 2.8rem;
  font-weight: -5000;
  width: auto;
}
.ui.icon.button .ui.icon.button i.bars.icon::before {
  content: "\f0c9";
  width: 3.8em;
  letter-spacing: 0.9em;
}
.ui.icon.button .ui.vertical.sidebar.menu > .item:first-child:before {
  display: none;
}

.card-container {
  position: relative;
  width: 350px;
  max-width: 600px;
  height: 190px;
  overflow: visible;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card-container .info-box p {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #666;
  text-align: justify;
}

.card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.info-box {
  position: absolute;
  bottom: -60%;
  left: 20px;
  right: 20px;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.info-box h2 {
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #333;
}

.learn-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #0066cc;
  font-size: 15px;
}

.learn-more::after {
  content: "";
  margin-left: 10px;
}

.ui.segment-labs {
  width: 100%;
  height: auto;
  background-image: url("/img/MarketTools-NavigareLabs_IMGBkgnd.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ui.segment-labs h1, .ui.segment-labs p {
  text-align: justify;
  margin-left: 10.5%;
}
.ui.segment-labs h1 {
  color: #FAFAFA;
  font-size: 32px;
  font-weight: bold;
  padding-top: 2.5%;
}
.ui.segment-labs p {
  font-size: 18px;
  margin-bottom: 2%;
}
.ui.segment-labs .merged-grid-labs {
  padding-top: 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  justify-items: center;
  align-items: center;
  padding: 0 150px 180px;
  box-sizing: border-box;
}
.ui.segment-labs .merged-grid-labs .card-container {
  position: relative;
  width: 100%;
  max-width: 350px;
  height: 190px;
  overflow: visible;
  border-radius: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ui.segment-labs .merged-grid-labs .info-box {
  position: absolute;
  bottom: -60%;
  left: 20px;
  right: 20px;
  background-color: #F5F5F5;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  width: 315px;
  height: 180px;
}
.ui.segment-labs .merged-grid-labs .info-box h2 {
  font-size: 16px;
  font-weight: bold;
  color: #162449;
  text-align: center;
}
.ui.segment-labs .merged-grid-labs .info-box p {
  text-align: left;
  font-size: 14px;
  margin-left: 20px;
  color: #162449;
  padding-bottom: 5%;
}
.ui.segment-labs .merged-grid-labs .info-box .ui.button.learn-more {
  margin-top: 0px;
  background-color: #162449;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-flex;
}
.ui.segment-labs .merged-grid-labs .info-box .ui.button.learn-more i.icon {
  margin-left: 8px;
}
.ui.segment-labs .merged-grid-labs .info-box .ui.button.learn-more:focus {
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.ui.segment-labs .merged-grid-labs .card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
@media (max-width: 1200px) {
  .ui.segment-labs .merged-grid-labs {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 50px 150px;
  }
}
@media (max-width: 768px) {
  .ui.segment-labs .merged-grid-labs {
    grid-template-columns: 1fr;
    padding: 0 20px 100px;
  }
  .ui.segment-labs h1, .ui.segment-labs p {
    margin-left: 0;
    text-align: center;
  }
}

.footer {
  background-color: #162449;
  color: #F5F5F5;
  padding: 40px 0;
  font-family: Arial, sans-serif;
}
.footer .footer-content {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  flex-wrap: wrap;
}
.footer .footer-left {
  flex: 1;
  min-width: 200px;
  margin-bottom: 20px;
}
.footer .footer-left .social {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
.footer .footer-left .social span {
  margin-bottom: 10px;
}
.footer .footer-left .social a button {
  background-color: #F5F5F5;
  color: #0077B5;
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.footer .footer-left .social a button i.icon.linkedin.in {
  font-size: 24px;
  margin-right: 5px;
}
.footer .footer-links {
  display: flex;
  justify-content: space-around;
  flex: 2;
  min-width: 400px;
  text-align: center;
}
.footer .footer-links .column {
  flex: 1;
  margin: 0 20px;
}
.footer .footer-links .column h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer .footer-links .column ul {
  list-style: none;
  padding: 0;
}
.footer .footer-links .column ul li {
  font-size: 14px;
  margin-bottom: 8px;
  color: #D3D3D3;
}
.footer .footer-contact {
  flex: 1;
  min-width: 250px;
  text-align: center;
}
.footer .footer-contact h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer .footer-contact ul {
  list-style: none;
  padding: 0;
}
.footer .footer-contact ul li {
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer-contact ul li i.icon {
  font-size: 18px;
  margin-right: 8px;
  color: #F5F5F5;
}
.footer .footer-bottom {
  border-top: 1px solid #4A4A4A;
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #D3D3D3;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .footer .footer-content {
    flex-direction: column;
    align-items: center;
  }
  .footer .footer-left, .footer .footer-links, .footer .footer-contact {
    text-align: center;
    margin-bottom: 20px;
  }
  .footer .footer-links {
    flex-direction: column;
  }
  .footer .footer-links .column {
    margin: 0;
  }
}

.ui.toggle.checkbox.ngp-terms {
  background-color: #162449;
  color: #fff;
}
.ui.toggle.checkbox.ngp-terms label {
  color: #fff;
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
  background-color: #ccc !important;
}

.ui.toggle.checkbox.ngp-terms input:focus:checked ~ label {
  color: #fff !important;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.jse-panel-layout .panel-header-global-ternds h2 {
  font-size: 32px;
  color: #162449;
  text-align: center;
  margin-top: 20px;
}
.jse-panel-layout .panel-header-global-ternds p {
  margin: 15px;
  font-size: 18px;
  color: #162449;
  text-align: center;
  margin-bottom: 20px;
}
.jse-panel-layout {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.jse-panel-layout .input {
  border-radius: 7px;
}
.jse-panel-layout .ui.search .prompt {
  border-radius: 7px;
  width: 400px;
}
.jse-panel-layout .ui.search .prompt::placeholder {
  color: #ccc;
  font-style: italic;
}

.jse-panel-layout {
  padding: 40px;
}
.jse-panel-layout .ui.breadcrumb a {
  color: #448fcc;
}
.jse-panel-layout .ui.list .item a {
  color: #162449;
}

.share-panel {
  width: 100%;
}
.share-panel h2, .share-panel p {
  color: #162449;
  text-align: center;
}
.share-panel h2 {
  margin-top: 18px;
}
.share-panel p {
  margin-bottom: 2%;
  font-size: 18px;
}
.share-panel .ui.fluid.container {
  background-color: #Dae9f5;
  margin-top: 0;
  border-radius: 10px;
  width: 1756.38px;
  height: 63px;
  padding: 10px;
  align-items: center;
  margin-left: 10px; /* Reduced from 10px to 5px */
}
.share-panel .search-container {
  background-color: #DAE9F5;
  margin-top: 10px;
  margin-left: 4px;
  padding: 10px;
  border-radius: 10px;
}
.share-panel .ui.grid {
  width: 102%;
}
.share-panel .ui.tabular.menu.black-tabs-shares {
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  margin: 10px;
  margin-bottom: 4%;
  background-color: #dedede;
}
.share-panel .ui.tabular.menu.black-tabs-shares .item {
  color: whitesmoke;
  font-weight: bold;
  font-size: 14PX;
  width: 32%;
  padding-left: 12%;
}
.share-panel .ui.tabular.menu.black-tabs-shares {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 4px;
  margin-right: 4px;
  /* Styles for active item */
}
.share-panel .ui.tabular.menu.black-tabs-shares .active.item {
  background-color: #162449;
  color: #FFFFFF;
  border-radius: 7px !important;
  font-weight: 18px;
  text-align: justify;
}
.share-panel .ui.tabular.menu.black-tabs-shares .active.item:hover {
  color: white; /* Change text color to ochre */
  font-weight: bold; /* Make text bold on hover */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow effect */
}
.share-panel .ui.tabular.menu.black-tabs-shares {
  /* Styles for non-active items */
}
.share-panel .ui.tabular.menu.black-tabs-shares .item {
  background-color: #dedede; /* Default white background */
  color: #162449; /* Dark blue text */
  border-radius: 7px; /* Slightly rounded corners */
  font-weight: 18px;
  text-align: center;
}
.share-panel .ui.tabular.menu.black-tabs-shares .item:hover {
  background-color: #162449; /* Light blue background on hover */
  color: #fafafa; /* Change text color to dark green */
  border-color: rgb(47.3571428571, 117, 173.6428571429); /* Slightly darker border */
  font-weight: bold; /* Make text bold on hover */
  transform: scale(1.02); /* Slightly enlarge on hover */
}
.share-panel .ui[class*="one column"].grid > .column:not(.row), .share-panel .ui[class*="one column"].grid > .row > .column {
  width: 100%;
}
.share-panel .jse.shareholder-search {
  min-width: 100px;
}
.share-panel .jse.shareholder-search > input, .share-panel .jse.shareholder-search > .default.text {
  min-width: 100px;
}
.share-panel .right.menu .item {
  text-transform: capitalize;
  font-weight: bold;
  font-size: initial;
}
.share-panel .right.menu .ui.search .prompt {
  margin-right: -5%;
  background-color: 0;
}
.share-panel .right.menu .ui.search-search-owner {
  background-color: #000000;
}
.share-panel {
  /* Base styles for the menu - this will be a fallback if none of the media queries match */
}
.share-panel .custom-menu {
  background-color: #f0f0f0;
  padding: 10px;
  padding-left: 66%; /* Default fallback padding */
  border-radius: 5px;
}
.share-panel {
  /* Specifically target 1600x900 resolution */
}
@media screen and (max-width: 1600px) and (max-width: 1919px) {
  .share-panel .custom-menu {
    padding-left: 60%; /* For 1600x900 */
  }
}
.share-panel {
  /* Specifically target 1920x1080 resolution */
}
@media screen and (min-width: 1920px) {
  .share-panel .custom-menu {
    padding-left: 66%; /* For 1920x1080 and larger */
  }
}
.share-panel .custom-sub {
  margin-left: 20px;
  margin-right: -10px;
}
.share-panel .custom-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.share-panel .custom-label {
  font-weight: bold;
  margin-right: 10px;
  text-transform: capitalize;
}
.share-panel .custom-dropdown {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  width: 200px;
}
.share-panel .ui.inline.dropdown {
  cursor: pointer;
  color: inherit;
  background-color: #fafafa;
  border-radius: 7px;
  width: 180px;
  position: relative;
  font-size: medium;
}
.share-panel {
  /* Related transactions table */
}
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(2),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(3),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(4),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(2) th:nth-child(1),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(2) th:nth-child(4),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(2) th:nth-child(6),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table tbody td:nth-child(2),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table tbody td:nth-child(3),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table tbody td:nth-child(4),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table tbody td:nth-child(7),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table tbody td:nth-child(9) {
  border-left: 1px solid rgba(35, 35, 35, 0.1);
}
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(4),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(5),
.share-panel .ui.structured.sortable.table.jse-weights-deltas-table thead tr:nth-child(1) th:nth-child(6) {
  border-bottom: 1px solid rgba(35, 35, 35, 0.1);
}
.share-panel {
  /* Position change labels */
}
.share-panel .label.position-down, .share-panel .label.position-up {
  white-space: nowrap;
}
.share-panel .ui.segment p {
  color: #000000;
}
.share-panel .ui.segment {
  border: 2px solid #189D6C;
}
.share-panel {
  /* Provisional risk index */
}
.share-panel .ui.segment.provisional-risk-index {
  border-width: 3px;
  border: 2px solid #189D6C;
}
.share-panel .provisional-risk-index {
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-panel .provisional-risk-index > div, .share-panel .provisional-risk-index > h2, .share-panel .provisional-risk-index > a {
  flex: 1 1 auto;
  align-self: middle;
}
.share-panel .provisional-risk-index h2 {
  font-size: 1.1em;
  padding-right: 2em;
  text-align: center;
  margin: 0;
}
.share-panel .provisional-risk-index a {
  color: #1B1C1D;
}
.share-panel .provisional-risk-index .index-value {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
.share-panel .provisional-risk-index .index-operator {
  flex: 1 1 auto;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.share-panel .provisional-risk-index .label {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}
.share-panel table.share-shareholders tr.asset-manager.expanded {
  background: white;
}
.share-panel table.share-shareholders tr.asset-manager.expanded td:first-child {
  border-left: 1px solid #4c4d4f;
}
.share-panel table.share-shareholders tr.asset-manager.expanded td:last-child {
  border-right: 1px solid #4c4d4f;
}
.share-panel table.share-shareholders tr.asset-manager.expanded td {
  border-top: 1px solid #4c4d4f;
  border-bottom: 1px solid rgb(204.0322580645, 204.6774193548, 205.9677419355);
}
.share-panel table.share-shareholders tr.asset-manager.expanded ~ .fund td:first-child {
  border-left: 1px solid #4c4d4f;
}
.share-panel table.share-shareholders tr.asset-manager.expanded ~ .fund td:last-child {
  border-right: 1px solid #4c4d4f;
}
.share-panel table.share-shareholders tr.fund + tr:not(.fund) td {
  border-top: 1px solid #4c4d4f;
}
.share-panel table.share-shareholders tr.fund:last-child td {
  border-bottom: 1px solid #4c4d4f;
}

.ui.table.data-table, .ui.structured.table.data-table {
  border: none;
  background-clip: content-box;
  background: rgb(247.85, 247.85, 247.85);
}

.ui.button-back-search {
  background-color: white;
  border: 1px solid green;
  border-radius: 15px;
  padding: 12px;
  margin-left: 35px;
  color: #189D6C;
  width: 200px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.ui.button-back-search:hover {
  background-color: #189D6C;
  color: #FAFAFA;
  font-weight: bold;
}

button[icon=plus] {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid gray;
  border-radius: 0.1rem;
  background: transparent;
  cursor: pointer;
  position: relative;
}
button[icon=plus]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
button[icon=plus]::before {
  content: "";
  width: 0.5rem;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  color: gray;
}
button[icon=plus]::after {
  content: "";
  width: 1px;
  height: 0.5rem;
  background-color: currentColor;
  position: absolute;
  color: gr;
}

button[icon=minus] {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid currentColor;
  border-radius: 0.1rem;
  background: transparent;
  cursor: pointer;
}
button[icon=minus]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
button[icon=minus]::before {
  content: "";
  width: 2rem;
  height: 2px;
  background-color: currentColor;
}

.ui.sub.header {
  background-color: transparent;
  color: "";
}

.ui.search > .results .result .price {
  float: right;
  padding-right: 15px;
  color: #21ba45;
}

.ui.category.search .results {
  width: 37em;
}

.ui.search > .results .result .price {
  float: right; /* Keeps the price aligned to the right */
  padding-right: 15px; /* Adds spacing on the right */
  color: #21ba45; /* Sets the text color */
  display: inline-flex; /* Ensures horizontal alignment */
  align-items: center; /* Vertically centers the content */
  white-space: nowrap; /* Prevents wrapping of text */
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.drive-panel-layout {
  padding: 1em 0;
}
.drive-panel-layout .ui.breadcrumb a {
  color: #448fcc;
}

.drive__icon-header {
  padding-left: 1.5em;
}
.drive__icon-header .icon {
  float: left;
  display: block;
  margin-left: -1.5em;
  font-size: 1.28571429em;
}
.drive__no-contents {
  margin: 0.875em 0.75em;
  color: #767676;
  font-style: italic;
}

.drive-item {
  text-align: center;
  display: block;
  padding: 5px 4px;
  border: 2px solid transparent;
}
.drive-item__icon {
  line-height: 2em;
}
.drive-item__icon i {
  margin: 0;
  font-size: 2em;
}
.drive-item__name {
  color: #1B1C1D;
}
.drive-item__description {
  color: rgb(125.5357142857, 130, 134.4642857143);
  margin-top: 0.2em;
}
.drive-item.active {
  border: 2px solid #4c4d4f;
  background-color: #FFFFFF;
}
.drive-item.active .drive-item__name {
  color: #e17c22;
}

.drive-side-panel__meta {
  padding: 10px 7px;
  background-color: #ffedc5;
}
.drive-side-panel__meta .ui.icon.header {
  display: block;
}
.drive-side-panel__meta__download {
  text-align: center;
}

i.excel.icon {
  color: #2C764D;
}

i.word.icon {
  color: #36609D;
}

i.pdf.icon {
  color: #D10915;
}

i.powerpoint.icon {
  color: #D14C32;
}

i.folder.icon {
  color: #e17c22;
}

.ui.container.geo-panel-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ui.container.geo-panel-layout .ui.segment {
  flex: 1 0 auto;
  height: 100%;
  padding: 0;
}
.ui.container.geo-panel-layout iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 700px;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.inflation-segment {
  overflow-x: scroll;
}

table.inflation tr.depth-1 td:first-child i.icon {
  margin-left: 1.18em;
}
table.inflation tr.depth-1 td:first-child span.leaf {
  display: inline-block;
  margin-left: 1.18em;
  margin-right: 0.25rem;
}
table.inflation tr.depth-2 td:first-child i.icon {
  margin-left: 2.36em;
}
table.inflation tr.depth-2 td:first-child span.leaf {
  display: inline-block;
  margin-left: 2.36em;
  margin-right: 0.25rem;
}
table.inflation tr.depth-3 td:first-child i.icon {
  margin-left: 3.54em;
}
table.inflation tr.depth-3 td:first-child span.leaf {
  display: inline-block;
  margin-left: 3.54em;
  margin-right: 0.25rem;
}
table.inflation tr.depth-4 td:first-child i.icon {
  margin-left: 4.72em;
}
table.inflation tr.depth-4 td:first-child span.leaf {
  display: inline-block;
  margin-left: 4.72em;
  margin-right: 0.25rem;
}
table.inflation tr.depth-5 td:first-child i.icon {
  margin-left: 5.9em;
}
table.inflation tr.depth-5 td:first-child span.leaf {
  display: inline-block;
  margin-left: 5.9em;
  margin-right: 0.25rem;
}
table.inflation tr.depth-0.expanded td:first-child {
  border-left: 1px solid #4c4d4f;
}
table.inflation tr.depth-0.expanded td:last-child {
  border-right: 1px solid #4c4d4f;
}
table.inflation tr.depth-0.expanded td {
  border-top: 1px solid #4c4d4f;
  border-bottom: 1px solid rgb(204.0322580645, 204.6774193548, 205.9677419355);
}
table.inflation tr.depth-0.expanded ~ tr:not(.depth-0) td:first-child {
  border-left: 1px solid #4c4d4f;
}
table.inflation tr.depth-0.expanded ~ tr:not(.depth-0) td:last-child {
  border-right: 1px solid #4c4d4f;
}
table.inflation tr:not(.depth-0) + tr.depth-0 td {
  border-top: 1px solid #4c4d4f;
}
table.inflation tr.expanded ~ tr:not(.depth-0):last-child td {
  border-bottom: 1px solid #4c4d4f;
}
table.inflation td:first-child div {
  width: 250px;
}
table.inflation td:first-child div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
table.inflation.ui.table th.data-point-at {
  border-left: 3px solid transparent;
}

.inflation-data-point {
  position: relative;
  border-bottom: 2px solid transparent;
}
.inflation-data-point .details {
  display: none;
  position: absolute;
  bottom: 2em;
  left: 0px;
  width: 150px;
  background-color: #f7f7f7;
  border: 1px solid #4c4d4f;
  padding: 5px;
}
.inflation-data-point .details ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.inflation-data-point .details ul li {
  text-align: left;
}
.inflation-data-point .details ul li span {
  float: right;
}
.inflation-data-point:hover {
  border-bottom: 2px solid #4c4d4f;
}
.inflation-data-point:hover .details {
  display: block;
}
.inflation-data-point.gap .ui.basic.label::after {
  content: " *";
}
.inflation-data-point.gap .ui.basic.label {
  color: #4c4d4f !important;
}

td:last-child .inflation-data-point .details {
  right: 0px;
  left: auto;
}

.hq-app .site-header {
  height: 73px;
}
.hq-app .nav-logged-out h1 {
  line-height: 73px;
}
.hq-app header + main {
  margin-top: 73px;
}

.field + .shareholders-form__options-row.grid,
.fields + .shareholders-form__options-row.grid,
.shareholders-form__options-row.grid + .fields,
.shareholders-form__options-row.grid + .field {
  margin-top: 1rem;
}

.shareholders-form__options-row > .row {
  padding: 0 !important;
  margin: 0 0 1em !important;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.sentences {
  line-height: "150%";
  font-size: "105%";
}

.negative-sentence-highlight:hover {
  text-decoration: underline;
  cursor: pointer;
}

.positive-sentence-highlight:hover {
  text-decoration: underline;
  cursor: pointer;
}

#sentence-highlight:hover {
  cursor: pointer;
}

.sentiment-sentence:hover {
  cursor: pointer;
}

#entity-mentions rect:hover {
  cursor: pointer;
}

svg .chart-header {
  text-transform: capitalize;
}

svg .points circle {
  cursor: pointer;
}

.sentiment-sentence {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.entity-word {
  font-weight: bolder;
  cursor: pointer;
  text-decoration-style: dashed;
  text-decoration: underline;
}

.nlp tr:nth-child(even) {
  background-color: rgb(235.652173913, 246.847826087, 242.8260869565);
}

.ui.celled.table tr:nth-child(odd) {
  background-color: white;
}

.ui.input input[type=text] {
  padding-right: 30px;
  border-radius: 7px;
}

.ui.large.search {
  background-color: #DAE9F5;
  border-radius: 7px;
  padding: 10px;
}
.ui.large.search .input {
  width: 400px;
  border-radius: 7px;
}

.ui.celled.table th, .ui.celled.table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  width: 10px;
  font-size: small;
  border-right: transparent;
}

ui.celled.table tr td, .ui.celled.table tr th {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  background-color: #162449;
  color: white;
  width: max-content;
}

.ui.celled.table th, .ui.celled.table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  width: max-content;
}

.transcript-section {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 390;
}

svg .y-label {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

svg .axis {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

svg .axis--x {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

svg .axis--y {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

#call-transcript {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#call-summary {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 17px;
}

#mentions-cloud {
  position: relative;
  background: "#fff";
  box-shadow: 0 1px 2px;
  padding: 10em 10em;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.header h1 {
  font-size: 24px;
  margin: 0;
}

.header h2 {
  font-size: 18px;
  margin: 0;
}

.search-symbol input {
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.content {
  display: flex;
}

.side-menu-container {
  width: 200px;
  background-color: #f5f5f5;
  padding: 20px;
  border-right: 1px solid #ddd;
}

.side-menu .menu-item {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.side-menu .menu-item.active {
  background-color: #ddd;
}

.main-content {
  flex: 1;
  padding: 20px;
}

.section {
  margin-bottom: 40px;
}

.section h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.description p {
  font-size: 14px;
  color: #666;
}

.chart {
  margin-top: 20px;
}

.sentences {
  margin-top: 20px;
}

.word-cloud {
  margin-top: 20px;
}

.summary {
  margin-top: 20px;
}

.transcript {
  margin-top: 20px;
}

ui.tabular.menu.black-tabs-weight {
  gap: 10px;
  border-bottom: 2px solid #162449;
  padding: 10px;
  border-radius: 7px;
  margin: 10px;
  margin-bottom: 4%;
}
ui.tabular.menu.black-tabs-weight .item {
  color: whitesmoke;
  font-weight: bold;
  font-size: 14PX;
  padding-right: 190px;
  width: 25%;
}

.ui.tabular.menu.black-tabs-weight {
  margin-top: 2%;
  padding: 10px;
  background-color: #dedede;
  border-radius: 7px;
}
.ui.tabular.menu.black-tabs-weight .item {
  width: 400px;
  text-align: center;
  margin-right: 20px;
}
.ui.tabular.menu.black-tabs-weight {
  /* Styles for active item */
}
.ui.tabular.menu.black-tabs-weight .active.item {
  background-color: #162449;
  color: #FFFFFF;
  border-radius: 7px !important;
  font-weight: 18px;
}
.ui.tabular.menu.black-tabs-weight .active.item:hover {
  color: white; /* Change text color to ochre */
  font-weight: bold; /* Make text bold on hover */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow effect */
}
.ui.tabular.menu.black-tabs-weight {
  /* Styles for non-active items */
}
.ui.tabular.menu.black-tabs-weight .item {
  background-color: #dedede; /* Default white background */
  color: #162449; /* Dark blue text */
  border-radius: 7px; /* Slightly rounded corners */
  font-weight: 18px;
  text-align: center;
}
.ui.tabular.menu.black-tabs-weight .item:hover {
  background-color: #162449; /* Light blue background on hover */
  color: #fafafa; /* Change text color to dark green */
  border-color: rgb(47.3571428571, 117, 173.6428571429); /* Slightly darker border */
  font-weight: bold; /* Make text bold on hover */
  transform: scale(1.02); /* Slightly enlarge on hover */
}

.ui.segment {
  background-color: white;
}

.iu.search {
  border: 3px solid black;
}

h2 {
  color: #162449;
}

.ui.tabular.menu.black-tabs-calls {
  margin-top: 2%;
  padding: 0px;
  background-color: #dedede;
  border-radius: 7px;
  position: sticky; /* Add this line */
  top: 100px; /* Add this line */
  z-index: 1000; /* Add this line to ensure it stays above other content */
}

.ui.tabular.menu.black-tabs-calls .item {
  width: 200px;
  text-align: center;
  margin-right: 0px;
}

/* Styles for active item */
.ui.tabular.menu.black-tabs-calls .active.item {
  background-color: #162449;
  color: #FFFFFF;
  border-radius: 7px !important;
  font-weight: 18px;
}

.ui.tabular.menu.black-tabs-calls .active.item:hover {
  color: white;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Styles for non-active items */
.ui.tabular.menu.black-tabs-calls .item {
  background-color: #dedede;
  color: #162449;
  border-radius: 7px;
  font-weight: 18px;
  text-align: center;
}

.ui.tabular.menu.black-tabs-calls .item:hover {
  background-color: #162449;
  color: #fafafa;
  border-color: rgb(47.3571428571, 117, 173.6428571429);
  font-weight: bold;
  transform: scale(1.02);
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
img.ui.image-agent1 {
  height: 100%;
  width: 100%;
  padding-bottom: px;
  margin-bottom: -20px;
}

.ui.segment-intro {
  background-color: #162449;
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  gap: 128px; /* Adds spacing between each grid item */
  justify-content: space-between; /* Aligns items with even spacing */
  padding: 32ox;
  box-sizing: border-box;
}
.ui.segment-intro .perspective-grid-cell h1 {
  font-size: -webkit-xxx-large;
  text-align: center;
}
.ui.segment-intro .perspective-grid-cell p {
  font-size: large;
  text-align: center;
}
.ui.segment-intro .rectangular-bespoke {
  background-color: #189D6C;
  height: 1cm;
  width: 5cm;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  margin-left: 30%;
  text-align: center;
  width: 200px;
  cursor: pointer;
  border-radius: 5px;
  justify-content: space-between;
  border: solid 1px yellow;
}
.ui.segment-intro .rectangular-bespoke:hover {
  background-color: #2980b9;
}
.ui.segment-intro .rectangular-bespoke .custom-arrow {
  width: 20px;
  height: 20px;
  fill: white;
}

.rectangular-bespoke {
  background-color: #189D6C;
  height: 1cm;
  width: 5cm;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  margin-left: 30%;
  text-align: center;
  width: 200px;
  cursor: pointer;
  border-radius: 5px;
  justify-content: space-between;
  border: solid 1px yellow;
}
.rectangular-bespoke:hover {
  background-color: #2980b9;
}
.rectangular-bespoke .custom-arrow {
  width: 20px;
  height: 20px;
  fill: white;
}

.rectangular-button svg {
  margin-right: 4px;
  fill: currentColor;
}

.merged-grid-bespoke-offering {
  background-color: #162449;
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  gap: 128px; /* Adds spacing between each grid item */
  justify-content: space-between; /* Aligns items with even spacing */
  padding: 32ox;
  box-sizing: border-box;
}
.merged-grid-bespoke-offering h1 {
  text-align: center;
}
.merged-grid-bespoke-offering .perspective-grid-cell h1 {
  text-align: center;
  font-size: -webkit-xxx-large;
  text-align: center;
}
.merged-grid-bespoke-offering .perspective-grid-cell p {
  font-size: large;
  text-align: center;
}

.ui.segment-offering {
  background-color: #162449;
  padding: 5px;
}
.ui.segment-offering h1.bespoke {
  color: #DAB157;
}
.ui.segment-offering h1 {
  margin-top: -20px;
  font-size: 45px;
  text-align: center;
}
.ui.segment-offering p {
  margin-top: -10px;
  text-align: center;
  font-size: large;
}

.ui.segment-demo {
  background-color: #DAB157;
}
.ui.segment-demo h3 {
  font-size: 32px;
  color: white;
  text-align: center;
  margin-bottom: 50px;
}
.ui.segment-demo .demo-btn {
  align-items: center;
  background-color: #162449;
  justify-content: center;
  color: white;
  margin-left: 45%;
  width: 180px;
  height: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}

.ui.segment-retail {
  height: 400px;
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  background-color: white;
}
.ui.segment-retail h1 {
  color: #162449;
  text-align: justify;
  font-size: 32px;
  font-weight: bold;
  padding-left: 90px;
}
.ui.segment-retail h3 {
  padding-left: 90px;
  color: #162449;
  font-size: 24px;
}
.ui.segment-retail p {
  color: #162449;
  text-align: justify;
  font-size: medium;
  font-weight: 100;
  padding-left: 90px;
}
.ui.segment-retail .stats-grid {
  grid-template-columns: 1fr;
  background-color: white;
}
.ui.segment-retail .stats {
  text-align: center;
  padding: 4rem 0;
}
.ui.segment-retail .stats-grid {
  background-color: white;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14rem;
  margin-top: 3rem;
  margin-left: 80px;
  margin-right: 80px;
  margin-bottom: 20px;
}
.ui.segment-retail .stats-item .stats-number {
  padding: 10px;
  background-color: #162449;
  border: 1px solid #162449;
  font-size: 3rem;
  color: whitesmoke;
  margin-bottom: 1rem;
  text-align: center;
}
.ui.segment-retail .stats-item .stats-label {
  height: 50px;
  margin-top: -10%;
  background-color: #162449;
  font-size: 1rem;
  color: whitesmoke;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin: 4rem 0;
}

.feature-card {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature-card .feature-card-header {
  background-color: #448FCC;
  color: white;
  text-align: center;
  margin-top: 24px;
  width: 200px;
  height: 117px;
  padding-top: 8px;
  padding-bottom: 4px;
  border-top: 23px;
}
.feature-card .feature-card-header .feature-icon {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px; /* Adjust spacing between icons */
}
.feature-card .feature-card-header .feature-icon i.icon {
  margin-top: 6%;
  font-size: 3rem; /* Adjust size as needed */
}
.feature-card-icon {
  color: white;
  font-size: 5rem;
  margin-bottom: 1rem;
  height: 25px;
}
.feature-card-icon img {
  width: 96px;
  height: 96px;
}
.feature-card-title {
  font-size: 1.25rem;
  margin-bottom: 3rem;
}
.feature-card-list {
  list-style: none;
  padding: 0;
}
.feature-card-list li {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.ui.segment-geo {
  background-color: #162449;
  padding: 10px;
  padding-left: 150px;
}
.ui.segment-geo .features-grid {
  position: relative;
}
.ui.segment-geo .feature-card {
  padding-top: 0px;
  background-color: #448FCC;
  border: 1px solid black;
  border-radius: 0%;
  margin-top: 25px;
  margin-left: -180px;
  height: 290px;
  width: 500px;
  position: relative;
  color: white;
}
.ui.segment-geo .feature-title {
  font-size: 24px;
  margin-top: -20%;
  margin-right: -250px;
}
.ui.segment-geo .description {
  margin-top: -15%;
  margin-left: 5%;
}
.ui.segment-geo .feature-extra-title {
  margin-right: 20px;
  font-size: 16px;
  margin-left: 5%;
}
.ui.segment-geo .feature-list {
  text-align: justify;
  margin-bottom: 52px;
  font-size: 16px;
  margin-top: -2%;
}

.ui.segment-shareholder-report {
  background-color: white;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.ui.segment-shareholder-report h1 {
  text-align: justify;
  margin-left: -150px;
  color: #162449;
  font-size: 32px;
  font-weight: bold;
  padding-left: 250px;
}
.ui.segment-shareholder-report p {
  text-align: justify;
  color: #162449;
}
.ui.segment-shareholder-report .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 8.5rem;
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
.ui.segment-shareholder-report .feature-card {
  gap: 80px;
  background-color: #189D6C;
  color: #ffffff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}
.ui.segment-shareholder-report .feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.ui.segment-shareholder-report .feature-card .card-title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  letter-spacing: 0.025em;
  text-align: center;
}
.ui.segment-shareholder-report .feature-card .card-description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  opacity: 0.9;
  color: white;
  font-weight: bold;
}
.ui.segment-shareholder-report .feature-card .feature-list {
  list-style-type: disc;
  padding-left: 1.5rem;
  background-color: #fafafa;
  color: #162449;
  border: 2px solid black;
  height: 170px;
  text-align: left;
}
.ui.segment-shareholder-report .feature-card .feature-list li {
  padding: 0px;
  padding-top: 4px;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.4;
}
.ui.segment-shareholder-report .feature-card .feature-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .ui.segment-shareholder-report .feature-card .market-analysis-container {
    grid-template-columns: 1fr;
  }
  .ui.segment-shareholder-report .feature-card .feature-card {
    padding: 1.25rem;
  }
}
.ui.segment-shareholder-report .feature-card .market-card {
  background-color: rgb(62, 180, 117.3333333333);
}
.ui.segment-shareholder-report .feature-card .shareholder-card {
  background-color: #3EB489;
}
.ui.segment-shareholder-report .feature-card .foreign-card {
  background-color: rgb(62, 180, 156.6666666667);
}

.ui.segment-bespoke-form-sec {
  background-color: #162449;
}
.ui.segment-bespoke-form-sec .bespoke-services-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 3rem;
  background-color: #1a2642;
  color: #ffffff;
  min-height: 600px;
}
@media (max-width: 768px) {
  .ui.segment-bespoke-form-sec .bespoke-services-container {
    grid-template-columns: 1fr;
    padding: 2rem;
  }
}
.ui.segment-bespoke-form-sec .content-section .title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.ui.segment-bespoke-form-sec .content-section .subtitle {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5rem;
}
.ui.segment-bespoke-form-sec .content-section .description {
  margin-bottom: 2rem;
  line-height: 1.6;
}
.ui.segment-bespoke-form-sec .content-section .services-list h3 {
  margin-bottom: 1rem;
}
.ui.segment-bespoke-form-sec .content-section .services-list ul {
  list-style: none;
  padding-left: 0;
}
.ui.segment-bespoke-form-sec .content-section .services-list ul li {
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  position: relative;
}
.ui.segment-bespoke-form-sec .content-section .services-list ul li:before {
  content: "•";
  color: white;
  position: absolute;
  left: 0;
}
.ui.segment-bespoke-form-sec .content-section .highlight-box {
  background-color: #448FCC;
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 4px;
  text-align: center;
  width: 450px;
  border-radius: 0%;
}
.ui.segment-bespoke-form-sec .content-section .confidentiality {
  font-style: italic;
  font-size: 0.9rem;
  opacity: 0.8;
}
.ui.segment-bespoke-form-sec .ui.form {
  background-color: #DAB157;
  padding: 2rem;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.ui.segment-bespoke-form-sec .ui.form .two.fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 1.5rem !important;
}
@media (max-width: 576px) {
  .ui.segment-bespoke-form-sec .ui.form .two.fields {
    grid-template-columns: 1fr;
  }
}
.ui.segment-bespoke-form-sec .ui.form .two.fields > .field {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.ui.segment-bespoke-form-sec .ui.form .field {
  margin-bottom: 1.5rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .field label {
  display: block;
  margin-bottom: 0.75rem !important;
  color: white !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.input {
  width: 100% !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.input input {
  width: 100% !important;
  padding: 1rem !important;
  height: 3.5rem !important;
  border: 1px solid rgba(22, 36, 73, 0.2) !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  line-height: initial !important;
  font-size: 1.1rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.input input:focus {
  outline: none !important;
  border-color: #162449 !important;
  border-width: 2px !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.checkbox {
  margin-bottom: 1.5rem !important;
  display: block !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.checkbox input[type=checkbox] {
  width: auto !important;
  height: auto !important;
  margin-right: 0.5rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.checkbox label {
  color: white !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  display: inline !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.checkbox input[type=checkbox] + label:before {
  border: 2px solid rgba(22, 36, 73, 0.3) !important;
  border-radius: 4px !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .field .ui.checkbox input[type=checkbox]:checked + label:before {
  background-color: #1a2642 !important;
  border-color: #1a2642 !important;
}
.ui.segment-bespoke-form-sec .ui.form .field textarea {
  width: 100% !important;
  min-height: 150px !important;
  padding: 1rem !important;
  border: 1px solid rgba(22, 36, 73, 0.2) !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  font-size: 1.1rem !important;
  resize: vertical !important;
}
.ui.segment-bespoke-form-sec .ui.form .field textarea:focus {
  outline: none !important;
  border-color: #162449 !important;
  border-width: 2px !important;
}
.ui.segment-bespoke-form-sec .ui.form .ui.primary.button {
  background-color: #1a2642 !important;
  color: #ffffff !important;
  padding: 1rem 2.5rem !important;
  border: 1px solid white !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
  transition: background-color 0.3s ease !important;
  margin-top: 1.5rem !important;
}
.ui.segment-bespoke-form-sec .ui.form .ui.primary.button:hover {
  background-color: rgb(40.4130434783, 59.0652173913, 102.5869565217) !important;
}
.ui.segment-bespoke-form-sec .max-w-2xl {
  max-width: 1200px;
}
.ui.segment-bespoke-form-sec .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ui.segment-bespoke-form-sec .p-6 {
  padding: 2rem;
}
.ui.segment-bespoke-form-sec .ui.success.message .header {
  color: #162449;
  font-size: 1.2em;
  margin-bottom: 8px;
  font-weight: 600;
}
.ui.segment-bespoke-form-sec .ui.success.message p {
  color: #189D6C;
  margin: 0;
  line-height: 1.4;
}
.ui.segment-bespoke-form-sec .ui.success.message {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1rem 1.5rem;
}
.ui.segment-bespoke-form-sec .ui.success.message::before {
  content: "✓";
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2em;
}

.ui.fluid.container {
  width: 78%;
  margin: 0 auto;
}

.ui.segment-reports {
  padding: 4% 0;
  background-color: #fafafa;
}
.ui.segment-reports .latest-reports-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 3%;
  background-color: #fafafa;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolutes;
}
.ui.segment-reports .latest-reports-container .reports-intro {
  padding-top: 1rem;
  flex: 1;
  padding-right: 2rem;
}
.ui.segment-reports .latest-reports-container .reports-intro h2 {
  font-size: 3rem;
  color: #162449;
  margin-bottom: 1rem;
}
.ui.segment-reports .latest-reports-container .reports-intro p {
  font-size: 1.5rem;
  color: #162449;
  line-height: 1.5;
}
.ui.segment-reports .latest-reports-container .reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 10px;
  flex: 1;
  position: relative;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card {
  position: s;
  background-color: #162449;
  color: #fff;
  padding: 50px;
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(2) {
  background-color: #189D6C;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(3) {
  background-color: #448FCC;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(4) {
  background-color: #DAB157;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card .report-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card .report-description {
  font-size: 18px;
  margin-bottom: 20px;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card .learn-more {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #fff;
  background: transparent;
  border: solid 1px red;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 4px;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card .learn-more i.icon {
  margin-left: 8px;
  font-size: 1rem;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card .learn-more:hover {
  text-decoration: underline;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(1) .learn-more {
  background-color: #DAB157; /* Button for the first card */
  border-color: #DAB157;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(2) .learn-more {
  background-color: #162449; /* Button for the second card */
  border-color: #162449;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(3) .learn-more {
  background-color: #162449; /* Button for the third card */
  border-color: #162449;
}
.ui.segment-reports .latest-reports-container .reports-grid .report-card:nth-child(4) .learn-more {
  background-color: #fafafa; /* Button for the fourth card */
  border-color: #fafafa;
  color: #162449;
}

.ai-sens-panel {
  position: fixed;
  right: 0;
  top: 20%;
  width: 380px;
  background: #1a237e;
  border-radius: 12px 0 0 12px;
  padding: 1.5rem;
  color: white;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}
.ai-sens-panel .panel-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.ai-sens-panel .panel-subtitle {
  font-size: 1rem;
  opacity: 0.8;
  margin: 0.5rem 0 1.5rem;
}
.ai-sens-panel .snippets-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ai-sens-panel .earnings-snippet {
  background: white;
  border-radius: 8px;
  padding: 1rem;
  color: #333;
}
.ai-sens-panel .earnings-snippet .time-badge {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.ai-sens-panel .earnings-snippet .call-type {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.ai-sens-panel .earnings-snippet .snippet-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.ai-sens-panel .earnings-snippet .ticker-badge {
  display: inline-block;
  background: #f5f5f5;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.ai-sens-panel .earnings-snippet .read-more {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #e8eaf6;
  color: #1a237e;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s;
}
.ai-sens-panel .earnings-snippet .read-more:hover {
  background: rgb(213.671875, 217.265625, 238.828125);
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.table-container {
  max-height: 600px;
  overflow-y: auto;
}
len .table-container::-webkit-scrollbar {
  width: 32px;
  height: 64px;
}
.table-container::-webkit-scrollbar-thumb {
  background-color: #162449;
  border-radius: 1px;
  height: 180px;
}
.table-container::-webkit-scrollbar-thumb:hover {
  background-color: #162449;
}
.table-container::-webkit-scrollbar-track {
  background-color: fafafa;
}

.ui.celled.table {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
}
.ui.celled.table th, .ui.celled.table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  text-transform: capitalize;
}
.ui.celled.table tr:hover {
  background-color: rgb(227.2048780488, 196.4048780488, 128.7951219512);
  cursor: pointer;
}
.ui.celled.table tr:nth-child(odd) {
  background-color: #ffffff;
}
.ui.celled.table tr:nth-child(even) {
  background-color: rgb(249.25, 249.25, 249.25);
}
.ui.celled.table thead tr:first-child th {
  background-color: #162449;
  color: white;
  text-align: center;
  border-radius: 0.28571429rem 0 0 0;
}

.ui.menu.two.item .item {
  width: 48%;
}

.ui.item.menu {
  border: none;
  box-shadow: none;
  background-color: #dedede;
}

.ui.two.item.menu {
  padding: 0;
  color: #162449;
  font-size: medium;
  border-radius: 10px;
  display: flex;
  box-shadow: none;
  gap: 10px;
  background-color: #dedede;
}
.ui.two.item.menu .item {
  cursor: pointer;
  background-color: #dedede;
  transition: transform 0.2s ease;
}
.ui.two.item.menu .item.active {
  background-color: #162449;
  color: white;
  border-radius: 10px;
}
.ui.two.item.menu .item:hover {
  background-color: #162449;
  color: white;
  border-radius: 10px;
  transform: scale(1.01);
  border: 1px solid #448FCC;
}

.shareholder-register-container {
  background-color: #f5f5f5;
}
.shareholder-register-container .ui.fluid.container {
  width: 80%;
  background-color: #f5f5f5;
  margin: -50px 0 -90px;
}
.shareholder-register-container .ui.fluid.container .ui.breadcrumb {
  font-size: 14px;
  color: #448FCC;
  margin: 90px 20px 10px;
}
.shareholder-register-container .ui.fluid.container .ui.breadcrumb .divider {
  margin: 0 5px;
}
.shareholder-register-container .ui.fluid.container .ui.breadcrumb a {
  color: #448fcc;
}
.shareholder-register-container .ui.fluid.container .search-options {
  background: #dedede;
  margin: 17px 0 10px;
  padding: 10px;
  border-radius: 10px;
}
.shareholder-register-container .ui.fluid.container .search-container {
  background-color: #DAE9F5;
  margin-top: 5px;
  padding: 10px;
  border-radius: 10PX;
}
.shareholder-register-container .ui.fluid.container .search-container h3 {
  text-align: justify;
  margin: -5px 0 -30px;
}
.shareholder-register-container .ui.fluid.container .search-container .ui.input {
  width: 400px;
  height: 45px;
  margin: -2px auto;
  border: 1px solid #f7f7f7;
  background-color: white;
  border-radius: 10px;
}
.shareholder-register-container .ui.fluid.container .search-container .ui.input input {
  border: 1px solid #ddd;
  background-color: white;
  width: 400px;
  height: 45px;
  color: black;
}
.shareholder-register-container .ui.fluid.container .search-container .results.transition.visible {
  display: block !important;
  max-height: 300px;
  overflow-y: auto;
  width: 30%;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  z-index: 10;
}
.shareholder-register-container .shareholder-register {
  margin-top: -100px;
  padding: 130px;
}
.shareholder-register-container .shareholder-register h2, .shareholder-register-container .shareholder-register p, .shareholder-register-container .shareholder-register h3 {
  color: #162449;
  text-align: center;
  padding-bottom: 0;
}
.shareholder-register-container .shareholder-register p {
  font-size: 18px;
}
.shareholder-register-container .shareholder-register h2 {
  margin-top: -19px;
  padding-top: 4px;
  font-size: 34px;
}
.shareholder-register-container table {
  border: none;
  margin-top: 0;
}
.shareholder-register-container table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #162449;
}
.shareholder-register-container table thead th {
  font-size: medium;
  font-weight: bold;
  color: white;
  border: none;
  text-align: justify;
}
.shareholder-register-container table tbody tr:hover {
  font-weight: bold;
  background-color: #93d1bb;
}
.shareholder-register-container table tbody td {
  text-transform: capitalize;
  padding: 10px;
  vertical-align: middle;
  border: none;
}

.italic-text {
  font-style: italic;
}

a.item.disabled-tier2:hover {
  background-color: transparent !important;
  color: #162449 !important;
  cursor: default !important;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.page-terms-of-use {
  background-color: #f9f9f9;
  padding: 20px 40px;
  max-width: 90%;
  margin: 20px auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.page-terms-of-use h1 {
  color: #189D6C;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.page-terms-of-use h2 {
  color: #162449;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.page-terms-of-use p {
  color: #162449;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.page-terms-of-use ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
.page-terms-of-use ol li {
  color: #162449;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.page-terms-of-use ol li ol {
  margin-left: 20px;
  list-style-type: lower-alpha;
}
.page-terms-of-use ol li ol li {
  margin-bottom: 5px;
}
.page-terms-of-use a {
  color: #189D6C;
  text-decoration: none;
  font-weight: bold;
}
.page-terms-of-use a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .page-terms-of-use {
    padding: 15px 20px;
    max-width: 100%;
  }
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 18px;
  }
  p, li {
    font-size: 14px;
  }
}
.panel-header-property-data {
  text-align: center;
  color: #162449;
}
.panel-header-property-data h2 {
  margin-top: -17px;
  font-size: 32px;
  font-weight: bold;
}
.panel-header-property-data p {
  font-size: 18px;
  color: #162449;
  padding-bottom: 30px;
}

.ui.tabular.menu.black-tabs-property-data {
  gap: 10px;
  width: 100%;
  margin-left: -20%;
  padding: 10px;
  border-radius: 10px;
  margin: 10px;
  margin-bottom: 4%;
  background-color: #dedede;
  padding-left: 35px;
}
.ui.tabular.menu.black-tabs-property-data .item {
  color: whitesmoke;
  font-weight: bold;
  font-size: 14PX;
  width: 48%;
  padding-left: 17%;
}
.ui.tabular.menu.black-tabs-property-data .mb-6 {
  margin-bottom: 100px;
}

.ui.tabular.menu.black-tabs-property-data {
  margin-left: 0%;
  margin-top: 7px;
  /* Styles for active item */
}
.ui.tabular.menu.black-tabs-property-data .active.item {
  background-color: #162449;
  color: #FFFFFF;
  border-radius: 7px !important;
  font-weight: 18px;
  text-align: justify;
}
.ui.tabular.menu.black-tabs-property-data .active.item:hover {
  color: white; /* Change text color to ochre */
  font-weight: bold; /* Make text bold on hover */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow effect */
}
.ui.tabular.menu.black-tabs-property-data {
  /* Styles for non-active items */
}
.ui.tabular.menu.black-tabs-property-data .item {
  background-color: #dedede; /* Default white background */
  color: #162449; /* Dark blue text */
  border-radius: 7px; /* Slightly rounded corners */
  font-weight: 18px;
  text-align: center;
}
.ui.tabular.menu.black-tabs-property-data .item:hover {
  background-color: #162449; /* Light blue background on hover */
  color: #fafafa; /* Change text color to dark green */
  border-color: rgb(47.3571428571, 117, 173.6428571429); /* Slightly darker border */
  font-weight: bold; /* Make text bold on hover */
  transform: scale(1.02); /* Slightly enlarge on hover */
}

.ui.secondary.menu.mb-6 {
  margin-bottom: -57px;
}

.ui.fluid.container-sentiment-reports-per-call {
  padding-top: 150px;
}
.ui.fluid.container-sentiment-reports-per-call h1 {
  font-size: 32px;
  color: #162449;
  text-align: center;
  margin-top: -90px;
}
.ui.fluid.container-sentiment-reports-per-call p {
  margin: 15px;
  font-size: 18px;
  color: #162449;
  text-align: center;
  margin-bottom: 100px;
  display: block;
}
.ui.fluid.container-sentiment-reports-per-call .ui.breadcrumb:first-child {
  margin-top: -185px;
  padding-left: 9%;
}
.ui.fluid.container-sentiment-reports-per-call .ui.breadcrumb a {
  margin-top: 0px;
  color: #448fcc;
}
.ui.fluid.container-sentiment-reports-per-call a {
  color: #448fcc;
  text-decoration: none;
}

.ui.container-sentiment-reports {
  padding-left: 5%;
  padding-right: 5%;
}
.ui.container-sentiment-reports .ui.breadcrumb:first-child {
  margin-top: 70px;
}
.ui.container-sentiment-reports .ui.breadcrumb a {
  margin-top: 150px;
  color: #448fcc;
}
.ui.container-sentiment-reports a {
  color: #448fcc;
  text-decoration: none;
}
.ui.container-sentiment-reports .panel-header-sentiment-reports h3 {
  font-size: 32px;
  color: #162449;
  text-align: center;
  margin-top: -25px;
}
.ui.container-sentiment-reports .panel-header-sentiment-reports p {
  margin: 15px;
  font-size: 18px;
  color: #162449;
  text-align: center;
  margin-bottom: 20px;
}

.panel-header-global-trends h2 {
  font-size: 32px;
  color: #162449;
  text-align: center;
  margin-top: 20px;
}
.panel-header-global-trends p {
  margin: 15px;
  font-size: 18px;
  color: #162449;
  text-align: center;
  margin-bottom: 20px;
}

.transcript-section {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 390;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.ui.fluid.container-earnings-pulse {
  padding-left: 5%;
  padding-right: 5%;
}
.ui.fluid.container-earnings-pulse h1 {
  text-align: center;
  color: #162449;
  font-size: 34px;
  padding-top: 50px;
}
.ui.fluid.container-earnings-pulse p {
  color: #162449;
  text-align: center;
  padding-top: none;
  font-size: 24px;
}
.ui.fluid.container-earnings-pulse .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; /* Consider using 100vh for full viewport coverage */
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  cursor: pointer;
  overflow: hidden;
}
.ui.fluid.container-earnings-pulse .ui.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 950px;
  max-height: 120vh;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1100;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  color: #162449;
  max-width: 95%; /* Responsive fallback */
  margin: auto; /* Center with margin */
}
.ui.fluid.container-earnings-pulse .ui.modal-content .header {
  font-size: x-large;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #162449;
  height: 100px;
}
.ui.fluid.container-earnings-pulse .ui.modal-content .content {
  flex-grow: 1;
  overflow-y: auto;
  font-size: medium;
}
.ui.fluid.container-earnings-pulse .ui.button.secondary.close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  background-color: #448FCC;
}
@media (max-width: 1000px) {
  .ui.fluid.container-earnings-pulse .ui.modal-content {
    width: 90%;
    max-height: 90vh;
  }
}
.ui.fluid.container-earnings-pulse .ui.breadcrumb {
  margin-bottom: px;
  color: #448FCC;
  font-size: small;
}
.ui.fluid.container-earnings-pulse .ui.breadcrumb a {
  color: #448fcc;
}
.ui.fluid.container-earnings-pulse .ui.breadcrumb .bold-section {
  font-weight: bold;
}
.ui.fluid.container-earnings-pulse .ui.breadcrumb:first-child {
  margin-top: 41px;
}
.ui.fluid.container-earnings-pulse h1 {
  font-size: 32px;
  margin-bottom: 10px;
  margin-top: -25px;
}
.ui.fluid.container-earnings-pulse p {
  font-size: 18px;
  margin-bottom: 20px;
}
.ui.fluid.container-earnings-pulse .search-container {
  background-color: #DAE9F5;
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -20px;
}
.ui.fluid.container-earnings-pulse .search-container .ui.input {
  width: 400px;
  height: 45px;
  margin: -2px auto;
  border: 1px solid #f7f7f7;
  background-color: white;
  border-radius: 10px;
}
.ui.fluid.container-earnings-pulse .search-container .ui.input input {
  border: 1px solid #ddd;
  background-color: white;
  width: 400px;
  height: 45px;
  color: black;
}
.ui.fluid.container-earnings-pulse .ui.primary.button, .ui.fluid.container-earnings-pulse .ui.primary.buttons .button {
  background-color: #2185d0;
  color: #fff;
  text-shadow: none;
  background-image: none;
}
.ui.fluid.container-earnings-pulse .ui.button-back-search {
  background-color: #FAFAFA;
  margin-bottom: 7px;
  border: 1px solid #189D6C;
  border-radius: 10px;
  color: #189D6C;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.ui.fluid.container-earnings-pulse .ui.button-back-search:hover {
  background-color: #189D6C;
  color: #FAFAFA;
  font-weight: bold;
}
.ui.fluid.container-earnings-pulse .ui.celled.table {
  width: 100%;
  margin-top: 20px;
}
.ui.fluid.container-earnings-pulse .ui.celled.table thead {
  background-color: #f9fafb;
}
.ui.fluid.container-earnings-pulse .ui.celled.table thead th {
  font-weight: bold;
  text-align: left;
  padding: 10px;
}
.ui.fluid.container-earnings-pulse .ui.celled.table tbody tr:hover {
  font-weight: bold;
  color: #448FCC;
}
.ui.fluid.container-earnings-pulse .ui.celled.table tbody tr:nth-child(even) {
  background-color: #f4f6f8;
}
.ui.fluid.container-earnings-pulse .ui.celled.table tbody tr td {
  padding: 10px;
}
.ui.fluid.container-earnings-pulse .ui.celled.table tbody tr a {
  color: #007bff;
  text-decoration: none;
}
.ui.fluid.container-earnings-pulse .ui.celled.table tbody tr a:hover {
  text-decoration: underline;
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.auth-confirmation-modal.ui.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  width: 900px;
  height: 500px;
  max-width: 90%;
  max-height: 90%;
  background-color: #162449;
  overflow-y: auto;
}
.auth-confirmation-modal.ui.modal .header {
  margin-top: 20px;
  background-color: #162449;
  color: white;
  font-size: 34px;
  padding: 1.25rem 1.5rem;
  text-align: center;
}
.auth-confirmation-modal.ui.modal .content {
  background-color: #162449;
  padding: 1.5rem;
}
.auth-confirmation-modal.ui.modal .content .confirmation-text {
  color: rgba(255, 255, 255, 0.87);
  font-size: 18px;
  margin-bottom: 4rem;
  text-align: center;
}
.auth-confirmation-modal.ui.modal .content .ui.form .field {
  margin-bottom: 1rem;
}
.auth-confirmation-modal.ui.modal .content .ui.form .field label {
  color: rgba(255, 255, 255, 0.87);
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem;
  margin-left: 38%;
}
.auth-confirmation-modal.ui.modal .content .ui.form .field input {
  background-color: whitesmoke;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  color: gray;
  font-size: 1rem;
  padding: 0.75rem;
  width: 25%;
  margin-left: 38%;
}
.auth-confirmation-modal.ui.modal .content .ui.form .field input::placeholder {
  color: black;
}
.auth-confirmation-modal.ui.modal .content .ui.form .field input:focus {
  border-color: #2185d0;
  outline: none;
  background-color: whitesmoke;
}
.auth-confirmation-modal.ui.modal .content .ui.form .ui.negative.message {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #e0b4b4;
  color: red;
  margin: 1rem 0;
  padding: 1rem;
  width: 50%;
  margin-left: 30%;
}
.auth-confirmation-modal.ui.modal .content .resend-section {
  margin-top: 1.5rem;
  text-align: center;
}
.auth-confirmation-modal.ui.modal .content .resend-section span {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.5rem;
}
.auth-confirmation-modal.ui.modal .content .resend-section .resend-button {
  background: none;
  border: 1px solid;
  border-radius: 5px;
  margin: 10px;
  color: #b58d3c;
  cursor: pointer;
  font-weight: 600;
  padding: 10px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: px;
}
.auth-confirmation-modal.ui.modal .content .resend-section .resend-button:hover {
  color: #d4a849;
  text-decoration: underline;
}
.auth-confirmation-modal.ui.modal .actions {
  background-color: #162449;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 1.5rem;
  display: flex; /* Enables flexbox */
  justify-content: center; /* Centers the button horizontally */
  align-items: center;
}
.auth-confirmation-modal.ui.modal .actions .ui.green.button {
  background-color: #189D6C;
  color: #ffffff;
  width: 25%;
}
.auth-confirmation-modal.ui.modal .actions .ui.green.button:hover {
  background-color: #009c95;
}
.auth-confirmation-modal.ui.modal .close.icon {
  color: rgba(255, 255, 255, 0.7);
}
.auth-confirmation-modal.ui.modal .close.icon:hover {
  color: rgba(255, 255, 255, 0.9);
}

/*--- BRAND COLORS ---*/
/*--- MORE BRAND COLORS ---*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
     New Brand Colors
--------------------*/
.session-timeout-modal.ui.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  width: 400px;
  max-width: 90%;
  max-height: 90%;
  background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.session-timeout-modal.ui.modal .header {
  background-color: #f8d568;
  color: #333;
  font-size: 22px;
  font-weight: bold;
  padding: 1rem 1.5rem;
  text-align: center;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}
.session-timeout-modal.ui.modal .header i.icon {
  margin-left: 8px;
  color: #333;
}
.session-timeout-modal.ui.modal .content {
  padding: 1.5rem;
}
.session-timeout-modal.ui.modal .content p {
  color: #333;
  font-size: 16px;
  margin-bottom: 0.5rem;
  text-align: center;
}
.session-timeout-modal.ui.modal .actions {
  background-color: transparent;
  border-top: none;
  padding: 1rem 1.5rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.session-timeout-modal.ui.modal .actions .ui.primary.button {
  background-color: #162449;
  color: #ffffff;
  width: 100px;
  border-radius: 4px;
}
.session-timeout-modal.ui.modal .actions .ui.primary.button:hover {
  background-color: rgb(16.0947368421, 26.3368421053, 53.4052631579);
}