.text-aqua {
  color: #78bcc4; }

.comment-splitter {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  width: 100%; }

#blogContainerFluid {
  background: -moz-linear-gradient(left, #f7f8f3 50%, white 50%);
  background: -webkit-linear-gradient(left, #f7f8f3 50%, white 50%);
  background: -o-linear-gradient(left, #f7f8f3 50%, white 50%);
  background-image: linear-gradient(left, #f7f8f3 50%, white 50%); }

.bg-ultra-light-gray {
  background-color: #f7f8f3; }

.aqua-pills {
  width: fit-content;
  border: 1px solid #78bcc4;
  border-radius: 10px;
  color: #78bcc4;
  padding: 0.5rem; }

.fw-semi-bold {
  font-weight: 600; }

.border-radius-10 {
  border-radius: 10px; }

.border-radius-5 {
  border-radius: 5px; }

.text-medium-gray-2 {
  color: #666f88; }

.bg-medium-orange {
  background-color: #ff6934; }

.text-medium-orange {
  color: #ff6934; }

.orange-stars {
  color: #ffae00; }

.bg-aqua {
  background-color: #78bcc4; }

.bg-light-gray {
  background-color: #e7e8ec; }

.text-medium-gray {
  color: #404040; }

.bg-medium-gray {
  background-color: #404040; }

.font-overpass {
  font-family: 'Overpass', sans-serif; }

.medium-navPills {
  border: 1px solid #fff;
  border-radius: 5px;
  color: #404040;
  box-shadow: none; }

#blog-pills-tab .nav-link:active, #blog-pills-tab .nav-link.active, #blog-pills-tab .nav-link:focus, #blog-pills-tab .nav-link:hover {
  border: 1px solid #78bcc4;
  border-radius: 5px;
  color: #78bcc4 !important;
  box-shadow: none; }

#blogNavBar .nav-link:hover {
  border: 1px solid #78bcc4;
  border-radius: 5px;
  color: #ff6934;
  box-shadow: none; }

#horoscopehead a {
  transition: all 0.5s ease;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Overpass', sans-serif;
  object-fit: contain; }

#horoscopehead a:hover {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Overpass', sans-serif;
  object-fit: contain;
  color: #78bcc4; }

#horoscope-tablist a.nav-link.horoscope-svg.active {
  color: #78bcc4 !important;
  filter: grayscale(0%) !important; }

.horoscope-svg {
  filter: grayscale(100%); }

.horoscope-svg:hover {
  filter: grayscale(0%); }

#aquarius-card {
  border-radius: 10px;
  border: solid 1px #e9e9e9;
  background-color: #ffffff; }

.card-badge {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  height: 34px;
  position: relative;
  left: 0;
  width: fit-content;
  padding: 8px 6px 9px 14px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

#review-sum-card {
  border: 1px solid #707070;
  border-radius: 10px;
  border-top: none;
  width: 250px; }

#review-sum-card .card-header {
  border-top: 1px solid #707070;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none; }

#rev-num {
  font-weight: bold;
  font-size: 26px;
  position: relative;
  top: 0.3rem;
  left: 0.7rem; }

#rev-rev {
  font-weight: 600;
  font-size: 20px;
  position: relative;
  top: 0.25rem;
  left: 0.8rem; }

#rev-stars {
  position: relative;
  left: 4rem;
  top: 0; }

#rev-score {
  position: relative;
  left: 4.5rem;
  top: 0.06rem; }

#rev-link {
  font-weight: 600;
  font-size: 12px;
  border-radius: 10px;
  border-color: #ff6934; }

#faq-select, #faq-select option {
  padding-left: 1rem;
  color: #d4d4ce; }

#form-container {
  padding-left: 7.2rem; }

#blogNavBarContainer {
  padding-left: 10rem;
  padding-right: 10rem; }

.blogPageCard {
  border-radius: 25px; }

.blogPageCard .card-body {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px; }

.card-img-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.blogPageCard .blog-tarih {
  position: absolute;
  right: 1.6rem;
  background-color: #ff6934;
  width: 50px;
  margin-left: 50px;
  color: white;
  padding: 5px 10px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  text-align: center;
  font-size: 16px; }

@media screen and (max-width: 768px) {
  #review-sum-card {
    width: 100%; }
  #form-container {
    padding-left: 2rem; }
  #blogContainerFluid {
    background: #f7f8f3; } }

@media screen and (max-width: 575px) {
  #form-container {
    padding-left: 0.05rem; } }