#mainCTA {
  width: 250px;
  position: absolute;

  left: -67px;
  background-color: #f4f4f4;
  padding: 20px;
  overflow-y: auto;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}
.BlogSection .row {
  margin: 56px 0;
}
.BlogSection .col-lg-4 h3 {
  margin: 25px 0;
}
.BlogSection .content {
  height: 441px;
}
#mainCTA h2 {
  margin-top: 0;
}
#mainCTA ol li {
  margin-bottom: 10px;
}

#mainCTA ol li a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s;
}

#mainCTA ol li a:hover {
  color: #683211;
  font-weight: 600;
}
.pilgrimage-kangra img {
  width: 100%;
  margin-bottom: 26px;
}
.pilgrimage-kangra h3 {
  font-size: 17px;
}
.toc {
  position: fixed !important;
  left: 140px !important;
  top: 50% !important;
}

#mainCTA ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  margin-left: 15px;
}

#mainCTA ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.tod {
  .toc {
    left: -67px !important;
    top: 89% !important;
  }
}
#mainCTA ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

#mainCTA li ol > li {
  margin: 0;
}

#mainCTA li ol > li:before {
  content: counters(item, ".") " ";
}

.temple-legend-box h2 {
  margin-top: 35px;
}
@media screen and (max-width: 600px) {
  #mainCTA {
    display: none;
  }
}