/* line 12, ../etfcircle-static/static/scss/variables.scss */
:root {
  --color-primary: #002F58;
  --color-blue-2: #00549D;
  --color-secondary: #fe6d73;
  --color-tertiary: #F7CC83;
  --color-text: #70778b;
  --color-heading: $color-primary;
  --color-golden-1: $color-tertiary;
  --color-golden-2: #FFAF26;
  --color-border: #e7e7ed;
  --font-size-section-heading: 34px; }

/* line 5, ../etfcircle-static/static/insight/scss/insights.scss */
.insight-container .category-insight .category-title {
  border-left: 4px solid #fe6d73;
  padding-left: 10px; }

/* line 10, ../etfcircle-static/static/insight/scss/insights.scss */
.insight-container .category-insight .single-insight-wrapper {
  text-decoration: none;
  transition: background-color 0.3s;
  width: 100%; }
  /* line 17, ../etfcircle-static/static/insight/scss/insights.scss */
  .insight-container .category-insight .single-insight-wrapper:hover .single_insight-title {
    text-decoration: underline; }
  /* line 23, ../etfcircle-static/static/insight/scss/insights.scss */
  .insight-container .category-insight .single-insight-wrapper .single-insight .image-wrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%; }
    /* line 28, ../etfcircle-static/static/insight/scss/insights.scss */
    .insight-container .category-insight .single-insight-wrapper .single-insight .image-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  /* line 38, ../etfcircle-static/static/insight/scss/insights.scss */
  .insight-container .category-insight .single-insight-wrapper .single-insight .single-insight-details {
    color: #000; }