/* KL Estate Agents white label (TA-2256) — Brand Guidelines 2026
   Primary typeface: Cormorant Garamond
   Secondary typeface: DM Sans
   Brand colours: GRANITE #000000 / PLASTER #ffffff */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

h1,
h2 {
  font-weight: 700 !important;
}

h3,
h4 {
  font-weight: 600 !important;
}

h5,
h6 {
  font-weight: 500 !important;
}

body,
p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 400;
}


/* CHAT PARAMETERS */

:root {
  --chat--color-primary: #000000;
  --chat--color-primary-shade-50: #000000;
  --chat--color-primary-shade-100: #000000;
  --chat--color-secondary: #000000;
  --chat--color-secondary-shade-50: #000000;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #e6e9f1;
  --chat--color-light-shade-100: #c2c5cc;
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: #000000;
  --chat--color-disabled: #777980;
  --chat--color-typing: #000000;
  --chat--spacing: 1rem;
  --chat--border-radius: 1.8rem;
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--heading--font-size: 1em;
  --chat--subtitle--line-height: 1.2;
  --chat--textarea--height: 3.2rem;
  --chat--message--font-size: .8rem;
  --chat--message-line-height: 1.6;
  --chat--toggle--size: 46px;

  --axischart--background--color: #FFF;
}

/* HIDE n8n chat for now */
#n8n-chat {
  display: none;
}

body {
  font-family: "Cormorant Garamond", Georgia, serif;
}

body.learnpress-page {
  overflow-x: unset !important;
}

:root {
  --thim-font-title-font-family: "Cormorant Garamond", Georgia, serif !important;
  --klrealty-font-primary: "Cormorant Garamond", Georgia, serif;
  --klrealty-font-secondary: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}


*::selection {
  background-color: #6d6f71 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cormorant Garamond", Georgia, serif;
}

p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

input,
select,
textarea,
button,
.btn,
.form-control,
.form-select {
  font-family: var(--klrealty-font-secondary);
}

#header_toggle_btn {
  z-index: 2;
}

/* Axis v3 design */

/* Desktop Sidebar */
.desktop-sidebar {
  width: 280px;
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  color: white;
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.pdf-page .desktop-sidebar {
  display: none;
}

.desktop-sidebar-header {
  padding: 32px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pdf-page .desktop-sidebar-header {
  display: none;
}



.desktop-logo-container {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.desktop-logo {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.desktop-logo-accent {
  width: 4px;
  height: 20px;
  background: #000000;
  margin-left: 12px;
  border-radius: 2px;
}

.desktop-user-info {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* aligns tops */
  gap: 10px;
}

.left-info {
  display: flex;
  flex-direction: column;
}

.desktop-user-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}

.desktop-user-role {
  font-size: 14px;
  opacity: 0.7;
}

/* Updated navigation menu styles for ul/li structure */
.menu-sidebar2-container {
  flex: 1;
  padding: 24px 0;
}

.menu-sidebar2-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-sidebar2-container .menu-item {
  margin: 0;
}

.menu-sidebar2-container .tc-menu-inner {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
  position: relative;
}

.sub-menu .tc-menu-inner {
  padding: 8px 84px;
}

.menu-sidebar2-container .tc-menu-inner:hover {
  color: white;
  background: rgba(255, 255, 255, 0.05);
}

.menu-sidebar2-container .current-menu-item .tc-menu-inner,
.menu-sidebar2-container .current_page_item .tc-menu-inner {
  color: white;
  background: rgba(0, 0, 0, 0.1);
  border-left-color: #000000;
}

/* Style for the existing dashicon spans */
.menu-sidebar2-container .tc-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0.9;
}

.menu-sidebar2-container .tc-icon:before {
  width: 20px;
  height: 20px;
}

/* Text styling */
.menu-sidebar2-container .tc-menu-inner {
  font-size: 15px;
  font-weight: 500;
}

/* Chat button */
.desktop-chat-button {
  margin: 24px;
  background: #000000;
  border: none;
  border-radius: 12px;
  padding: 16px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.desktop-chat-button:hover {
  background: #000000;
  transform: translateY(-1px);
}

.desktop-chat-button svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Mobile Header */
.mobile-header {
  background: #000000;
  padding: 16px 20px;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
}

.mobile-header-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mobile-menu-toggle {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mobile-menu-toggle:hover {
  background: rgba(255, 255, 255, 0.2);
}

.mobile-menu-toggle svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.content-pusher .ctm_left_sidebar {
  width: 280px !important;
  display: inline-block !important;
}

.content-pusher .ctm_course_details {
  width: calc(100% - 280px);
  /* padding: 50px 0 0 25px !important; */
}

.mobile-logo {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.5px;
}

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

/* Mobile Content Header */
.mobile-content-header {
  background: #f8f9fa;
  padding: 24px 20px;
  margin-top: 64px;
  display: none;
  text-align: center;
}

.mobile-page-title {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
}

.mobile-greeting {
  font-size: 18px;
  color: #666;
  /* //margin-bottom: 24px; */
}

.mobile-top-metric {
  background: linear-gradient(135deg, #000000 0%, #000000 100%);
  color: white;
  padding: 24px 20px;
  border-radius: 20px;
  margin-bottom: 16px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.mobile-metric-label {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mobile-metric-value {
  font-size: 36px;
  font-weight: 700;
}

.mobile-alert-banner {
  background: linear-gradient(135deg, #000000 0%, #000000 100%);
  color: white;
  padding: 16px 20px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.mobile-search-container {
  margin-bottom: 20px;
}

.mobile-search-box {
  width: 100%;
  padding: 16px;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  font-size: 16px;
  background: #f8f9fa;
  transition: all 0.3s ease;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mobile-search-box:focus {
  outline: none;
  border-color: #000000;
  background: white;
}

/* Main Content */
.main-content {
  flex: 1;
  min-height: 100vh;
  background: #efefef;
}

/* Override background color when pdf-page class is present on the body */
body.pdf-page .main-content {
  background: #fff;
  margin: 0 !important;
}

.pdf-page .fa-arrow-alt-circle-down {
  display: none !important;
}


.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 0 !important;
}

/* Desktop Top Bar */
.desktop-top-bar {
  background: white;
  /* padding: 20px 32px; */
  padding: 20px 0px !important;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 100;
}

.desktop-page-title {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  padding-left: 24px;
}

.desktop-top-bar-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.desktop-search-box {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 12px 16px;
  width: 300px;
  font-size: 14px;
  transition: all 0.3s ease;
}

.desktop-search-box:focus {
  outline: none;
  border-color: #000000;
  background: white;
}

.desktop-notification-btn {
  width: 44px;
  height: 44px;
  background: #f8f9fa;
  border: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.desktop-notification-btn:hover {
  background: #e9ecef;
}

.desktop-notification-btn svg {
  width: 20px;
  height: 20px;
  stroke: #666;
  stroke-width: 1.5;
  fill: none;
}

/* Content */
.content {
  display: flex;
  gap: 32px;
  padding: 32px;
  padding-bottom: 120px;
}

/* Filter Sidebar */
.filter-sidebar {
  width: 280px;
  flex-shrink: 0;
}

.filter-section {
  background: white;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;

}

.filter-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
}

.search-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  font-size: 14px;
  background: #f8f9fa;
  transition: all 0.3s ease;
}

.search-input:focus {
  outline: none;
  border-color: #000000;
  background: white;
}

.filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-tag {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 13px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-tag:hover,
.filter-tag.active {
  background: #000000;
  color: white;
  border-color: #000000;
}

.filter-categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.filter-category {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  cursor: pointer;
  transition: color 0.3s ease;
}

.filter-category:hover {
  color: #000000;
}

.filter-checkbox {
  width: 16px;
  height: 16px;
  border: 2px solid #e9ecef;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.filter-checkbox.checked {
  background: #000000;
  border-color: #000000;
}

.filter-checkbox.checked::after {
  content: '✓';
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.filter-category-label {
  font-size: 14px;
  font-weight: 500;
}

/* Main Feed */
.main-feed {
  flex: 1;
}

/* Section Titles */
.section-title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 24px;
}

/* Dashboard Quick Actions */
.quick-actions-section {
  background: white;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  margin-bottom: 32px;
  margin-top: 15px;
}

.quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
}

.action-card {
  background: #f8f9fa;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
  border: 1px solid #e9ecef;
  position: relative;
  overflow: hidden;
}

.action-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #000000;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.action-card:hover {
  transform: translateY(-2px);
  background: white;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.action-card:hover::before {
  transform: scaleX(1);
}

.action-icon {
  width: 48px;
  height: 48px;
  background: white;
  border-radius: 12px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.action-card.no-highlight:hover .action-icon {
  background: none;
}

.action-card:hover .action-icon {
  background: #000000;
}

.action-icon svg {
  width: 24px;
  height: 24px;
  stroke: #666;
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.3s ease;
}

.action-card:hover .action-icon svg {
  stroke: white;
}

.action-label {
  font-size: 14px;
  font-weight: 500;
}

/* Performance Grid */
.performance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}

.performance-card {
  background: white;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.card-title {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.trend-badge {
  background: #e8f5e8;
  color: #2d7d32;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.trend-badge.negative {
  background: #ffebee;
  color: #c62828;
}

.metric-primary {
  font-size: 36px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 8px;
}

.metric-secondary {
  font-size: 14px;
  color: #666;
}

/* Progress Ring */
.progress-container {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0px auto;
}

.progress-ring {
  transform: rotate(-90deg);
}

.progress-background {
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 6;
}

.progress-bar {
  fill: none;
  stroke: #000000;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 314;
  stroke-dashoffset: 251;
  transition: stroke-dashoffset 1s ease;
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.progress-value {
  font-size: 24px;
  font-weight: 300;
  color: #000000;
}

.progress-label {
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Chart Section */
.chart-section {
  background: white;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  margin-bottom: 32px;
}

.chart-container {
  height: 250px;
  margin-top: 20px;
}

.chart-bars {
  display: flex;
  align-items: end;
  justify-content: space-between;
  height: 200px;
  padding: 20px 0;
}

.chart-bar {
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  border-radius: 6px 6px 0 0;
  width: 40px;
  transition: all 0.3s ease;
  position: relative;
}

.chart-bar:hover {
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  transform: scaleY(1.05);
}

.chart-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0 20px;
}

.chart-label {
  font-size: 12px;
  color: #666;
  text-align: center;
  font-weight: 500;
}

.chart-value {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #000000;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: white;
  padding: 4px 8px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.chart-bar:hover .chart-value {
  opacity: 1;
}

/* Training Card */
.training-section {
  margin-bottom: 32px;
}

.training-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
}

.training-image {
  width: 100%;
  height: 180px;
  background: linear-gradient(135deg, #000000 0%, #444444 100%);
  position: relative;
  overflow: hidden;
}

.training-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, transparent 70%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-button {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.play-button:hover {
  background: white;
  transform: scale(1.1);
}

.play-button svg {
  width: 20px;
  height: 20px;
  fill: #000000;
  margin-left: 2px;
}

.training-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.9);
  padding: 4px 10px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
}

.training-content {
  padding: 20px;
}

.training-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
  line-height: 1.3;
}

.training-instructor {
  font-size: 12px;
  color: #666;
  margin-bottom: 12px;
}

.training-meta {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.training-duration,
.training-level {
  font-size: 11px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 4px;
}

.training-cta {
  background: #000000;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.training-cta:hover {
  background: #000000;
}

/* Marketing Popup Section */
.marketing-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow: auto;
}

.marketing-popup-content {
  position: relative;
  background-color: #fff;
  margin: 5% auto;
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: 1200px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

.marketing-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.marketing-popup-title {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.marketing-popup-close {
  background: none;
  border: none;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  color: #999;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marketing-popup-close:hover {
  color: #333;
}

.marketing-popup-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .marketing-popup-content {
    width: 95%;
    height: 90%;
    margin: 2.5% auto;
  }

  .marketing-popup-title {
    font-size: 20px;
  }
}

.axis-gallery a.post-edit-link {
  display: none;
}

/* Alerts Section */

.carousel-wrapper {
  position: relative;
  padding: 0 50px;
  /* Space for nav buttons */
  margin: 40px 0;
}

.carousel-viewport {
  overflow: hidden;
  border-radius: 12px;
  background-color: none;
  padding: 8px 0px;
}

.alerts-grid {
  display: flex;
  transition: transform 0.4s ease-in-out;
  /* No negative margin needed now */
}

.alert-card {
  flex: 0 0 calc(40% - 16px);
  /* 2.5 cards = 100% / 2.5 = 40% per card */
  margin: 0 8px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 12px;
  /* //border-left: 4px solid #000000; */
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}


.alert-image {
  flex-shrink: 0;
  width: 100%;
  background-position: center;
  background-size: cover;
  height: 12rem;
  border-radius: 8px;
  object-fit: cover;
}

.alert-content {
  flex: 1;
  min-width: 0;
  /* Prevents text overflow */
}

.alert-card:hover {
  transform: translateY(-2px);
}

.alert-type {
  display: inline-block;
  background-color: #000000;
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}

.alert-title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
  line-height: 1.3;
}

.alert-description {
  font-size: 13px;
  color: #7f8c8d;
  line-height: 1.5;
}


.alert-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.celebrate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  font-size: 13px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

.celebrate-btn:hover {
  background: #fff5f5;
  border-color: #000000;
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.celebrate-btn.celebrated {
  background: #000000;
  border-color: #000000;
  color: white;
}

.celebrate-btn.celebrated:hover {
  background: #c89214;
  border-color: #c89214;
}


/* Navigation buttons - positioned outside */
.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border: 2px solid #e0e0e0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 2;
}

.carousel-nav:hover {
  background-color: #000000;
  border-color: #000000;
  transform: translateY(-50%) scale(1.1);
}

.carousel-nav:hover svg {
  fill: white;
}

.carousel-nav:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.carousel-nav:disabled:hover {
  background-color: #fff;
  border-color: #e0e0e0;
  transform: translateY(-50%);
}

.carousel-nav.prev {
  left: 0;
}

.carousel-nav.next {
  right: 0;
}

.carousel-nav svg {
  width: 20px;
  height: 20px;
  fill: #333;
  transition: fill 0.3s ease;
}

/* Carousel indicators - positioned below */
.carousel-indicators {
  position: relative !important;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 20px 0;
  margin: 0;
}

.indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ddd;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  padding: 0;
}

.indicator:hover {
  background-color: #bbb;
  transform: scale(1.2);
}

.indicator.active {
  background-color: #000000;
  width: 24px;
  border-radius: 4px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .alert-image {
    height: 15rem;
  }
}

@media (max-width: 768px) {
  .carousel-wrapper {
    padding: 0 40px;
  }

  .alert-card {
    flex: 0 0 calc(66.7% - 16px);
    /* Show 2 cards on mobile */
  }

  .alert-title {
    font-size: 15px;
  }


  .carousel-nav {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 576px) {
  .carousel-wrapper {
    padding: 0 30px;
  }

  .alert-card {
    flex: 0 0 calc(90.91% - 16px);
    /* Show 1 card on small mobile */
  }


  .alerts-grid {
    margin-left: 0;
  }
}


/* News Section */
.news-section {
  background: white;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
  margin-bottom: 32px;
}

.news-section-title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 24px;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.news-item {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

.news-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.news-image {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, #000000 0%, #444444 100%);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.news-image.image-1 {
  background: linear-gradient(135deg, #000000 0%, #444444 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.news-image.image-1 img {
  object-fit: cover;
  height: 100%;
}

.news-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.news-content-area {
  padding: 20px;
}

.news-title a,
.news-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
  line-height: 1.4;
}

.news-excerpt {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
}

.news-meta {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  margin-bottom: 16px;
}

.news-date {
  font-size: 12px;
  color: #999;
}

.news-category {
  background: #f0f0f0;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666;
  margin-right: 10px;
}

.news-category.top-sale {
  background: #e8f5e8;
  color: #2d7d32;
}

.news-category.market {
  background: #fff3e0;
  color: #f57c00;
}

.news-category.agency {
  background: #eee;
  color: #666666;
}

.news-actions {
  display: none;
  /* //flex*/
  gap: 16px;
}

.news-action {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  transition: color 0.3s ease;
}

.news-action:hover {
  color: #000000;
}

.news-action svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
}

.read-story-btn {
  color: #000000;
  font-weight: 500;
  text-decoration: none;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  transition: color 0.3s ease;
}

.read-story-btn:hover {
  color: #000000;
}

.read-story-btn svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Mobile Slide-out Menu */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.pdf-page .mobile-menu-overlay {
  display: none ! important;
}

.mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.pdf-page .mobile-menu-overlay.active {
  visibility: hidden ! important;
  display: none ! important;
}


.mobile-slide-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100vh;
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  z-index: 2001;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  color: white;
}

.pdf-page .mobile-slide-menu {
  display: none ! important;
}

.mobile-slide-menu.active {
  transform: translateX(0);
}

.pdf-page .mobile-slide-menu.active {
  display: none ! important;
}

.mobile-menu-header {
  padding: 0px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.mobile-menu-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.pdf-page .mobile-menu-close {
  display: none ! important;
}

.mobile-menu-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.mobile-menu-close svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.pdf-page .mobile-menu-close svg {
  display: none ! important;
}

.mobile-menu-user-section {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mobile-menu-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #000000 0%, #000000 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  font-weight: 600;
  border: 3px solid rgba(255, 255, 255, 0.3);
}

.mobile-menu-user-info {
  flex: 1;
}

.mobile-menu-user-name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}

.mobile-menu-user-email {
  font-size: 14px;
  opacity: 0.8;
}

.mobile-menu-nav {
  flex: 1;
  padding: 24px 0;
  overflow-y: auto;
}

.mobile-menu-item {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}

.mobile-menu-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: rgba(255, 255, 255, 0.8);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}

.mobile-menu-item:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mobile-menu-item:hover::before {
  transform: scaleY(1);
}

.mobile-menu-item.active {
  background: rgba(255, 255, 255, 0.15);
}

.mobile-menu-item.active::before {
  transform: scaleY(1);
}

.mobile-menu-item-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
}

.mobile-menu-item-icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
}

.mobile-menu-item-label {
  font-size: 16px;
  font-weight: 500;
}

.mobile-menu-footer {
  padding: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-menu-logout {
  display: flex;
  align-items: center;
  padding: 12px 0;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: all 0.3s ease;
}

.mobile-menu-logout:hover {
  color: white;
}

.mobile-menu-logout svg {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
}

/* Bottom Navigation */
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  display: none;
  justify-content: space-around;
  align-items: center;
  padding: 8px 0;
  z-index: 1000;
}

.mobile-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #8e8e93;
  transition: all 0.2s ease;
  padding: 4px 8px;
  border-radius: 8px;
  min-width: 60px;
  flex: 1;
}

.mobile-nav-item.active {
  color: #000000;
}

.mobile-nav-item.center {
  flex: 0;
  margin: 0 16px;
  border: none;
  background: none;
}

.mobile-nav-icon {
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mobile-nav-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
  transition: all 0.2s ease;
}

.mobile-nav-item.active .mobile-nav-icon svg {
  stroke-width: 2;
}

.mobile-nav-label {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 1px;
}

.mobile-nav-item.active .mobile-nav-label {
  font-weight: 500;
}

.mobile-center-chat-button {
  width: 86px;
  height: 86px;
  background: #000000;
  border-radius: 50%;
  border: none;
  color: white;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transform: translateY(-18px);
}

.mobile-center-chat-button:hover {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.mobile-center-chat-button svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Animations */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-in {
  animation: slideUp 0.6s ease forwards;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .desktop-sidebar {
    display: none;
  }

  .main-content {
    margin-left: 0;
    padding-top: 42px;
  }

  .mobile-header {
    display: block;
  }

  .mobile-content-header {
    display: block;
  }

  .mobile-bottom-nav {
    display: flex;
  }

  .desktop-top-bar {
    /* display: none; */
    display: unset;
  }

  .content {
    flex-direction: column;
    padding: 0 24px 24px;
    padding-bottom: 120px;
  }

  .filter-sidebar {
    width: 100%;
    order: 2;
  }

  .main-feed {
    order: 1;
  }

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

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

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

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

  .chart-container {
    height: 200px;
  }

  .chart-bars {
    height: 160px;
  }

  .chart-bar {
    width: 24px;
  }

  .training-image {
    height: 160px;
  }

  .content-pusher .ctm_course_details {
    width: 100%;
  }

  .content-pusher .ctm_left_sidebar {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .main-content {
    margin-left: 280px;
  }

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

  .quick-actions-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .mobile-header {
    padding: 12px 16px;
  }

  .mobile-content-header {
    padding: 20px 16px;
    margin-top: 56px;
  }

  .content {
    padding: 0 16px 16px;
    padding-bottom: 120px;
  }

  .mobile-slide-menu {
    width: 280px;
  }

  .mobile-logo {
    font-size: 18px;
  }

  .mobile-header-icon {
    width: 32px;
    height: 32px;
  }

  .mobile-header-icon svg {
    width: 18px;
    height: 18px;
  }
}


.form-check-input:checked {
  background-color: transparent !important;
  border-color: #b4b9be !important;
}

.mobile_header_logo img {
  max-width: 200px !important;
  height: 30px !important;
  object-fit: contain;
}

.ctm_request_ifram_column,
.ctm_request_ifram_column>.elementor-widget-wrap>.elementor-element {
  height: 100%;
}

.navbar-toggler-icon {
  display: inline-block !important;
  width: 1.3em !important;
  height: 1.5em !important;
  vertical-align: middle !important;
  background-image: url(./assets/images/meni_icon_axis.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
}

.header_main_wrap .navbar {
  background: #efefef;
  height: 52px;
}

.ctm_send_btn {
  background-color: #000000;
  padding: 5px 10px;
  color: #ffffff;
  transition: all 300ms ease-in-out;
}

.ctm_send_btn:hover {
  color: #ffffff;
  background-color: #292929bf;
}

.comment-form .form-submit input[type="submit"],
.purchase-course .button-purchase-course,
.ctm_button {
  background-color: #000000 !important;
  padding: 10px 30px !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 16px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 22px !important;
  font-weight: 500 !important;
  transition: 0.3s ease-in-out !important;
  border: none !important;
  border-radius: 10px !important;
}

.comment-form .form-submit input[type="submit"]:hover,
.purchase-course .button-purchase-course:hover,
.ctm_button:hover {
  opacity: 0.7 !important;
  color: #fff !important;
}

.ctm_left_sidebar {
  height: 100vh;
  background: #FFFFFF;
}

.ctm_left_sidebar .ctm_sidebar_wrapper {
  padding: 24px 24px;
}

.ctm_left_sidebar .sidebar_logo {
  background: #FFFFFF !important;
  padding: 0 !important;
  z-index: 998;
  position: sticky;
  top: 0;
  align-items: center;
  /* justify-content: start !important; */
}

/* .ctm_left_sidebar .sidebar_info_wrap {
  overflow: overlay;
} */

.ctm_header_wrap {
  position: sticky !important;
  top: 0;
  z-index: 999;
}

.ctm_content .elementor .elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 100% !important;
}

/*
.ctm_left_sidebar ul.menu {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.ctm_left_sidebar ul.menu .menu-item-has-children:has(.sub-menu) {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ctm_left_sidebar ul.menu .menu-item-has-children:has(.sub-menu) li {
  list-style-type: none !important;
  list-style: none !important;
  margin: 0;
}

.ctm_left_sidebar .menu li.menu-item a {
  color: #000000;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  text-decoration: none;
  gap: 15px;
  font-weight: 700;
}

.ctm_left_sidebar .menu li.menu-item a .tc-icon {
  display: none;
}

.ctm_left_sidebar .menu .current_page_item {
  position: relative;
}

.ctm_left_sidebar .menu .current_page_item a,
.ctm_left_sidebar .menu li.menu-item a:hover {
  color: #000000 !important;
}
*/

.performance_report_chart .chart_title,
.chart_wrap .chart_title {
  color: #566b82;
  font-weight: 500;
  line-height: normal;
}

.anniversary_range_wrap input[type="range"] {
  height: 6px;
  position: relative;
}

.anniversary_range_wrap input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 0;
  height: 6px;
}

.anniversary_range_wrap input[type="range"]::-webkit-slider-thumb {
  background: #000000;
  box-shadow: none;
  height: 20px;
  width: 20px;
  margin-top: -7px;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}

.anniversary_range_wrap #cgi_last_year_icon,
.anniversary_range_wrap #cgi_target_icon {
  top: -24px;
  width: 20px;
  height: 20px;
}

.testresult_not_working th+* {
  cursor: auto !important;
}

.testresult_not_working th .dt-column-order {
  display: none !important;
}

.ctm_sidebar {
  z-index: 9999;
  top: 52px;
  left: 0;
  border-radius: 0;
  height: 100vh;
  align-items: flex-start;
}

.ctm_sidebar .navbar-nav .nav-item a {
  color: #fff;
  font-family: "Cormorant Garamond", Georgia, serif;
  padding: 15px;
  font-size: 16px !important;
}

.content-area .top_heading_out {
  display: none !important;
}

.ctm_left_sidebar .menu .menu-item .sub-menu {
  margin: 0;
  padding-left: 7px !important;
  padding: 0;
}

.ctm_left_sidebar .menu .menu-item-has-children .sub-menu {
  margin: 0;
  padding-left: 14px !important;
  padding: 0;
}

.ctm_left_sidebar .menu-item .sub-menu li a {
  margin-left: 21px;
}

.ctm_left_sidebar .menu .menu-item .sub-menu li:first-child::marker {
  position: relative;
  content: "\2B9E";
  color: #fff;
}

.sidebar_profile img {
  /* width: 50% !important; */
  border-radius: 50% !important;
  padding: 0 !important;
  /* height: 50% !important; */
  object-fit: cover;

  height: 250px !important;
  width: 250px;
}

.sidebar_profile h4,
.sidebar_profile a {
  color: #000000 !important;
  text-decoration: none;
  font-size: 14px;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* TA-578 */
.logout_link {
  margin-top: auto;
  /* push it to the bottom of parent */
  padding-bottom: 2px;
  /* fine-tune as needed */
}

.logout_link a {
  color: #969696;
}

#wrapper-container #main-content:has(.lp-single-course),
.single-post #main-content {
  display: flex;
}

.ctm_content .ctm_requests_main_wrap .elementor-widget-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ctm_requests_main_wrap .elementor-column {
  min-height: 140px;
  width: 100% !important;
}

.ctm_requests_main_wrap .elementor-widget-image-box {
  height: 100%;
}

.ctm_requests_main_wrap .elementor-image-box-img {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.ctm_requests_main_wrap .elementor-image-box-img a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.ctm_requests_main_wrap .elementor-image-box-img img {
  max-width: 26px !important;
  max-height: 26px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  position: relative;
  top: 29px;
}

.ctm_requests_main_wrap .elementor-image-box-content .elementor-image-box-title a {
  position: relative;
  top: 13px;
}

.ctm_content .elementor-widget-container {
  height: 100%;
}

.single-post #main-content #comments {
  display: none !important;
}

.contact_section_wrap .contact_section_heading h2 {
  color: #000000;
  line-height: 40pt;
  font-size: 28pt;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
}

.ctm_content {
  background-color: #FFFFFF !important;
}

.ctm_bg_light {
  background-color: #ffffff !important;
}

.ctm_bg_light2 {
  background-color: #ffffff !important;
}

.autoG_resultsTable th,
.autoG_resultsTable td,
#testresultsTable th,
#testresultsTable td {
  background-color: transparent;
  border-color: #ddd;
}

table.dataTable {
  font-size: 14px;
  border-color: transparent;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

table.dataTable thead tr.testresult_not_working th {
  border-color: transparent !important;
  padding-bottom: 0 !important;
}

table.dataTable thead tr:first-child th {
  font-weight: 700 !important;
  outline: none !important;
}

table.dataTable thead th {
  border-color: transparent !important;
  border-bottom: 1px solid #000000 !important;
  font-weight: 400 !important;
}

table.dataTable tbody td {
  border-color: transparent !important;
  border-bottom: 1px solid #E1E1E1 !important;
}

table.dataTable>tbody>tr>td {
  padding: 10px 10px !important;
  box-shadow: none !important;
  color: #6D6F71;
}

table.dataTable>tbody>tr>td a {
  color: #6D6F71;
  text-decoration: underline;
}

#agentRankTable-prod.dataTable>tbody>tr>td a {
  line-height: 3rem;
}

table.dataTable>tbody>tr>td.sorting_1 a,
table.dataTable>tbody>tr>td.sorting_1 {
  color: #000000;
}

.dataTable span.subtitle {
  font-size: .7rem;
  display: block;
  line-height: 1.2rem;
}

tr:has(> .office_name.office_highlight) {
  background-color: #c3c3c3;
}

.office_name {
  cursor: pointer;
}

#filterButton .fa-spin {
  display: none;
}

#filterButton .fa {
  margin-left: -12px;
  margin-right: 8px;
}

/* ------------------------------New Style--------------------------------------------- */
.ctm_loss {
  transform: rotate(180deg);
}

.modal-backdrop {
  display: none;
}

#target_gci_model {
  backdrop-filter: blur(1px);
  background-color: hsl(0deg 0% 0% / 80%);
}

.home_access_button {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #000000;
  padding: 16px;
  color: #000000 !important;
}

/* TA-573 ticket */
.ctm_section_heading_wrap {
  /* margin-bottom: 40px !important; */
  margin-bottom: 20px !important;
}

.ctm_section_wrapper {
  /* margin-bottom: 64px !important; */
  margin-bottom: 32px !important;
}

.marketing_heading h1,
.user_name h1,
.ctm_course_details_heading,
.user_name span {
  color: #000000;
  /* font-size: 48px; */
  font-size: 2rem;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 2.5rem;
}

.user_name span {
  color: #6D6F71;
}

.news_latter_container {
  background: #efefef;
  border-radius: 1rem;
}

.course_membar img,
.course_viewers img {
  max-width: 25px !important;
  max-height: 20px !important;
  object-fit: contain !important;
}

.navbar::before,
.navbar::after,
.container::before,
.container::after,
.container-fluid.header_main_wrap::before,
.container-fluid.header_main_wrap::after {
  content: inherit !important;
}

.dashboard_performance_count h3 {
  color: #fff !important;
  font-size: 70px;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

.dashboard_home_count .sale_amount {
  color: #000000 !important;
  font-size: 32px;
  font-weight: 500;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 40px;
}

.dashboard_home_count p {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

/* Begin:Performance page inner table */
.tab-container {
  width: 100%;
}

.tabs {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tab-link {
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #f1f1f1;
  margin-right: 5px;
}

.tab-link.current {
  background-color: #fff;
  border-top: 2px solid #0073aa;
  border-bottom: 2px solid #fff;
}

.tab-content {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
}

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

/* End:Performance page inner table */
/* Strat:Performance page table Custom field */
.ctm_perf_custom_filed_label,
.ctm_perf_custom_filed_select {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
}

.ctm_perf_custom_filed_select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M0 0 C1.77556831 -0.00573832 1.77556831 -0.00573832 3.58700669 -0.01159257 C6.86450858 -0.02011736 10.14186711 -0.01969211 13.4193728 -0.01541197 C16.9572977 -0.01294379 20.49519631 -0.02196008 24.03311157 -0.02944946 C30.96125158 -0.04219607 37.88935284 -0.04399019 44.8175026 -0.0416492 C50.44944669 -0.03986578 56.08137901 -0.04161619 61.71332169 -0.04587364 C62.51505372 -0.04646883 63.31678576 -0.04706402 64.14281271 -0.04767724 C65.77156765 -0.048889 67.4003226 -0.05010314 69.02907754 -0.05131962 C84.30232875 -0.06219508 99.57555788 -0.06003268 114.84881033 -0.05393478 C128.81721588 -0.04876602 142.78555168 -0.06001995 156.75394343 -0.07903299 C171.10081605 -0.09841131 185.44765568 -0.10666738 199.79454148 -0.10290974 C207.84755697 -0.10099764 215.9005131 -0.10348616 223.95351791 -0.11762428 C230.80940748 -0.12953899 237.66520115 -0.13094201 244.52109204 -0.11883412 C248.01779728 -0.11294594 251.51432712 -0.11184414 255.01102066 -0.12383652 C258.80471062 -0.13427046 262.59792869 -0.12622946 266.39160156 -0.11352539 C267.49258112 -0.12089968 268.59356067 -0.12827396 269.72790325 -0.13587171 C277.70589382 -0.07963833 284.7966871 0.97119011 290.93606567 6.63960266 C296.48622949 13.12782233 297.87862894 19.601244 297.88919067 27.98725891 C296.6375271 35.22101117 292.63817343 40.54078009 287.82278442 45.88569641 C286.75095982 47.105564 285.67935139 48.32562154 284.60794067 49.54585266 C283.79027222 50.46841858 283.79027222 50.46841858 282.95608521 51.40962219 C280.35869303 54.35333333 277.8105713 57.33869403 275.26028442 60.32319641 C274.51488403 61.1925885 274.51488403 61.1925885 273.75442505 62.07954407 C270.42803863 65.95996682 267.12047793 69.8558763 263.82278442 73.76069641 C258.52622552 80.0323859 253.1867402 86.26660713 247.83889771 92.49458313 C245.33177457 95.41511916 242.82741115 98.33801952 240.32278442 101.26069641 C239.32279783 102.42737457 238.32279783 103.59404123 237.32278442 104.76069641 C236.58028442 105.62694641 236.58028442 105.62694641 235.82278442 106.51069641 C214.32278442 131.59402974 192.82278442 156.67736308 171.32278442 181.76069641 C170.82746216 182.33892151 170.33213989 182.91714661 169.82180786 183.51289368 C168.82645738 184.67343343 167.82972238 185.83278723 166.83157349 186.99092102 C164.2475156 189.99283915 161.6943507 193.01468857 159.18215942 196.07710266 C147.27216028 210.49437223 147.27216028 210.49437223 138.32278442 212.26069641 C129.71387761 213.02202831 123.12480707 211.80385409 116.38528442 206.26069641 C112.37394798 202.5392417 109.0085964 198.36052519 105.60794067 194.08491516 C103.42687295 191.38933915 101.16187002 188.81945265 98.82278442 186.26069641 C94.9038719 181.9607785 91.23107573 177.50150094 87.57278442 172.97944641 C85.38776873 170.33921912 83.13107052 167.79339921 80.82278442 165.26069641 C76.9038719 160.9607785 73.23107573 156.50150094 69.57278442 151.97944641 C67.38776873 149.33921912 65.13107052 146.79339921 62.82278442 144.26069641 C58.9038719 139.9607785 55.23107573 135.50150094 51.57278442 130.97944641 C49.38776873 128.33921912 47.13107052 125.79339921 44.82278442 123.26069641 C40.9038719 118.9607785 37.23107573 114.50150094 33.57278442 109.97944641 C31.38776873 107.33921912 29.13107052 104.79339921 26.82278442 102.26069641 C23.79996022 98.94080155 20.89766281 95.56305529 18.07278442 92.07319641 C12.85759927 85.63357648 7.40946691 79.40614238 1.9692688 73.15718079 C-1.10972384 69.61067799 -4.16421489 66.04319407 -7.21408081 62.47163391 C-9.75526024 59.49675874 -12.30806743 56.53347158 -14.88424683 53.58882141 C-31.16053789 34.92553991 -31.16053789 34.92553991 -31.01315308 21.69038391 C-30.40929227 15.52538634 -28.18991543 10.74243897 -23.77487183 6.38179016 C-16.29426086 0.42314611 -9.28109835 -0.03173057 0 0 Z ' fill='%23000' transform='translate(122.67721557617188,149.7393035888672)'/%3E%3C/svg%3E") !important;
  background-size: 14px 12px !important;
}

/* End:Performance page table Custom field */
.ctm_save_business_plan .ctm_save_business_plan_title.ctm_wait_response::after {
  position: absolute;
  content: "";
  width: 20px;
  right: -30px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffffff;
  --_m: conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

/* Begin Performance page Agent View */
.table-agent-photo {
  width: 3rem;
  height: 3rem;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 50%;
  float: left;
  margin-right: 1rem;
}

.state_ranking_wrap {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: #000000;
}

.group_ranking_wrap {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: #E1E1E1;
}

.ctm_ranking_lavel {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
}

.agent_view_card_wrap .agent_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.125rem;
  line-height: normal;
  font-weight: 600;
  letter-spacing: .5px;
  color: #000000;
}

.ranking_card_wrap {
  height: max-content;
}

.ranking_card .ranking_card_title {
  font-size: 2.5rem;
  line-height: normal;
  letter-spacing: .5px;
  word-spacing: 1px;
  font-weight: 700;
}

.ranking_card .ranking_card_des {
  font-size: 1rem;
  line-height: normal;
  letter-spacing: 0.3px;
  font-weight: 500;
}

/* End Performance page Agent View */
.course-description .thim-course-content p,
.dashboard_home_complete .prev_title {
  color: #000000;
  font-size: 16px;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 24px;
  /* margin-bottom: 0 !important; */
  margin-bottom: 16px !important;
}

.course-description .thim-course-content ul li {
  color: #000000;
  font-size: 16px;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 24px;
}

.thim-style-content-layout_style_3.single-lp_course .course-info-top {
  background: #fff !important;
}

.thim-style-content-layout_style_3.single-lp_course .content_course_2 .row_content_course #learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .ctm_section .section-header.ctm_section_header {
  padding: 0 !important;
  margin-bottom: 40px !important;
}

#popup-footer .prev::before,
#popup-footer .next::before {
  content: unset !important;
}

#learn-press-course-curriculum ul.curriculum-sections .section-content .course-item .item-meta.course-item-status,
.learnpress-v4 .lp-single-course #learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .ctm_section .ctm_section_content .course-item.has-status.status-completed .course-item-meta .item-meta.course-item-status {
  display: none !important;
}

.section-content .course-item .item-name {
  text-decoration: underline !important;
}

.section-content.ctm_start_course .course-item .item-name {
  text-decoration: none !important;
}

.course-curriculum ul.curriculum-sections:has(.ctm_section) {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.dashboard_home_complete .prev_amount {
  color: #000000;
  font-size: 14px;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 20px;
  letter-spacing: 0.3px;
}

.chart_heading p {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

#chart .apexcharts-title-text {
  color: #c3c3c3 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.dashboard_home_wrap .dropdown button::after {
  display: none;
}

.card_course_user {
  position: relative;
  z-index: 1;
}

.card_course_user img {
  margin-top: -30px;
}

.card_course_user img {
  border-radius: 50% !important;
  width: 60px !important;
}

.dashboard_home_heading img {
  max-width: 40px !important;
  max-height: 35px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: invert(1);
}

.target_gci_model_header {
  padding: 40px 48px !important;
}

.target_gci_model_body,
.target_gci_model_footer {
  padding: 0 48px !important;
}

.ctm_section_header .section-title,
.news_filter_heading,
.ctm_full_new_design_wrap .ctm_course_item_title,
.target_gci_model_header .modal-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: #000000 !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

.target_gci_data,
.target_gci_ul {
  gap: 20px;
}

.pc_profile_wrap p,
.pc_meet_instructor_desc p,
.target_gci_data_heading,
.target_gci_li {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
}

.target_gci_li {
  cursor: pointer;
}

.target_gci_li::marker {
  content: '-';
  color: #000000;
  font-size: 20px;
  line-height: 0;
}

/* .target_gci_form_wrap::after {
  content: "\203a";
  right: 0;
  position: absolute;
  font-size: 26px;
  line-height: 0;
  font-weight: 400;
  transform: rotate(90deg);
  top: 13px;
} */

.target_gci_model_button {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background-color: #000000 !important;
}

.target_gci_form_wrap label,
.ctm_section_content .course-item .course-item-meta .duration,
.ctm_course_static_wrap .ctm_course_static p,
.agent_ranking_heading,
.dashboard_home_heading .box_heading {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 20px !important;
  letter-spacing: .3px !important;
  font-style: normal !important;
}

.target_gci_form_wrap :is(input, select),
.ctm_lessons_control,
.ctm_ranking_level_info,
.agent_ranking_info,
.course-item .meta-left :is(.index, .label),
.section-content .course-item :is(.course-item-title, .item-name),
.dashboard_home_heading .box_time_title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: #000000 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}

.ctm_full_new_design_wrap .ctm_content_item_description :is(p, ul, strong) {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: #000000 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  margin-bottom: 40px !important;
}

.ctm_content_item_description .wp-video {
  width: 100% !important;
}

.ctm_content_item_description a {
  color: #000000 !important;
}

.ctm_full_new_design_wrap .ctm_content_item_description :is(img:nth-child(odd)) {
  width: calc(50% - 24px);
  margin-bottom: 40px;
  margin-right: 24px;
}

.ctm_full_new_design_wrap .ctm_content_item_description :is(img:nth-child(even)) {
  width: calc(50% - 24px);
  margin-bottom: 40px;
  margin-left: 24px;
}

.ctm_full_new_design_wrap .ctm_content_item_description :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  margin-bottom: 40px !important;
}

.ctm_full_new_design_wrap .ctm_content_item_description ul {
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style-type: none;
  list-style: none;
  padding-left: 0;
}

.ctm_full_new_design_wrap .ctm_content_item_description ul li {
  position: relative;
  padding-left: 16px;
}

.ctm_full_new_design_wrap .ctm_content_item_description ul li::before {
  position: absolute;
  content: '-';
  color: #000000;
  font-size: 20px;
  line-height: 0;
  left: 0;
  top: 43%;
}

.section-content .course-item .meta-left:has(.index) {
  min-width: 180px !important;
}

.latest__news_heading h5 {
  color: #000000;
  font-size: 18px;
  font-weight: 600 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: normal;
}

.news_carousel_desc,
/* .ctm_news_post_description, */
.card_course_user p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

.course_viewers span {
  color: #000000;
}

.course_price p {
  color: #6d6f71;
  font-size: 18px;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
  margin: 0 !important;
}

.course_price .wrowrong_price {
  font-size: 16px;
  color: #6d6f71 !important;
}

.course_price .currect_price {
  color: #000000 !important;
}

.course_free {
  color: green !important;
}

.ctm_news_carousel_wrap .owl-item {
  display: flex;
  justify-content: center;
}

.ctm_news_carousel_wrap .owl-stage {
  display: flex;
}

.ctm_news_carousel_wrap .owl-nav {
  display: none;
}

.ctm_key_contacts_main_wrapper,
.ctm_reports_main_wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.key_contacts_wrapper {
  background: var(--axischart--background--color);
  border-radius: 1rem;
}

.key_contacts_content {
  padding: 1rem;
}

.ctm_marketing_carousel_wrap .owl-nav .owl-prev {
  position: absolute;
  left: -30px !important;
}

.ctm_marketing_carousel_wrap .owl-nav .owl-next {
  position: absolute;
  right: -30px !important;
}

.ctm_news_carousel img {
  object-fit: cover;
  aspect-ratio: 2;
}

.ctm_marketing_carousel img {
  object-fit: contain !important;
  aspect-ratio: 2 !important;
}

.ctm_full_new_design_wrap .marketing_slider_heading_wrap h2 {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #000000;
}

.marketing_slider_content h3 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #000000;
  width: fit-content;
}

.ctm_reports_name svg,
.marketing_slider_content svg {
  transform: rotate(-45deg);
}

.marketing_slider_info_wrap.ctm_section_heading_wrap:last-child {
  margin-bottom: 0 !important;
}

.marketing_slider_main_wrap {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 24px;
}

.marketing_slider_img img {
  aspect-ratio: 3 / 1;
  object-fit: contain;
  background-color: #E1E1E1;
  max-height: 160px;
  width: 100% !important;
  height: 100% !important;
}

.news_main_wrap {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.course .course-thumbnail .course-readmore {
  position: absolute;
  top: 50%;
  width: auto;
  z-index: 90;
  left: 50%;
  right: auto;
  margin: auto;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background: #c3c3c3 !important;
  color: #000000;
  line-height: 30px;
  padding: 5px 25px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  border-radius: 10px;
}

.news-readmore,
.course-readmore {
  background: #c3c3c3;
  color: #000000 !important;
  text-decoration: none !important;
  line-height: 30px;
  padding: 5px 25px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: inherit;
  border-radius: 6px;
  transition: all 250ms ease-in-out;
  font-family: "Cormorant Garamond", Georgia, serif;
}

.course-readmore:hover {
  background: #000000 !important;
  text-decoration: none !important;
  color: #ffffff !important;
}

.news_wrap_main .card-title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

.news_wrap_main .card-text {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

.latest__news_wrap .card-title {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

.latest__news_wrap .card-text {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: normal;
}

.news_sidebar form select {
  width: 100%;
  padding: 7px 15px !important;
  margin-bottom: 5px;
  border-radius: 10px !important;
}

.dropdown-menu li form {
  padding: 0 !important;
}

.dropdown-menu li form button {
  width: 100% !important;
  border-radius: 0;
  text-align: start !important;
}

.user_level_wrap button:hover,
.user_level_wrap button.active {
  box-shadow: none !important;
  color: #000000 !important;
  z-index: 0 !important;
  background-color: transparent !important;
  border-radius: 0;
}

.MainSerachRemove .user_level_wrap {
  position: relative;
}

.MainSerachRemove .user_level_wrap::after {
  content: "\203a";
  right: 0;
  position: absolute;
  font-size: 26px;
  line-height: 0;
  font-weight: 400;
  transform: rotate(90deg);
  top: 13px;
}

.news_search_wrap::before {
  content: "\f002";
  font-family: 'thim-ekits';
  transform: rotate(-90deg);
  left: 0;
  position: absolute;
  font-size: 14px;
  line-height: 0;
  font-weight: 400;
  top: 11px;
}

#btn_group button:hover {
  box-shadow: none !important;
  background-color: transparent !important;
  color: #000000;
  font-weight: 600;
}

#btn_group button {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0;
  color: #999;
  font-weight: 500;
}

.selected2 {
  background-color: #fefefe !important;
}

#btn_group .btn_val.selected2 {
  border-radius: 3px !important;
  background-color: #fefefe !important;
  color: #000000;
  font-weight: bold;
  background-color: transparent;
}

.user_level_wrap button {
  background-color: #f8f9fa !important;
  box-shadow: none !important;
  outline: none !important;
}

.news_sidebar h3.open .arrow-down {
  border: solid black !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
  transform: rotate(-135deg) !important;
}

.team_user_info_wrap {
  cursor: pointer !important;
}

.team_info_sidebar_close {
  background-color: #000000;
  position: absolute;
  top: 48px;
  right: 48px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team_info_sidebar_close button {
  filter: invert(1);
  opacity: 1;
}

.pc_profile_wrap h5,
.team_user_info .team_user_name {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
}

.ctm_team_sorting_wrap li a {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  text-decoration: underline;
  text-transform: uppercase;
}

.profile-slide-out:has(.offcanvas.show) {
  position: fixed;
  z-index: 9999;
  background: hsl(0deg 0% 0% / 80%);
  inset: 0;
}

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

.team_user_profile img {
  max-width: 64px !important;
  max-height: 80px !important;
  width: 100% !important;
  height: 100% !important;
}

.character_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.list_view_card_row.row .card-footer {
  border: none !important;
  padding: 0 !important;
}

.sidebar_hide {
  display: none !important;
}

.sidebar_profile {
  word-break: break-all;
}

#popup-course {
  position: relative !important;
  z-index: 0 !important;
}

#popup-header {
  position: absolute !important;
}

#popup-course #popup-content {
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: calc(100vh - 25px);
  width: 100%;
  padding: 0;
  overflow-x: hidden;
}

.ctm_start_course li {
  pointer-events: none !important;
}

.ctm_course_lesson_wrap .ctm_dark {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.ctm_course_lesson_wrap .ctm_dark .course-item-title {
  color: #ffffff;
}

.ctm_course_lesson_wrap #left {
  flex-direction: row;
}

.ctm_course_lesson_wrap #right {
  flex-direction: row-reverse;
}

.learn-press-message.success {
  display: none;
}

.ctm_course_lesson_wrap .completed {
  display: none !important;
}

.ctm_course_lesson_wrap .ctm_course_details_library {
  display: flex;
  align-items: center;
  height: 100%;
  position: sticky;
  top: 0;
  z-index: 999;
}

.viewing-course-item #main-content {
  position: fixed !important;
  width: 100%;
}

.ctm_course_lesson_wrap .ctm_course_details_content,
.ctm_course_lesson_wrap .edit-course-item-link {
  z-index: 999;
  position: relative;
}

.ctm_course_lesson_wrap .ctm_light {
  background-color: #ffffff !important;
}

#full-page.ctm_image_active .ctm_light,
#full-page.ctm_image_active .ctm_light .course-item-title,
.ctm_full_library_light,
.ctm_full_library_light .course-item-title {
  background-color: transparent !important;
  color: #ffffff !important;
}

#full-page.ctm_image_active .ctm_dark,
#full-page.ctm_image_active .ctm_dark .course-item-title,
.ctm_full_library_dark,
.ctm_full_library_dark .course-item-title {
  background-color: transparent !important;
  color: #000 !important;
}

.course-payment .lp-course-buttons form {
  width: 100% !important;
}

.course-payment .lp-course-buttons form .lp-button {
  width: 100% !important;
  height: auto !important;
  padding: 16px !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  border: 0 !important;
}

.unrollcourse {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  text-align: center;
  background-color: #E1E1E1;
  color: #000000;
}

.unrollcourse a {
  color: #E51610;
}

.pc_profile_image_wrap .pc_profile_image {
  max-width: 300px;
  width: 100% !important;
  max-height: 300px;
  height: 100% !important;
}

#main-content:has(#lp-archive-courses) {
  display: flex;
}

.ctm_course_lesson_wrap .ctm_course_details_no_select {
  padding: 64px 48px;
}

.ctm_content_item_description * {
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.ctm_course_details_content {
  height: auto !important;
}

.ctm_course_details_content .content-item-description :is(p, ul, ol, span, a) {
  margin-bottom: 16px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 24px !important;
}

.ctm_course_background_image_wrap {
  background-size: cover !important;
  background-position: center !important;
  background-attachment: inherit !important;
  background-repeat: no-repeat !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
}

.ctm_course_details_library:has(> img) {
  padding: 0 !important;
}

.ctm_course_details_library {
  overflow: hidden;
}

.ctm_course_details_content,
.ctm_course_details_library img {
  width: 100%;
  height: 100%;
}

.learnpress-v4.admin-bar.viewing-course-item#thim-body #wpadminbar {
  display: block !important;
}

#popup-footer #complete-lesson-form input[type="submit"] {
  background: transparent !important;
  text-transform: capitalize !important;
}

#popup-footer #complete-lesson-form input[type="submit"]:hover {
  text-decoration: none !important;
}

.course-item-nav .next a,
.course-item-nav .prev a {
  width: 100%;
}

.entry-navigation-post .prev-post,
.heading.previous_post_arrow {
  text-align: start !important;
}

.entry-navigation-post .next-post,
.heading.next_post_arrow {
  text-align: end !important;
}

.previous_post_arrow::after {
  position: absolute;
  content: "\2B9C";
  left: 0;
  width: 30px;
  height: 30px;
}

.next_post_arrow::after {
  position: absolute;
  content: "\2B9E";
  right: 0;
  width: 30px;
  height: 30px;
}

#ctm_slidebar_close_btn {
  position: absolute;
  top: 14px;
  right: 15px;
  z-index: 999;
}

.ctm_course_details_content .question-title {
  text-align: start !important;
}

.ctm_course_lesson_wrap {
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
}

.ctm_course_lesson_wrap .content-item-summary:has(> .ctm_lesson_parent_wrap) {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  height: 100%;
}

.background-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
}

.ctm_lesson_parent_wrap {
  height: calc(100vh - 195px);
  overflow: auto;
  max-width: 100%;
  width: 100%;
}

.ctm_course_lesson_wrap .content-item-summary {
  padding-bottom: 50px !important;
}

.ctm_img_full_warp .ctm_course_details_content {
  width: 66.66%;
}

.ctm_course_details_content .learn-press-form .button-complete-lesson {
  margin: 0 !important;
}

#lp-single-course #popup-course {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  height: 100%;
}

#lp-single-course #popup-course #popup-footer {
  position: sticky;
  max-width: 100%;
  left: 0;
  bottom: 0;
  padding: 0px 142px;
}

#popup-course #popup-footer {
  height: 110px;
}

#popup-footer .course-item-nav__name {
  right: 0px !important;
}

#popup-footer .prev .course-item-nav__name {
  left: 0px !important;
  width: fit-content !important;
}

.page-content .page-content-inner {
  padding: 22px;
}

.post-formats-wrapper:has(>.ctm_post_main_thubnial) {
  min-height: clamp(500px, 50vh, 200vh);
  position: relative;
}

.post-formats-wrapper .ctm_post_main_thubnial {
  background-size: cover;
  width: 100%;
  opacity: 1;
  height: 100%;
  position: absolute;
  inset: 0;
  background-position: center;
}

.post-formats-wrapper:has(.ctm_post_main_thubnial) {
  margin-left: -22.5px !important;
  margin-right: -22.5px !important;
  margin-top: -22.5px !important;
}

.page-content .post-formats-wrapper img {
  max-height: 500px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  min-height: 500px !important;
}

.page-content .ctm_news_details_img_wrap {
  position: relative;
  margin-bottom: 25px;
}

.page-content .new_details_main_wrap .ctm_news_details_img_wrap {
  min-height: 500px !important;
}

.page-content .ctm_news_details_img_wrap::before {
  position: absolute;
  content: "";
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: #00000073;
}

.page-content header.entry-header {
  margin-bottom: 0 !important;
}


.page-content-inner .entry-header h1 {
  color: #000000;
  font-size: 64px !important;
  line-height: 72px !important;
  font-weight: 500 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.ctm_news_details_heading {
  /* position: absolute; */
  top: 64px;
  left: 48px;
  right: 48px;
  /* color: #ffffff !important; */
  color: #000000 !important;
  margin: 0 !important;
}

.new_details_wrap .entry-content h2 {
  color: #000000 !important;
  font-size: 32px !important;
  line-height: 40px !important;
  font-weight: 600 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.new_details_wrap .entry-content h3 {
  color: #000000 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.new_details_wrap .entry-content h4 {
  color: #000000 !important;
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.new_details_wrap .entry-content h5 {
  color: #000000 !important;
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.new_details_wrap .entry-content h6 {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

.new_details_wrap .entry-content p {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  margin-bottom: 0 !important;
}

.new_details_wrap .entry-content p.first_p {
  width: calc(50% - 1px) !important;
  float: left !important;
  padding-left: 0;
}

.new_details_wrap .entry-content>h2:first-of-type {
  margin-bottom: 40px !important;
  padding: 0 !important;
  width: 100% !important;
}

.new_details_wrap .entry-content :is(p, h2) {
  width: calc(50% + 1px) !important;
  float: right !important;
  padding-left: 36px;
  margin-bottom: 16px !important;
}

/* .new_details_wrap .entry-content :is(p, h2):nth-of-type(n+2) {
  width: calc(50% + 1px) !important;
  float: right !important;
  padding-left: 36px;
  margin-bottom: 16px !important;
} */

.new_details_wrap .entry-content>div[aria-label="div widget"] img,
.new_details_wrap .entry-content :is(h3, h4, h5, h6, span, blockquote) {
  width: calc(50% + 1px) !important;
  float: right !important;
  padding-left: 36px;
  margin: 40px 0 !important;
  border: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.new_details_wrap .entry-content img {
  width: 100% !important;
  height: 100% !important;
}

.new_details_wrap .entry-content :is(ul) {
  width: calc(50% + 1px) !important;
  float: right !important;
  padding-left: 36px;
  border: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.new_details_wrap .entry-content blockquote :is(p, h1, h2, h3, h4, h5, h6, span) {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}


.home_group_search .form-control,
#find_users .form-control {
  padding-left: 2.375rem;
}

#find_users .form-control input::placeholder {
  color: #000000 !important;
}

.home_group_search .form-control {
  padding-left: 2rem;
}

.home_group_search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #c3c3c3;
  left: 13px;
}

#find_users .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #000;
  left: -7px;
}

.home_group_search .form-control-feedback {
  left: 0;
}

.home_group_list {
  max-height: 35vh;
  overflow: hidden;
  overflow-y: overlay;
}

.home_group_list ul {
  margin: 0;
  padding-left: 22px;
}

.home_group_list ul li {
  font-size: 15px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  color: #000000;
  padding-left: 5px;
  cursor: pointer;
  list-style: none;
  position: relative;
}

.home_group_list #groups1 li::marker {
  content: "\f192";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  color: #000000;
}

.home_group_list #states1 li::marker {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #000000;
}

.home_group_list #offices1 li::marker {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #000000;
}

.home_group_list #agents1 li::marker {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #000000;
}

.group_main_wrap {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: 99;
  display: none;
}

.treeview {
  height: 300px !important;
  width: 100% !important;
}

.treeview .dx-texteditor.dx-state-active::before,
.treeview .dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #000000 !important;
}

.ctm_chart_btn_group .btn-group {
  max-width: fit-content !important;
  gap: 0 3px;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #000000;
}

.form-select {
  background-position: right center !important;
  background-position-y: 6px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

#chart .apexcharts-toolbar {
  display: none !important;
}

.chart_dropdown .dropdown-toggle::after {
  display: none !important;
}

.ctm_microsoft_btn .wpo365-mssignin-button {
  border-color: #000 !important;
}

.ctm_microsoft_main_wrap {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* .ctm_login_logo,
.ctm_microsoft_btn .elementor-widget.elementor-widget-shortcode {
  margin-bottom: 0 !important;
} */


.elementor-913 .elementor-element.elementor-element-06bf0d2>.elementor-widget-container {
  background-color: inherit !important;
}

.elementor-1033 .elementor-element.elementor-element-53130fa:not(.elementor-motion-effects-element-type-background),
.elementor-1033 .elementor-element.elementor-element-53130fa>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: inherit !important;
}

.ctm_login_logo img {
  filter: brightness(0) invert(1);
  width: 150px !important;
  height: 100% !important;
}

.ctm_microsoft_btn .wpo365-mssignin-wrapper {
  padding: 0 !important;
}

.ctm_microsoft_btn {
  min-height: 100vh;
  background-color: #000000 !important;
}

.ctm_microsoft_btn .elementor-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  padding: 0 12px !important;
}

.ctm_microsoft_button {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  background-color: transparent !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  padding: 16px !important;
  width: 100% !important;
  border-radius: 0 !important;
  text-align: center !important;
}

.ctm_login_footer_list_wrap .elementor-icon-list-text {
  text-decoration: underline !important;
}

#popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 999;
}

#popup-content {
  background: #000000;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 305px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding-bottom: 50px;
}

#popup-course:has(#popup-content .ctm_lesson_parent_wrap .ctm_dark) #popup-footer {
  background-color: #000000 !important;
}

#popup-course:has(#popup-content .ctm_lesson_parent_wrap .ctm_dark) #popup-footer .ctm_lessons_control {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

#popup-content h3 {
  color: #fff !important;
}

.popup_dashboard {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: #000000;
}

.popup-content_dashboard {
  text-align: center;
}

.installAppyourClassName {
  display: none !important;
}

#closePopup_dashboard {
  cursor: pointer;
  position: absolute;
  top: -12px;
  right: -12px;
  padding: 6px 10px;
  border-radius: 50%;
  line-height: normal;
  font-size: 14px;
  background: #fff;
  color: #000000;
}

#pdf_spin,
#ajax_spin {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  font-size: 38px;
  color: #000000;
  display: none;
}

.team_info_header .team_info_img {
  border-radius: 50% !important;
  max-width: 130px !important;
  max-height: 130px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.team_info_header {
  border-color: #6d6f71;
  position: relative;
}

.team_info_edit {
  position: absolute !important;
  right: 0 !important;
  top: 20px !important;
  justify-content: end !important;
  display: flex !important;
  padding: 0 !important;
  margin-right: -32px !important;
  gap: 5px;
}

.team_info_body img {
  max-width: 16px !important;
  max-height: 16px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.team_contact_clipboard img {
  max-width: 18px !important;
  max-height: 18px !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  object-fit: contain !important;
}

.team_info_body a,
.team_info_body p {
  color: #000;
  font-size: 14px;
  word-break: break-all;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  line-height: normal;
}

.ctm_courses_main,
.ctm_news_wrap {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 24px;
}

.courses_main_wrap .courses_heading {
  color: #000;
  font-size: 28px;
  letter-spacing: 0.3px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  line-height: normal;
}

#copySuccessNum,
#copySuccessMsg {
  font-size: 14px;
}

.ctm_chart_btn_group_home .btn-group {
  padding: 0 4px;
}

/*--------------- Course Progress Css strat here --------------- */
.card_course_footer .lp-course-progress-heading {
  font-size: 13px;
  color: #000000;
}

.card_course_footer .lp-course-graduation {
  font-size: 12px;
}

.card_course_footer .lp-course-graduation.in-progress {
  color: #0bb90a;
}

.card_course_footer .lp-course-graduation.failed {
  color: #ff0000;
}

.card_course_footer .lp-course-graduation.passed {
  color: #3eadff;
}

.card_course_footer .learn-press-progress {
  overflow: hidden;
  position: relative;
  width: 80px;
  height: 6px;
  border-radius: 3px;
}

.card_course_footer .learn-press-progress .progress-bg {
  overflow: hidden;
  position: relative;
  height: 6px;
  background: #ccc;
  border-radius: 5px;
}

.card_course_footer .lp-course-progress .lp-passing-conditional {
  position: absolute;
  top: 0;
  width: 3px;
  height: 6px;
  margin-left: -1px;
  background: #000000;
}

.card_course_footer .learn-press-progress .progress-bg .progress-active {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  margin-left: -100%;
  background: #000000;
  border-radius: 5px;
}

/* -------- Traning & Courses Page ---------- */
.course_progress :is(.lp-course-progress-heading, .lp-course-graduation.passed) {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6D6F71;
}

.course_progress .lp-course-graduation.passed {
  color: #000000 !important;
}

.ctm_category_img {
  max-width: 424px;
  width: 100%;
  height: 290px;
  background-color: #E1E1E1;
}

.ctm_news_alerts_cards_wrap .ctm_category_img {
  height: 100%;
}

.ctm_category_top_img {
  background-color: #E1E1E1;
}

.ctm_category_top_img svg {
  width: 30px;
  height: 30px;
}

.ctm_category_top_img img {
  width: 100%;
  height: 30px !important;
  object-fit: contain;
}

.ctm_no_courses_found {
  font-family: "Cormorant Garamond", Georgia, serif;
  height: 30vh;
  background: #f2dede;
}

/* -------- top sales ---------- */

#topSalesTable thead th,
#agentRankTable thead th,
#newListingsTable thead th {
  text-align: center !important;
}

.autoG_resultsTable thead th.text-end,
.autoG_resultsTable tbody td.text-end,
#testresultsTable thead th.text-end,
#testresultsTable tbody td.text-end {
  text-align: right !important;
}

.autoG_resultsTable thead th.text-start,
.autoG_resultsTable tbody td.text-start,
#testresultsTable thead th.text-start,
#testresultsTable tbody td.text-start {
  text-align: left !important;
}

#topSalesTable :is(thead th, tbody td),
.autoG_resultsTable :is(tbody td),
#testresultsTable :is(tbody td),
.ctm_lock_table_wrap :is(thead th, tbody td),
.ctm_table_wrap :is(thead th, tbody td),
#agentComm :is(thead th, tbody td),
#agentRankTable :is(thead th, tbody td),
#newListingsTable :is(thead th, tbody td) {
  line-height: 1rem;
}

.ctm_lock_table_wrap thead th,
#agentComm thead th {
  position: relative;
}

.ctm_lock_table_wrap thead th p,
.ctm_table_wrap thead th p,
#agentComm thead th p {
  font-weight: 700;
}

.ctm_lock_table_wrap thead th span,
.ctm_table_wrap thead th span,
#agentComm thead th span {
  font-weight: 400;
}

#newListingsTable tbody tr>*,
#agentRankTable tbody tr>*,
.ctm_lock_table_wrap tbody tr>*,
.ctm_table_wrap tbody tr>*,
#agentComm tbody tr>*,
#topSalesTable tbody tr>* {
  box-shadow: none;
}

#topSalesTable tbody td .status {
  flex-wrap: nowrap;
  display: flex;
  width: max-content;
}

#newListingsTable>tbody tr>.sorting_1,
#agentRankTable>tbody tr>.sorting_1,
.ctm_lock_table_wrap>tbody tr>.sorting_1,
.ctm_table_wrap>tbody tr>.sorting_1,
#agentComm>tbody tr>.sorting_1,
#topSalesTable>tbody tr>.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
}

#newListingsTable thead th:hover,
#agentRankTable thead th:hover,
.autoG_resultsTable thead th:hover,
#testresultsTable thead th:hover,
.ctm_lock_table_wrap thead th:hover,
.ctm_table_wrap thead th:hover,
#agentComm thead th:hover,
#topSalesTable thead th:hover {
  outline: none !important;
}

.dt-search input[type="search"]::placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.dt-search input[type="search"] {
  border-radius: 0 !important;
  border-color: #000000 !important;
  outline: none !important;
  height: 40px !important;
  padding: 5px 12px 5px 0 !important;
  margin: 0 !important;
  border-width: 0 0 1px 0 !important;
}

#topSalesTable_wrapper input[type="search"]:focus,
#agentComm_wrapper input[type="search"]:focus,
#agentRankTable_wrapper input[type="search"]:focus #newListingsTable_wrapper input[type="search"]:focus {
  border-color: #6D6F71;
}

.dt-length select {
  border-radius: 0px !important;
  margin: 0px 6px 0px 0px !important;
  padding: 8px 8px 8px 0 !important;
  border-width: 0 0 1px 0 !important;
  border-color: #000000 !important;
}

.paging_full_numbers .dt-paging-button:hover,
.paging_full_numbers .dt-paging-button.current {
  background: #c3c3c3 !important;
  box-shadow: none !important;
  color: #000000 !important;
  border-color: #c3c3c3 !important;
  outline: none !important;
}

.dt-layout-table {
  overflow-x: auto;
}

.dt-layout-cell.dt-start .dt-info {
  margin-top: 12px;
}

/*--------------- Course Progress css End here --------------- */

/* ctm_logo */
#ctm_logo {
  display: none;
}

#chart {
  width: 100%;
}

.pdf-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pdf-image {
  width: 425px;
  padding: 30px;
}

.pdf-chart-width {
  width: 680px;
}

#popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fefefe;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 10px !important;
}

#generatePdfButton {
  cursor: pointer !important;
}

#closeBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 16px !important;
}

/*Apps Panel Start Here  */
.ctm_categories_main,
.ctm_apps_panel_wrap {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.5rem;
}

.ctm_course_img img,
.ctm_news_post_img img,
.key_contacts_img img,
.ctm_social_feed_img img {
  max-height: 290px !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  aspect-ratio: 2;
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.key_contacts_img img {
  aspect-ratio: 1.5
}

.ctm_news_alerts_cards_wrap .ctm_news_post_img img {
  max-height: 100% !important;
  object-position: 0 20%;
}

.ctm_apps_panel_main_wrap:before,
.ctm_apps_panel_main_wrap:after,
.ctm_apps_panel_wrap:before,
.ctm_apps_panel_wrap:after {
  content: none !important;
}

.ctm_apps_panel_wrap .ctm_apps_panel img {
  max-width: 120px !important;
  max-height: 120px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  aspect-ratio: 2;
}

.ctm_apps_panel {
  background: var(--axischart--background--color);
}

.ctm_section_heading {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

.ctm_edit_ranking span,
.ctm_shorting_wrap span,
.ctm_lessons_details_links a,
.ctm_view_all {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

.quick_link_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

.ctm_apps_panel svg {
  transform: rotate(45deg);
}

.news_publish_wrapper {
  position: absolute;
  bottom: 64px;
  left: 48px;
}

.news_publish_wrapper :is(span, a) {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #ffffff !important;
}

.course-results-progress .course-progress .lp-course-progress-heading,
.course-results-progress .course-progress .lp-course-progress-heading :is(span, b) {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #000000 !important;
}

.ctm_course_details_links a {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #000000 !important;
}

/*Apps Panel End Here  */
/*Social Feed Start Here  */
.ctm_social_feed_wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.ctm_social_feed_wrap .card {
  background: var(--axischart--background--color);
}

.ctm_news_carousel_content .news_carousel_heading,
.ctm_course_heading,
.ctm_news_post_heading,
.ctm_social_feed .ctm_social_feed_body h3 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #000000;
  line-height: 20px;
}

.ctm_news_carousel_content .news_carousel_desc,
.news_search_wrap,
.news_search_wrap input[type="search"]::placeholder,
.ctm_course_description,
.ctm_news_post_description,
.ctm_course_tracking a,
.ctm_news_post_button a,
.ctm_social_read_more a,
.news_load_more a,
.ctm_phone_wrap,
.ctm_mail_wrap,
.ctm_social_feed .ctm_social_feed_body p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 0.8rem !important;
  color: #000000 !important;
  line-height: 24px;
}

.ctm_social_type span {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px;
  color: #6D6F71;
  display: inline-block;
  height: 16px;
}

/*Social Feed end Here  */


.install_popup_wrap.active,
.popup_dashboard_wrap.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 85%);
  z-index: 9999;
  backdrop-filter: blur(2px);
}

.ctm_request_marketing_form input[type="text"],
.ctm_request_marketing_form input[type="email"],
.ctm_request_marketing_form input[type="number"],
.ctm_request_marketing_form .wpforms-uploader {
  border: none !important;
  border-radius: 10px !important;
  color: #6d6f71 !important;
  background-color: #ffffff !important;
  padding: 22px 14px !important;
}

.ctm_request_marketing_form textarea {
  border: none !important;
  border-radius: 10px !important;
  color: #6d6f71 !important;
  background-color: #ffffff !important;
}


.dashboard_home_wrap {
  background-color: var(--axischart--background--color);
  height: 100%;
  border-radius: 1rem;
}

/* TA-575 */
.background_orange {
  /* background-color: #000000 !important; */
  background-color: var(--axischart--background--color) !important;
  height: 100%;
  border-radius: 1rem;
}

.ctm_news_container_wrap {
  max-height: 310px;
  overflow: overlay;
}

.items-progress .learn-press-progress .learn-press-progress__active {
  background-color: #000000 !important;
}

/* news-latter css start */

.news_latter_container .news_heading {
  position: absolute;
  background: #ea3a3d;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 24px;
  color: white;
  font-weight: bold;
  z-index: 200;
}

.news_latter_container ul {
  display: flex;
  list-style: none;
  margin: 0;
}

.news_latter_container ul li {
  white-space: nowrap;
  padding: 24px 12px;
  color: #000000;
  position: relative;
}

/* news-latter css end */

/* Business plan start here */
.dx-treeview-item-content:has(.performance_filter_loader) {
  position: relative;
}

.dx-treeview-item-content:has(.performance_filter_loader)::after {
  position: absolute;
  content: "";
  width: 20px;
  right: 0;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #000000;
  --_m:
    conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn)
  }
}

.business_main_wrap .todo_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #000000;
}

.ctm_data_wrapper {
  border-bottom: 1px solid #E1E1E1;
}

.ctm_reports_name span,
.key_contact_name,
.ctm_task_heading {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
}

.ctm_success_msg,
.key_contact_position,
.key_contact_email span,
.task-date,
.task-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
}

.collapse.show {
  visibility: visible !important;
  display: block !important;
}

.list-group-item:has(input[type="checkbox"]:checked:not(.ctm_delete)) .task-title {
  text-decoration: line-through;
}

/* Business plan end here */

#preload {
  display: none !important;
}

/* Begin:PDF query */
.download_pdfContent {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 26px;
}

.download_pdfContent .ctm_section_heading {
  font-size: 20px !important;
  line-height: normal !important;
}

.download_pdfContent .ctm_section_heading_wrap {
  margin-bottom: 8px !important;
}

.download_pdfContent .dashboard_home_heading {
  display: flex;
  flex-direction: column;
}

.download_pdfContent :is(.background_orange, .dashboard_home_wrap):has(.dashboard_home_heading) {
  padding: 16px !important;
}

.download_pdfContent .dashboard_home_heading :is(.box_heading, .box_time_title),
.download_pdfContent .dashboard_home_complete :is(.prev_title, .prev_amount),
.download_pdfContent .agent_ranking :is(.agent_ranking_heading, .agent_ranking_info),
.download_pdfContent .agent_ranking_wrap :is(.agent_ranking_heading, .agent_ranking_info),
.download_pdfContent :is(.ctm_ranking_level_info),
.download_pdfContent .ctm_data_wrapper :is(.task-title, .task-date),
.download_pdfContent .key_contact_degination :is(.key_contact_name, .key_contact_position) {
  font-size: 12px !important;
  line-height: 16px !important;
}

.download_pdfContent .key_contact_degination {
  margin-bottom: 8px !important;
}

.download_pdfContent .key_contact_email a>span {
  font-size: 12px !important;
  line-height: 16px !important;
  overflow-wrap: anywhere !important;
}

.download_pdfContent .key_contact_email a>svg {
  width: 12px !important;
  height: 12px !important;
}

.download_pdfContent .dashboard_home_count svg {
  width: 20px !important;
  height: 20px !important;
}

.download_pdfContent table.dataTable {
  border-collapse: collapse !important;
}

.download_pdfContent table#topSalesTable colgroup col:nth-child(1) {
  width: 220px !important;
}

.download_pdfContent table#topSalesTable colgroup col:nth-child(2),
.download_pdfContent table#topSalesTable colgroup col:nth-child(3),
.download_pdfContent table#topSalesTable colgroup col:nth-child(4),
.download_pdfContent table#topSalesTable colgroup col:nth-child(5) {
  width: 105px !important;
}

.download_pdfContent table#topSalesTable colgroup col:nth-child(6) {
  width: 305px !important;
}

.download_pdfContent #market_share_img {
  height: 320px !important;
  max-width: 100% !important;
}

.download_pdfContent .dashboard_home_count .sale_amount {
  font-size: 20px !important;
  line-height: 24px !important;
}

.download_pdfContent .ctm_section_wrapper {
  margin-bottom: 38px !important;
}

.download_pdfContent :is(.key_contacts_wrapper, .agent_view_card_wrap) {
  padding-bottom: 8px !important;
}

.download_pdfContent :is(#tab-selector, .dynamic_title_btn) {
  font-size: 12px !important;
  padding-bottom: 8px !important;
}

.download_pdfContent .table-responsive:has(#testresultsTable_wrapper) {
  margin-bottom: 0 !important;
}

.download_pdfContent table {
  page-break-inside: auto;
}

.pdf_footer_wrap,
.download_pdfContent tr {
  page-break-inside: avoid;
  page-break-after: auto;
}

.download_pdfContent .page_break,
.download_pdfContent:has(#anniversaryYearChart_pdf) #chart_pdf,
/* .download_pdfContent .table-responsive:has(#testresultsTable_wrapper), */
.download_pdfContent.ctm_pdf_state :is(.key_contacts_wrap, .ctm_table_tabs_main_wrap),
/* .download_pdfContent.agent :is(.key_contacts_wrap, .ctm_table_tabs_main_wrap), */
.download_pdfContent.office .ctm_agent_productivity_wrap,
.download_pdfContent.agent .ctm_chart_table_main_wrap #chart_pdf {
  page-break-before: always;
}

.download_pdfContent.agent .ctm_table_tabs_main_wrap,
.download_pdfContent.agent .ctm_chart_table_main_wrap {
  padding: 0 !important;
}

.download_pdfContent.agent #agentComm tbody tr td {
  text-wrap: nowrap;
}

.download_pdfContent .pdf_user_details_main_wrap {
  display: block !important;
}

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

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

.download_pdfContent .pdf_user_details :is(.pdf_user_role, .pdf_user_date) {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-style: normal;
  margin: 0 !important;
}

.download_pdfContent .pdf_user_details .pdf_user_name {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  font-weight: 500;
  margin: 0 !important;
}

.download_pdfContent .pdf_user_img img {
  max-width: 120px;
  max-height: 120px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.download_pdfContent.agent #testresultsTable {
  margin: 0 !important;
}

.download_pdfContent.ctm_pdf_state .ctm_Map_table_main_wrap.page_break,
.download_pdfContent.agent:has(#anniversaryYearChart_pdf) #chart_pdf,
.download_pdfContent.office .table-responsive:has(#testresultsTable_wrapper) {
  page-break-before: avoid;
}

.download_pdfContent.agent #anniversaryYearChart_pdf {
  margin-bottom: 3rem;
}

.download_pdfContent :is(.group_ranking_wrap, .state_ranking_wrap) {
  width: 200px !important;
  height: 200px !important;
}

.download_pdfContent .ctm_ranking_lavel {
  font-size: 22px;
  line-height: 26px;
}

.download_pdfContent .ctm_key_contacts_main_wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.download_pdfContent .ctm_chart_table_main_wrap .gap-5:has(.ic_yearTodate_chart_wrap) {
  gap: 0 !important;
}

.download_pdfContent .dt-container .dt-layout-cell:has(.dataTable),
.download_pdfContent .pdf_padding_0,
.download_pdfContent .container.ctm_section_wrapper:has(.agent_view_card_wrap),
.download_pdfContent .perf-report-section :is(.ctm_section_wrapper:has(.box_progres), .performance_report_chart),
.download_pdfContent .dashboard_home_main_wrap .col-md-6.col-xl-4.col-12:nth-child(2) {
  padding: 0 !important;
}

.download_pdfContent .data_table_heading {
  margin-bottom: 4px !important;
  font-size: .85rem !important;
}

.download_pdfContent .data_table_info {
  font-size: .8rem !important;
}

.download_pdfContent #marketShareImg {
  max-height: 380px;
  height: 100%;
  width: 100%;
}

.download_pdfContent .ctm_lock_table_wrap thead th::after {
  width: 14px;
  background-size: 14px;
}

.download_pdfContent table.dataTable thead th .dt-column-order {
  right: 5px !important;
  width: 8px !important;
}

.download_pdfContent .ic_yearTodate_chart_wrap .apexcharts-yaxis-texts-g {
  transform: translate(15px, 0px);
}

.download_pdfContent .ic_yearTodate_chart_wrap .apexcharts-inner.apexcharts-graphical {
  transform: translate(40px, 30px);
}

.download_pdfContent table.dataTable>thead>tr>th {
  font-size: 0.7rem !important;
  line-height: normal !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 20px !important;
}

.download_pdfContent table.dataTable>tbody>tr>td {
  font-size: 0.7rem;
  line-height: normal;
  padding: 5px 8px !important;
}


.download_pdfContent thead {
  display: table-header-group;
}

.download_pdfContent tfoot {
  display: table-footer-group;
}

.download_pdfContent .ctm_section_wrapper:has(#newGoalsAdd),
.download_pdfContent .ctm_section_heading_wrap:has(#tab-selector),
.download_pdfContent .ctm_section_wrapper:has(.box_progres) .ctm_section_heading_wrap,
.download_pdfContent :is(.home_head_title_wrap, .ctm_chart_btn_group_wrap, .agent_ranking_edit, .ctm_chart_btn_group_wrap:has(#MainSerach), .dt-layout-row:has(.dt-start), .dt-layout-row:has(.dt-end)) {
  display: none !important;
}

.download_pdfContent.agent .ctm_section_heading_wrap {
  background-color: #E1E1E1;
  width: 70%;
  padding: 2px 0;
}

.download_pdfContent .container-fluid:has(.box_progres .dashboard_home_main_wrap) {
  padding: 0 !important;
}

.download_pdfContent #testresultsTable :is(th, td) {
  background-color: transparent;
  border-color: #ddd;
  font-size: .7rem;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.download_pdfContent :is(.pdf_header_logo_wrap, .pdf_footer_wrap) {
  display: block !important;
  width: calc(100% + 56px) !important;
  background-color: #000000 !important;
  margin-left: -26px !important;
}

.download_pdfContent .pdf_header_logo_wrap img {
  max-height: 30px;
  max-width: fit-content;
  width: 100%;
  height: 100%;
}

.download_pdfContent .pdf_footer_wrap {
  display: block !important;
  width: calc(100% + 56px) !important;
  margin-left: -26px !important;
  background-color: #c2c2c24d !important;
}

.pdf_footer_wrap p {
  font-size: .8rem;
  color: #000000;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  text-align: center;
}

.download_pdfContent .agent_view_card_wrap .agent_title {
  font-size: 1rem;
}

.download_pdfContent .ranking_card .ranking_card_title {
  font-size: 1.5rem;
}

.download_pdfContent .cgi_target_main_wrap .cgi_target_wrap p,
.download_pdfContent .ranking_card .ranking_card_des {
  font-size: .8rem;
}

.download_pdfContent .business_main_wrap .todo_title {
  font-size: 1.125rem;
  margin: 0 !important;
}

/* End:PDF query */

/* Begin:events page */
#tribe-events-events-bar-search .tribe-common-c-btn {
  background-color: #000000;
}

#tribe-events-events-bar-search .tribe-common-c-btn:focus,
#tribe-events-events-bar-search .tribe-common-c-btn:hover {
  opacity: .8;
}

.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
  border-color: #000000;
  color: #000000;
}

.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:focus,
.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:focus-within,
.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:hover {
  border-color: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

.tribe_events .tribe-events-content a {
  border-bottom-color: #000000;
}

.tribe_events .tribe-events-content a:focus,
.tribe_events .tribe-events-content a:hover {
  border-bottom-color: #000000;
  color: #000000;
}

#main-content #tribe-events-pg-template {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.row::before,
.row::after {
  content: unset !important;
}

/* Vivek */
.card_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 1.5rem;
  margin: 32px 0 !important;
}

.card_wrapper .tribe-common-g-row {
  display: flex !important;
  margin: 0 !important;
  flex-direction: column;
}

.card_wrapper .tribe-events-calendar-list__event-title,
.card_wrapper .tribe-events-calendar-latest-past__event-title {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #000000 !important;
  line-height: 20px !important;
}

.tribe-events-calendar-list__event-details,
.tribe-events-calendar-latest-past__event-details {
  flex: auto !important;
}

.card_wrapper .date_and_description {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.card_wrapper .tribe-events-calendar-list__event-description,
.card_wrapper .tribe-events-calendar-latest-past__event-description {
  margin: 0 !important;
}


.card_wrapper .tribe-events-calendar-list__event-description p,
.card_wrapper .tribe-events-calendar-latest-past__event-description p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card_wrapper .tribe-events-calendar-list__event-wrapper,
.card_wrapper .tribe-events-calendar-list__event-featured-image-wrapper,
.card_wrapper .tribe-events-calendar-list__event-featured-image-wrapper a,
.card_wrapper .tribe-events-calendar-list__event-featured-image-wrapper a img,
.card_wrapper .tribe-events-calendar-latest-past__event-wrapper,
.card_wrapper .tribe-events-calendar-latest-past__event-featured-image-wrapper,
.card_wrapper .tribe-events-calendar-latest-past__event-featured-image-wrapper a,
.card_wrapper .tribe-events-calendar-latest-past__event-featured-image-wrapper a img {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 1rem;
}

.card_wrapper .tribe-events-calendar-list__event-date-tag,
.card_wrapper .tribe-events-calendar-latest-past__event-date-tag {
  text-align: left !important;
  padding: 15px 22.5px !important;
  width: fit-content !important;
  background-color: #000000;
  min-width: max-content !important;
}

.card_wrapper .tribe-events-calendar-list__event-date-tag-datetime,
.card_wrapper .tribe-events-calendar-latest-past__event-date-tag-datetime {
  gap: 3px;
}

.card_wrapper .tribe-events-calendar-list__event-date-tag-datetime .tribe-events-calendar-list__event-date-tag-month,
.card_wrapper .tribe-events-calendar-latest-past__event-date-tag-datetime .tribe-events-calendar-latest-past__event-date-tag-month {
  color: #ffffff;
  font-size: 15px;
  text-transform: capitalize;
}

.card_wrapper .tribe-events-calendar-list__event-date-tag-datetime .tribe-events-calendar-list__event-date-tag-daynum,
.card_wrapper .tribe-events-calendar-list__event-date-tag-datetime .tribe-events-calendar-list__event-date-tag-weekday,
.card_wrapper .tribe-events-calendar-latest-past__event-date-tag-datetime .tribe-events-calendar-latest-past__event-date-tag-daynum,
.card_wrapper .tribe-events-calendar-latest-past__event-date-tag-datetime .tribe-events-calendar-latest-past__event-date-tag-weekday {
  color: #ffffff;
  font-size: 15px !important;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.card_wrapper .card_footer a {
  text-decoration: none !important;
  border-bottom: none !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000000 !important;
  line-height: 24px !important;
}

/* End:events page */
.cgi_target_chart_wrap .apexcharts-canvas {
  position: absolute;
  user-select: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ctm_course_details_no_select .course-item-title,
.ctm_course_details_content .course-item-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

:not(.single-modula-gallery) article .new_details_main_wrap {
  padding: 0 !important;
}

.ctm_news_carousel_wrap,
article .new_details_main_wrap .new_details_wrap {
  /* padding: 0 22.5px !important; */
  padding: 0 !important;
}

/*--------------- performance-reports Css added 26-03-2025 ---------------*/
/*--------------- performance-reports Css added 28-04-2025 
Updated to set border radius 2rem and background colour
---------------*/

.pefr-report-page nav {
  display: none;
}

.perf-report-section .custom-login-form input[type=submit],
.perf-report-section button {
  background-color: transparent;
}

.perf-report-section .col-md-12.ic_yearTodate_chart_wrap.px-0 #anniversaryYearChart,
#perf_leads_summary {
  background: var(--axischart--background--color) !important;
  border-radius: 1rem;
  margin-bottom: 0.5rem !important;
  padding: .4rem;
}

.perf-report-section .col-md-12.ic_yearTodate_chart_wrap.px-0 #chart,
#recruitment_chart {
  background: var(--axischart--background--color) !important;
  border-radius: 1rem;
  padding: .4rem;
}

.perf-report-section .agent_view_card_wrap .row {
  background: var(--axischart--background--color) !important;
  border-radius: 1rem;
  padding: .4rem;
}

.perf-report-section table.dataTable {
  background: var(--axischart--background--color) !important;
  border-radius: 1rem;
  padding: .6rem;
}

.perf-report-section .key_contact_email .gap-2 {
  gap: 0 !important;
}

.perf-report-section .key_contact_email span {
  margin-left: 10px;
}

.perf-report-section .key_contact_email .key_contact_item {
  display: flex;
  width: 100%;
  align-items: center;
}

.perf-report-section .key_contact_email {
  display: flex;
  flex-wrap: wrap;
  row-gap: 3px;
}

.elementor-element-45bab41,
.shadow-bar-hide-desktop {
  display: none;
}


/*--------------- performance-reports Css added 26-03-2025 end ---------------*/

/*--------------- Media Query css Strat here --------------- */
@media (min-width: 1860px) {
  .ctm_course_details_content .course-item-title {
    font-size: 1.2vw !important;
  }

  .ctm_course_details_content .content-item-description :is(p, ul, ol, span, a) {
    margin-bottom: 16px !important;
    font-size: 0.7vw !important;
  }
}

@media (min-width: 1400px) {
  #main-content .container.site-content {
    max-width: calc(1320px + 342px);
    padding: 0;
  }

}


@media (max-width: 1280px) {

  /*--------------- performance-reports Css added 26-03-2025 ---------------*/
  .perf-report-section .col-md-4.col-12.mb-md-0.mb-4 {
    width: 50% !important;
  }

  /*--------------- performance-reports Css added 26-03-2025 end ---------------*/

  .dashboard_performance_count h3 {
    font-size: 56px;
    margin-bottom: 6px !important;
    color: #fff !important;
  }

  .group_ranking_wrap,
  .state_ranking_wrap {
    width: 300px;
    height: 300px;
  }

  .sidebar_profile img {
    height: 145px !important;
    width: 145px;
  }

}

@media (max-width: 1024px) {

  .desktop-top-bar {
    display: unset;
  }

  .content-pusher .ctm_course_details {
    width: 100% !important;
  }

  .content-pusher .ctm_left_sidebar {
    display: none !important;
  }

  .marketing_heading h1,
  .user_name h1,
  .ctm_course_details_heading,
  .user_name span {
    font-size: 2rem;
    line-height: normal;
  }

  .ctm_section_wrapper {
    margin-bottom: 54px !important;
  }

  .ctm_left_sidebar .ctm_sidebar_wrapper {
    padding: 54px 20px;
  }

  .ctm_full_new_design_wrap .ctm_content_item_description :is(h1, h2, h3, h4, h5, h6, p, ul, strong, img),
  .ctm_section_heading_wrap,
  .thim-style-content-layout_style_3.single-lp_course .content_course_2 .row_content_course #learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .ctm_section .section-header.ctm_section_header,
  .new_details_wrap .entry-content h2:first-of-type {
    margin-bottom: 32px !important;
  }

  .new_details_wrap .entry-content :is(h3, h4, h5, h6, span, blockquote) {
    margin: 32px 0 !important;
  }

  .course-curriculum ul.curriculum-sections:has(.ctm_section) {
    gap: 32px;
  }

  .section-content .course-item {
    line-height: normal !important;
  }

  .ctm_requests_main_wrap .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ctm_categories_main,
  .ctm_apps_panel_wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ctm_courses_main,
  .ctm_news_wrap,
  .ctm_key_contacts_main_wrapper,
  .ctm_reports_main_wrapper,
  .ctm_social_feed_wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group_ranking_wrap,
  .state_ranking_wrap {
    width: 250px;
    height: 250px;
  }


  .comment-form .form-submit input[type="submit"],
  .purchase-course .button-purchase-course,
  .ctm_button {
    padding: 8px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  .ctm_course_lesson_wrap .ctm_course_details_no_select {
    padding: 54px 32px;
  }

  .list_view_content.col-md-9 {
    padding: 15px !important;
  }

  .list_view .course_viewers {
    order: 1;
  }

  .list_view .course_button {
    order: 2;
  }

  .list_view .course_progress {
    order: 3;
  }
}


@media (max-width: 991px) {

  .elementor-element-45bab41,
  .shadow-bar-hide-desktop,
  .elementor-element-5a7a13e {
    display: block;
  }

  .header_main_wrap .navbar {
    display: inherit;
  }

  /*--------------- performance-reports Css added 26-03-2025 ---------------*/
  .pefr-report-page nav {
    display: block;
  }

  /*--------------- performance-reports Css added 26-03-2025 end ---------------*/

  .ctm_full_library_dark,
  .ctm_full_library_light {
    width: 75% !important;
  }

  .page-content .page-content-inner {
    padding: 0px;
  }

  .group_ranking_wrap,
  .state_ranking_wrap {
    width: 210px;
    height: 210px;
  }

  .business_main_wrap .todo_title {
    font-size: 18px;
    line-height: normal;
  }

  .page-content .post-formats-wrapper img {
    max-width: 500px !important;
    max-height: 500px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    min-height: auto !important;
    margin-bottom: 0;
  }

  .page-content .new_details_main_wrap .ctm_news_details_img_wrap {
    min-height: 250px !important;
  }

  .page-content header.entry-header {
    margin-bottom: 0 !important;
  }

  .page-content-inner .entry-header h1 {
    font-size: 26pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h2 {
    font-size: 22pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h3 {
    font-size: 20pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h4 {
    font-size: 18pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content p {
    font-size: 15px !important;
  }

  .courses_main_wrap .courses_heading {
    font-size: 26px;
  }

  .ctm_news_carousel_wrap .owl-nav .owl-prev {
    position: absolute;
    right: 100%;
    left: -30px;
  }

  .ctm_news_carousel_wrap .owl-nav .owl-next {
    position: absolute;
    left: 100%;
    right: -30px;
  }

  .marketing_slider_heading_wrap h2 {
    font-size: 18px;
    line-height: normal;
  }

  .anniversary_range_wrap .anniversary_range_heding {
    font-size: 20px;
  }

  .anniversary_range_wrap .anniversary_range_title {
    font-size: 16px !important;
    line-height: normal !important;
  }

  .anniversary_range_footer h5 {
    font-size: 18px;
  }

  .anniversary_range_footer span {
    font-size: 14px;
  }

  .list-group-item .form-check input[type="text"] {
    width: auto;
  }

  .wrapper-container:has(#before_serach) {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  .wrapper-container:has(#before_serach) :is(.content-pusher, #main-content, #primary, #main, .ctm_main_content_wrap, .ctm_content) {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .ctm_categories_main,
  .ctm_apps_panel_wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ctm_section_heading {
    font-size: 28px;
  }
}

/*-------------------- side bar css 04-06-2025 --------------------*/

.elementor-kit-3.elementor-page:not([data-elementor-device-mode]) .ctm_left_sidebar {
  display: none !important;
}

/*-------------------- side bar css 04-06-2025 end --------------------*/


@media (max-width: 991px) and (min-width: 768px) {

  .learnpress-v4 .lp-single-course #popup-course #popup-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 767px) {

  /*--------------- performance-reports Css added 26-03-2025 ---------------*/
  .perf-report-section .container,
  .perf-report-section .container-sm {
    max-width: 700px;
    width: 100%;
  }

  .perf-report-section .container.ctm_section_wrapper .row .box_progres .row.dashboard_home_main_wrap .col-md-6.col-xl-4.col-12 {
    width: 50%;
  }

  .perf-report-section .course-description .thim-course-content p,
  .dashboard_home_complete .prev_title {
    font-size: 12px;
  }

  .perf-report-section .dashboard_home_count .sale_amount {
    font-size: 23px;
  }

  .perf-report-section .col-md-4.col-12.mb-md-0.mb-4 {
    width: 100% !important;
  }

  .perf-report-section .ctm_key_contacts_main_wrapper.d-grid.gap-4 {
    display: flex !important;
    flex-wrap: wrap;
  }

  .perf-report-section .key_contacts_wrapper.pb-4 {
    width: calc(50% - 0.75rem);
  }

  .perf-report-section table.dataTable {
    font-size: 12px;
  }

  .perf-report-section .cgi_target_chart_wrap .apexcharts-canvas svg {
    transform: scale(0.8);
  }

  /*--------------- performance-reports Css added 26-03-2025 end ---------------*/

  .ctm_news_carousel_wrap,
  article .new_details_main_wrap .new_details_wrap {
    padding: 0 15px !important;
  }

  .ctm_news_details_heading {
    top: 36px;
    left: 28px;
    right: 28px;
  }

  .news_publish_wrapper {
    bottom: 36px;
    left: 28px;
  }

  .post-formats-wrapper:has(.ctm_post_main_thubnial) {
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-top: -15px !important;
  }

  .marketing_heading h1,
  .user_name h1,
  .ctm_course_details_heading,
  .user_name span {
    font-size: 2rem;
    line-height: normal;
  }

  .ctm_course_details_heading {
    padding: 25px 22.5px 0 22.5px;
  }

  .ctm_section_wrapper {
    margin-bottom: 40px !important;
  }

  .ctm_left_sidebar .ctm_sidebar_wrapper {
    padding: 40px 20px;
  }

  .ctm_course_lesson_wrap .ctm_course_details_no_select {
    padding: 40px 24px;
  }

  .ctm_full_new_design_wrap .ctm_content_item_description :is(h1, h2, h3, h4, h5, h6, p, ul, strong, img),
  .ctm_section_heading_wrap,
  .thim-style-content-layout_style_3.single-lp_course .content_course_2 .row_content_course #learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .ctm_section .section-header.ctm_section_header,
  .new_details_wrap .entry-content h2:first-of-type {
    margin-bottom: 24px !important;
  }

  .new_details_wrap .entry-content :is(h3, h4, h5, h6, span, blockquote) {
    margin: 24px 0 !important;
  }

  .course-curriculum ul.curriculum-sections:has(.ctm_section) {
    gap: 24px;
  }

  .marketing_slider_heading_wrap h2 {
    font-size: 16px;
  }

  .ctm_categories_main,
  .ctm_apps_panel_wrap,
  .team_users_main_wrap,
  .marketing_slider_main_wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ctm_courses_main,
  .ctm_news_wrap,
  .ctm_key_contacts_main_wrapper,
  .ctm_reports_main_wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .ctm_category_img {
    max-width: 100%;
  }

  .character_title {
    font-size: 20px;
  }

  .dt-layout-row:has(.dt-layout-cell .dt-length) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .dt-layout-row .dt-layout-cell .dt-length {
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: normal;
  }

  .dt-layout-row .dt-layout-cell .dt-length label {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    margin: 0;
  }

  .dt-search input[type="search"] {
    width: 100%;
  }

  .business_main_wrap .todo_title {
    font-size: 16px;
    line-height: normal;
  }

  .group_ranking_wrap,
  .state_ranking_wrap {
    width: 250px;
    height: 250px;
  }

  .comment-form .form-submit input[type="submit"],
  .purchase-course .button-purchase-course,
  .ctm_button {
    padding: 7px 14px !important;
    font-size: 14px !important;
  }

  .ctm_course_details {
    display: flex;
    flex-direction: column;
  }

  .container.site-content {
    order: 3;
    padding-top: 0 !important;
  }

  .course_right {
    display: none !important;
  }

  .elementor-section .elementor-container {
    display: block !important;
  }

  .card_course_user p,
  .news_wrap_main .card-title,
  .latest__news_wrap .card-title {
    font-size: 14px !important;
    line-height: normal !important;
  }

  .latest__news_heading h5 {
    font-size: 16px;
  }

  .dashboard_performance_count h3 {
    font-size: 28px;
    margin-bottom: 6px !important;
    color: #fff !important;
  }

  .dashboard_home_count .sale_amount {
    font-size: 28px;
  }

  .dashboard_home_count p {
    font-size: 16px;
    margin-bottom: 8px !important;
  }

  .list_view_card_img {
    padding: 0 !important;
  }

  .course_membar img,
  .course_viewers img {
    max-width: 20px !important;
    max-height: 15px !important;
    object-fit: contain !important;
  }

  .list_view_card_img.col-md-3 .course-readmore {
    line-height: normal;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
  }

  .page-content-inner .entry-header h1 {
    font-size: 20pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h2 {
    font-size: 18pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h3 {
    font-size: 16pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content h4 {
    font-size: 14pt !important;
    line-height: normal !important;
  }

  .page-content-inner .entry-content p {
    font-size: 14px !important;
  }

  .team_info_header .team_info_img {
    max-width: 100px !important;
    max-height: 100px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .courses_main_wrap .courses_heading {
    font-size: 22px;
  }

  .home_group_list ul li {
    font-size: 14px;
  }

  .dashboard_home_heading img {
    max-width: 30px !important;
    max-height: 30px !important;
  }

  .ctm_news_carousel_content a {
    font-size: 16px;
  }

  .ctm_course_lesson_wrap .ctm_course_details_library {
    position: unset;
    padding: 15px !important;
    height: auto;
  }

  .ctm_full_library_dark,
  .ctm_full_library_light {
    width: 100% !important;
  }

  .ctm_lesson_parent_wrap {
    height: 100%;
    overflow: auto;
  }

  .viewing-course-item #main-content {
    position: relative !important;
  }

  .ctm_course_details_content .content-item-description :is(p, ul, ol, span, a) {
    margin-bottom: 16px !important;
    font-size: 14.4px !important;
  }

  .ctm_course_lesson_wrap #right {
    flex-direction: column-reverse;
  }

  .anniversary_range_wrap .anniversary_range_heding {
    font-size: 18px;
  }

  .anniversary_range_wrap .anniversary_range_title {
    font-size: 14px !important;
  }

  .anniversary_range_footer h5 {
    font-size: 16px;
  }

  .anniversary_range_footer span {
    font-size: 12.8px;
  }

  .ctm_section_heading {
    font-size: 24px;
    line-height: normal;
  }

  .ctm_social_feed_wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  /* TA-593 */

  .mobile_header_logo {
    position: absolute;
    left: 0;
    width: 100% !important;
  }

  /*--------------- TA-859 popup css added 08-07-2025 ---------------*/

  .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    top: 0 !important;
  }

  .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor .mfp-container.mfp-inline-holder {
    padding: 50px 20px 20px;
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    height: 100%;
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content .request-popup-content {
    max-height: 97%;
    background-color: #ffffff;
    padding: 0 15px 15px;
  }

  .request-popup-content .popup-title {
    position: sticky;
    top: 0;
    z-index: 99;
  }

  /*--------------- TA-859 popup css added 08-07-2025 end ---------------*/

}

@media (max-width: 575px) {
  /*--------------- performance-reports Css added 26-03-2025 ---------------*/

  .perf-report-section .container,
  .perf-report-section .container-sm {
    max-width: 540px;
  }

  .perf-report-section .key_contact_email {
    display: flex;
    flex-direction: row;
    row-gap: 3px;
    flex-wrap: wrap;
  }


  .perf-report-section .key_contact_email svg {
    width: 16px !important;
    height: 16px !important;
  }

  .perf-report-section .key_contact_email span {
    width: calc(100% - 26px);
    font-size: 10px !important;
  }

  /*--------------- performance-reports Css added 26-03-2025 end ---------------*/

  .ctm_lock_table_wrap thead th::after,
  #agentComm thead th::after {
    width: 14px;
    background-size: 14px;
    height: 100%;
    top: 0;
    right: 1px;
  }

  .course_searchbar_wrap select,
  .course_searchbar_wrap input {
    width: 100% !important;
  }

  .list_view_card_img.col-md-3 .course-readmore {
    display: none !important;
  }

  .popup-content_dashboard iframe {
    height: 375px !important;
  }

  .ctm_news_carousel_wrap .owl-dots {
    display: none !important;
  }

  #lp-single-course #popup-course #popup-footer {
    padding: 0px 52px;
  }

  .news_latter_container .news_heading {
    font-size: 14px;
    padding: 0 8px;
    font-weight: normal;
    width: fit-content;
  }

  .ctm_login_logo img {
    width: 120px !important;
  }

  .post-formats-wrapper:has(> .ctm_post_main_thubnial) {
    min-height: clamp(250px, 36vh, 100vh);
    position: relative;
  }
}

@media (max-width: 425px) {

  /*--------------- performance-reports Css added 26-03-2025 ---------------*/
  .perf-report-section .container.ctm_section_wrapper .row .box_progres .row.dashboard_home_main_wrap .col-md-6.col-xl-4.col-12 {
    width: 100%;
  }

  .perf-report-section .ctm_key_contacts_main_wrapper.d-grid.gap-4 {
    display: grid !important;
  }

  .perf-report-section .key_contacts_wrapper.pb-4.border-bottom.border-dark {
    width: 100% !important;
  }

  .perf-report-section .key_contact_email span {
    font-size: 14px !important;
  }

  /*--------------- performance-reports Css added 26-03-2025 end ---------------*/
  .list_view .card_course_footer .row .col {
    justify-content: center !important;
    align-items: center !important;
  }

  .list_view .course-readmore {
    line-height: normal;
    padding: 10px 20px;
  }
}

@media (max-width: 403px) {
  .list_view .row {
    justify-content: center;
  }

  .ctm_form_main_wrap .wpforms-field-file-upload .wpforms-uploader::after {
    margin: 40px 0 0 0 !important;
  }
}

@media (max-width: 350px) {
  .list_view .card_course_footer .row {
    flex-direction: column;
  }
}


.mobile_header_logo a img {
  width: 150px !important;
}

/* Begin:Upcoming Events in Home page here */

.upcoming_events_calender_month {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #000000;
}

.upcoming_events_calender_month::after {
  background-color: #d5d5d5;
  content: "";
  display: block;
  flex: auto;
  height: 1px;
  margin-left: 20px;
}

.event_time_wrap .event_time {
  background-color: #000000;
}

.event_time .event_day {
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  color: #ffffff;
}

.event_time .event_date,
.event_content .event_title {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}

.event_content_wrap .event_day_time>span {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #000000;
}

.event_content .event_info {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* End:Upcoming Events in Home page here */

/* Forms */
.ctm_form_main_wrap .elementor-widget-container:has(.elementor-shortcode) {
  display: block;
}

.ctm_form_main_wrap.ctm_form_spacing .wpforms-field-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.ctm_form_main_wrap .wpforms-submit-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
}

/*--------------- Media Query css End here --------------- */

.custom-login-form input[type=submit] {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.custom-login-form input[type=submit]:hover {
  color: #ffffff;
  background-color: #000000;
}

.login-lost-password a:hover,
.back-to-login a:hover {
  color: #000000;
}


.elementor-1881 .elementor-element.elementor-element-af88372>.elementor-widget-container {
  background-color: #000000 !important;
}


#ctm_slidebar_close_btn svg path {
  fill: #000;
}

.news-tags-wrapper {
  position: absolute;
  bottom: 15px;
  right: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  z-index: 2;
}

.news-tag,
.news-tag:hover {
  /* background-color: rgba(0, 0, 0, 0.6); */
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
  text-decoration: none;
}

.no-request-results {
  text-align: center;
  margin: 10px;

}

.position-relative.news_search_wrap {
  margin-top: 15px;
}


.news-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 8px;
}

.news-date-page {
  font-size: 14px;
  color: #aaa;
  white-space: nowrap;
  margin-top: 12px;
}

@media (max-width: 600px) {
  .news-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .news-date-page {
    align-self: flex-end;
  }
}