.custom-responsive-font {
  font-size: 12px;
}



@media (min-width: 576px) {
  .custom-responsive-font {
    font-size: 16px;
  }
}

.bg-secondary-custom {
  background-color: #A58878;
}

/* Base styling for numbered chakra circles */
.chakra-cirlce:before {
  font-family: "GFS Didot";
  font-size: 1.375em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75em;
}

/* Individual chakra numbers and colors */
#circle-sahastrara:before {
  content: "7";
  background: #b653f7;
}
#circle-ajna:before {
  content: "6";
  background: #3d54f5;
}
#circle-vishuddha:before {
  content: "5";
  background: #74e0f8;
}
#circle-anahata:before {
  content: "4";
  background: #b6fd57;
}
#circle-manipura:before {
  content: "3";
  background: #fbe49d;
}
/* Both #circle-svadhishtana & #circle-muladhara share text color #f5f5f5 */
#circle-svadhishtana:before,
#circle-muladhara:before {
  color: #f5f5f5;
}
#circle-svadhishtana:before {
  content: "2";
  background: #ed7233;
}
#circle-muladhara:before {
  content: "1";
  background: #ea4631;
}

.display-none {
  display: none;
}
#matrix {
  float: none;
  width: 100%;
  margin: 30px 0 20px;
}

/* SVG and text defaults */
svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: visible;
}
text {
  cursor: default;
}

/* Stroke patterns */
.cls-4 {
  stroke-dasharray: 0, 49, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 41;
}
.cls-18 {
  stroke-dasharray: 0, 25, 10, 50, 10, 50, 10, 25;
}
/* Shared stroke settings for cls-3, cls-4, and cls-18 */
.cls-3, .cls-4, .cls-18 {
  stroke-width: 1.5px;
  stroke-miterlimit: 10;
  stroke: #000;
  fill: none;
}
/* Stroke-width for cls-5 and cls-7 */
.cls-5, .cls-7 {
  stroke-width: 1px;
}
/* Shared stroke/fill colors */
.cls-5,
.cls-6 {
  stroke: #b653f7;
  fill: #b653f7;
}
.cls-7,
.cls-8 {
  stroke: #ea4631;
  fill: #ea4631;
}

/* Individual fills */
.cls-10 {
  fill: #b653f7;
}
.cls-13 {
  fill: #3d54f5;
}
.cls-15 {
  fill: #74e0f8;
}
.cls-19 {
  fill: #ea4631;
}
.cls-22 {
  fill: #ed7233;
}
.cls-25 {
  fill: #fbe49d;
}
.cls-26 {
  fill: #b6fd57;
}
.cls-53 {
  fill: #ff4040;
}
.cls-21, .cls-23, .cls-24 {
  fill: #fff;
}

/* Matrix text positions */
.matrix-value-point {
  text-anchor: middle;
  alignment-baseline: middle;
}

/* Font sizing and coloring */
.cls-28 {
  font-size: 12.9501px;
  line-height: 11px;
}
.cls-29 {
  font-size: 12.0251px;
  line-height: 10px;
}
.cls-33 {
  font-size: 12px;
  line-height: 81.9%;
}
.cls-43 {
  font-size: 5.76471px;
  line-height: 81.9%;
}
.cls-44 {
  font-size: 11.5587px;
  line-height: 81.9%;
}
.cls-54, .cls-55, .cls-56 {
  font-size: 29.7851px;
  line-height: 37px;
}
.cls-57, .cls-58 {
  font-size: 17.2946px;
  line-height: 22px;
}
.cls-59, .cls-60 {
  font-size: 21.1378px;
  line-height: 26px;
}
.cls-61 {
  font-size: 6px;
  line-height: 81.9%;
}
/* Fill #000 on most text-based classes */
.cls-28, .cls-29, .cls-33,
.cls-43, .cls-44, .cls-54,
.cls-55, .cls-57, .cls-58,
.cls-59, .cls-60, .cls-61 {
  fill: #000;
}
/* Special fill */
.cls-56 {
  fill: #06b440;
}

/* Base circle styling */
.base-circle {
  border: 1px solid #000;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  display: inline-block;
  text-align: center;
  line-height: 2.5em;
}

@font-face {
  font-family: 'GFSDidot';
  src: url('/assets/fonts/GFSDidot-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: 'GFSDidot', serif !important;
}