/* Custom Color Palette
------------------
Background: White (#ffffff)
Cards/sections: Light Gray (#f5f5f5)
Brand/Header/Footer: Oxford Blue (#0b162a)
Accent/CTA: Teal Green (#1abc9c)
Borders: Platinum Gray (#ccd1d1)
Primary Text: Slate Black (#212f3d)
Secondary Text: Ash Gray (#707b7c)
*/

/* Background colors */
body {
  background-color: #ffffff;
}

.grey-bg, 
.grey-bg-2,
.grey-bg-3 {
  background-color: #f5f5f5 !important;
}

/* Header and footer */
.header__area,
.footer__area,
.footer-bg,
.footer__top,
.header__padding,
#header-sticky {
  background-color: #0b162a !important;
}

/* Accent colors and CTAs */
.e-btn,
.price__offer span,
.course__tag a,
.link-btn:hover,
.header__search button,
.header__cart-icon:hover,
.categories__icon,
.events__more .link-btn:hover,
.blog__tag a,
.progress-wrap::after,
.progress-wrap:hover::after {
  background-color: #1abc9c !important;
  border-color: #1abc9c !important;
}

.e-btn:hover {
  background-color: #2fd0b5 !important;
  border-color: #2fd0b5 !important;
}

.e-btn-border {
  border-color: #1abc9c !important;
  color: #1abc9c !important;
}

.e-btn-border:hover {
  background-color: #1abc9c !important;
  color: #ffffff !important;
}

.link-btn,
a:hover,
.footer__social ul li a:hover,
.header__cart-icon svg path,
.cat-dot,
.yellow-bg {
  color: #1abc9c !important;
}

/* Yellow backgrounds and accents to teal */
.yellow-bg, 
.yellow-bg-big {
  background-image: none !important;
  background-color: rgba(26, 188, 156, 0.1) !important;
}

/* Borders and dividers */
.footer__subscribe-input input,
.contact__form-input input,
.contact__form-input textarea,
.course__meta,
.events__item-inner,
.blog__item,
hr, 
.border-bottom,
.testimonial__nav button {
  border-color: #ccd1d1 !important;
}

/* Text colors */
h1, h2, h3, h4, h5, h6,
.section__title,
.header__menu ul li a,
.category__title,
.events__title a,
.price__head h3 {
  color: #212f3d !important;
}

p,
.footer__widget-body p,
.course__meta span,
.events__meta span,
.blog__meta span {
  color: #707b7c !important;
}

/* White text on dark backgrounds */
.footer__widget-title,
.footer__link ul li a,
.footer__copyright p,
.header__right a,
.header__area .header__btn a,
#sidebar-toggle span {
  color: #ffffff !important;
}

/* Card/box backgrounds */
.category__item,
.course__item,
.price__item,
.blog__item,
.testimonial__item,
.teacher__item,
.events__item-inner,
.sidebar__widget,
.cartmini__widget {
  background-color: #f5f5f5 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

/* Adjust blue elements */
.blue-bg,
.cta__inner {
  background-color: #0b162a !important;
}

/* Blue accent tags to teal */
.course__tag a.blue {
  background-color: #1abc9c !important;
}

/* Additional styles to ensure complete coverage */
/* Navigation and menu */
.mobile-menu,
.sidebar__area,
.sidebar__wrapper {
  background-color: #0b162a !important;
}

.mean-container .mean-nav ul li a {
  color: #ffffff !important;
  border-color: rgba(204, 209, 209, 0.2) !important;
}

.mean-container .mean-nav ul li a:hover {
  color: #1abc9c !important;
}

/* Active states */
.header__menu ul li.active > a,
.header__menu ul li:hover > a,
.footer__link ul li a:hover,
.services__item:hover .services__title a,
.services__icon i,
.course__more-btn:hover,
.teacher__social ul li a:hover {
  color: #1abc9c !important;
}

/* Form elements */
input, textarea, select {
  border-color: #ccd1d1 !important;
  color: #212f3d !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #1abc9c !important;
}

/* Pagination */
.page-link:hover,
.page-item.active .page-link {
  background-color: #1abc9c !important;
  border-color: #1abc9c !important;
  color: #ffffff !important;
}

/* Loading screen */
#loading {
  background-color: #ffffff !important;
}

.loading-stroke {
  background-color: rgba(26, 188, 156, 0.2) !important;
}

/* SVG elements */
.cat-dot-icon svg path.cat-dot {
  fill: #1abc9c !important;
}

/* Price tags and special offers */
.course__status,
.course__status span,
.price__tag h4,
.sky-blue,
.green,
.orange,
.pink {
  color: #1abc9c !important;
}

/* Icons and buttons with hover */
.hero__quote, 
.hero__quote-animation {
  background-color: #1abc9c !important;
  color: #ffffff !important;
}

/* Specific colors for different course tags */
.course__tag a.sky-blue,
.course__tag a.green,
.course__tag a.orange,
.course__tag a.pink {
  background-color: #1abc9c !important;
  opacity: 0.9;
}

/* Make sure all dividers use the correct color */
.border-bottom,
hr,
.header__menu ul li .submenu li,
.mobile-menu li,
.mean-container .mean-nav ul li a,
.footer__widget-head,
.course__meta,
.events__item-inner {
  border-color: #ccd1d1 !important;
}

/* Add styling for sidebar close button to make it visible */
.sidebar__close-btn {
  color: #ffffff !important;
  background-color: #1abc9c !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
}

.sidebar__close-btn span {
  color: #ffffff !important;
}

.sidebar__close-btn i {
  color: #ffffff !important;
}

/* Fix submenu visibility issues */
.submenu {
  background-color: #ffffff !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
}

.submenu li a {
  color: #212f3d !important;
  display: block !important;
  padding: 8px 15px !important;
}

.submenu li a:hover {
  color: #1abc9c !important;
  background-color: rgba(26, 188, 156, 0.1) !important;
}

.header__menu ul li .submenu li {
  border-bottom: 1px solid #f0f0f0 !important;
}

.header__menu ul li .submenu li:last-child {
  border-bottom: none !important;
}

/* Broker Card Styles - Modern Style */
.broker-card {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  max-width: 400px;
  margin: 0 auto;
  font-family: 'Vazirmatn', 'Yekan Bakh', sans-serif;
  /* text-align: right;
  direction: rtl; */
  border: 1px solid #f0f0f0;
}

.broker-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.broker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
}

.broker-header span {
  font-weight: 600;
  font-size: 16px;
  color: #333;
  margin-top: 10px;
  display: block;
}

.broker-header img {
  height: 40px;
  width: auto;
  margin-bottom: 5px;
}

.broker-details {
  margin-top: 15px;
}

.detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
}

.detail-item .circle-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  flex-shrink: 0;
  font-size: 12px;
}

.detail-item .circle-icon.success {
  background-color: #e8f5e9;
  color: #00c853;
}

.detail-item .circle-icon.warning {
  background-color: #fff8e1;
  color: #ffa000;
}

.detail-item .circle-icon.danger {
  background-color: #ffebee;
  color: #e53935;
}

.detail-item .detail-value {
  font-weight: 500;
  color: #333;
}

.broker-footer {
  margin-top: 15px;
}

.broker-action {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  background-color: #f5f5f5;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.broker-action.primary {
  background-color: #00bcd4;
  color: white;
}

.broker-action:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

/* Specific style for the broker rating display */
.broker-rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  color: #666;
}

.broker-rating .rating-value {
  font-weight: 600;
  margin-right: 5px;
  color: #333;
}

/* Leverage badge style */
.leverage-badge {
  background-color: #f0f2f5;
  border-radius: 6px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 14px;
}