h1 img{width:50px}
h2{font-size:1.5rem}
.top-pd{padding-top:160px !important}
@media screen and (max-width: 767px) {
.top-pd{padding-top:70px !important}
}
@media screen and (min-width:1680px) {
  .inner_page_block {
    min-height: 435px;
  }
}
.ul{padding-top:0 !important;line-height:24px}
.ul li{margin:20px 0}
.theme-color{color:var(--main_purple)}
.orange{color:#f72;font-weight:bold}
.pd-30-28{padding: 30px 28px}
.actions{display:none;margin:30px 0 10px 0}
.text-underline{text-decoration:underline}
.fs08{font-size:0.85em}
.min-300{min-height:300px}
.hide-copy-link{display:none}
.hide-it{display:none}
.suggested-area{width:100%;height:155px}
.listing-img img{width:100%}
.created-report h2{line-height: 1.5em;margin-bottom: 20px}

#created-report table.report-table td{padding:0 20px 20px 0}
#created-report table.report-table td:first-child{min-width:120px}
#created-report h2{margin:25px 0;padding:10px;background:aliceblue;font-size:1.6rem}
#created-report h3{font-size:1.4rem;color:#284DDB}

#current-title{font-size:0.9em}
.analyze-next{float: right}
.analyze-next a{
  font-size: 15px;
  padding: 10px 30px;
  border-radius: 25px;
  background: transparent;
  border-color: var(--main_purple);
  color: var(--main_purple)
}
.analyze-next a:hover{background-color: var(--main_purple);color: var(--text-white)}
.suggested-title .edit{font-size:0.8em;color:#ff8753}
.suggested-title textarea{
  border: 3px solid #1758d3;
  padding: 5px;
  font-size: 0.9em;
  border-radius: 6px;
}
.suggested-area{display:none}

.copy-over{font-size: 0.8em}
.copy-over .rotate{display:inline-block;rotate:30deg}
.copy-over a {color: var(--main_purple)}
.icofont-ui-delete{color:blueviolet}
.blog_detail_section .blog_inner_pannel img{max-height:570px}
.blog_inner_pannel .blog_search_block form .form_inner {
  position: relative;
  width: 100%;
  height: 60px;
}
.blog_inner_pannel .blog_search_block form .form_inner .form-control {
  height: 100%;
  border-radius: 12px;
  border: 1px solid #9E9BA7;
  padding-right: 50px;
  color: var(--body-text-purple);
}
.blog_inner_pannel .blog_search_block form .form_inner button {
  font-size: 20px;
  position: absolute;
  background-color: transparent;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  color: var(--main_purple);
  padding: 5px;
  transition: .4s all;
}
.suggested-title button {
  background-color: transparent;
  border: none;
  color:#666;
  font-size: 0.9em;
}
.btn {
  color: var(--text-white);
  background-image: var(--bg-orange-gradiunt);
  border-color: var(--bg-orange-gradiunt);
  padding:5px 10px;
  border-radius: 20px;
  position: relative;
  transition: 0.4s all;
  /*font-size:17px;*/
  margin-bottom: 5px;
}
.btn-outline {
  color: var(--bg-orange-gradiunt);
  background-image: var(--text-white);
  border-color: var(--bg-orange-gradiunt);
}
.copy-to-clipboard:hover{
  color: var(--text-white);
  background-image: var(--bg-orange-gradiunt);
}
.action-msgs{text-align:center}
.action-msgs i{font-size: 1.5em}
.err-msg{color:red}

.flex-column {
  flex-direction: column !important;
}
.h-100 {
  height: 100% !important;
}
.d-flex {
  display: flex !important;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(20, 22, 172, 0.5);
  border-radius: .35rem;
}
.listing-card-html .card{margin-bottom:10px}
.image-container {
  width: 100%;
  height: 225px;
  overflow: hidden;
  position: relative;
  border-radius: 4px 4px 0 0;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}
.card-img, .card-img-top, .card-img-bottom {
  width: 100%;
}
.card-img-top {
  border-top-left-radius: .35rem;
  border-top-right-radius: .35rem;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: .5;
}
.overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.text-overlay-lg {
  font-size: 4rem !important;
  font-weight: bold !important;
}
.positivet {
  color: #29cca0 !important;
}
.card-title {
  margin-bottom: .5rem;
}
.text-decoration-none {
  text-decoration: none !important;
}
.listing-title-link{
    color: var(--main_purple) !important;
    line-height:14px;
}
.bg-light-1 {
  background-color: #f9f9f9 !important;
}
.card-body {
  flex: 1 1 auto;
}
.text-purple-400{
  color: var(--main_purple) !important;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.fs-13{
  font-size:1.3em
}
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 10px;
  padding: 0px;
}
.image-container-listing.scores {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 125px;
  border: 2px solid rgba(20, 22, 172, 0.52);
  font-size: 14px;
  text-align: center;
  background-color: transparent;
  border-radius: 5px;
}
.scores-image-box {
  padding: 5px;
  border-radius: 5px;
}
.image-container-listing {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-fluid-listing {
  width: 100%;
  height: 125px;
  object-fit: cover;
  border-radius: 5px;
}
.img-empty{
  border: 2px dashed #999;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 125px;
  font-size: 14px;
  text-align: center;
  font-style: italic;
}
.fs-2 {
  font-size: 1.4rem !important;
}
.text-xs{font-size:0.85em}
.fs-09em {
  color: #333;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.4em;
}
.grade-Aplus { color: #00aa33; }      /* Light Green */
.grade-A     { width:22px;display:inline-block;color: #00aa33; }
.grade-Aminus{ color: #00aa33; }
.grade-Bplus { color: orange; }      /* Orange */
.grade-B     { width:22px;display:inline-block;color: orange; }
.grade-Bminus{ color: orange; }
.grade-Cplus { color: #f95b5b; }      /* Peach */
.grade-C     { width:22px;display:inline-block;color: #f95b5b; }	 	/* light red */
.grade-D     { width:22px;display:inline-block;color: #cc0707; }      /* deep Red */
.grade-F     { width:22px;display:inline-block;color: red; }			/* bright red */