.blogs-cont {
  /* max-width: 1280px; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 equal columns */
  grid-template-rows: auto;
  /* Automatic row height */
  gap: var(--panels-gap);
  /* Space between grid items */
  width: 100%;
  margin: auto;
}
.blogs-cont .first {
  grid-column: span 3;
}

.blog {
  width: 100%;
  padding: 20px;
  /* border-radius: 20px; */
  text-align: justify;
  margin-bottom: 20px;
  --right-margin: 10px;
  margin: 0;
}
.blog .title {
  width: 100%;
  position: relative;
  font-size: 1.5em;
  /* line-height: 1em; */
  /* font-family: 'Great Victorian'; */
  color: #000;
  text-align: left;
  display: inline-block;
  margin: 0 0 16px 0;
}
.blog:not(.first) .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.blog.first .title {
  font-size: 2em;
}
.blog .back-chevron {
  font-size: 1.3em;
  margin-right: 10px;
  line-height: 0rem;
}

.blog:not(.first).blog:not(.full) .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.description {
  width: 100%;
}

.description ul {
  margin-top: 20px;
}

.description li {
  list-style: disc;
  margin-top: 8px;
}

.blog ul {
  list-style: circle;
  /* list-style-position: outside; */
  padding-left: 2em;
}

section > p:first-child {
  font-weight: bold;
  font-size: 1.3em;
}

.blog-info-cont-parent {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin: 40px 0px;
}

.blog-info {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: start;
}

.blog-info-cont .info-label {
  position: relative;
  font-size: 0.65em;
  color: #000;
  text-align: left;
}

.blog-info-cont .info-value {
  position: relative;
  font-size: 1em;
  color: #000;
  text-align: left;
}

.blog-img {
  width: 100%;
  position: relative;
  border-radius: 14px;
  max-width: 100%;
  overflow: hidden;
  height: 340px;
  object-fit: cover;
  aspect-ratio: 1;
}

.blog-data-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.blog-data {
  width: 100%;
}

.first .blog-data-cont {
  flex-direction: row;
  gap: 40px;
}

.first .blog-img {
  max-height: 474px;
  height: 100%;
  width: 100%;
  max-width: 50%;
}

.first.blog {
  padding: 36px;
}

.first .blog-data {
  width: 50%;
}

.blog-data .subtitle {
  font-weight: bold;
}
.blog-data .subtitle:empty {
  margin: 0px;
}

.first .blog-data .subtitle {
  margin-top: 0px;
}

.latest-blog-title {
  width: 100%;
  position: relative;
  font-size: 48px;
  line-height: 48px;
  text-transform: capitalize;
  font-family: "Great Victorian";
  color: #000;
  text-align: left;
  display: block;
  margin-bottom: 20px;
}

/* Full Blog styling */
.blog.full {
  /* max-width: 1280px; */
  padding: 0;
}

.blog.full .latest-blog-title {
  margin-bottom: 0;
}

.blog.full .blog-img {
  width: auto;
  height: 548px;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: top;
  background: rgba(0, 0, 0, 0.1);
}

.blog.full ol {
  padding-left: 30px;
}

.blog.full ol li::marker {
  margin: 20px;
}

.blog.full ol li {
  list-style: counter;
}

.blog.full section p:last-child {
  margin-bottom: 0;
}

.blog.full section {
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.25); */
  padding: 10px 20px;
}

.full-blog-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.full-blog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.full-blog-footer .goto-top-btn {
  margin-top: 0px;
}

.blogs-main.goto-top-btn {
  display: block;
  width: 100%;
  margin-top: var(--panels-margin);
  text-align: center;
}

@media only screen and (max-width: 500px) {
  .full-blog-header {
    align-items: start;
  }
  .blog-info-cont-parent {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .first:not(.full) .blog-img,
  .blog:not(.full) .blog-img {
    max-height: 100%;
    height: 100%;
    width: 100%;
    /* max-width: 50%; */
  }
  .blogs-cont .first {
    grid-column: span 2;
  }
  .blogs-cont {
    grid-template-columns: repeat(2, 1fr);
    grid-column: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .blog.full section {
    padding: 20px 0px 20px 0px;
  }
  .blog.full .blog-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 360px;
  }
  .first:not(.full) .blog-img,
  .blog:not(.full) .blog-img {
    max-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 50%;
  }
  .first:not(.full) .blog-data-cont,
  .blog:not(.full) .blog-data-cont {
    flex-direction: row;
    gap: 24px;
    align-items: start;
  }
  .blog:not(.full) {
    width: 100%;
    padding: 24px !important;
  }
  .blog:not(.full) .blog-data {
    width: 50%;
  }
  .blogs-cont .first {
    grid-column: span 1;
  }
  .blogs-cont {
    grid-template-columns: repeat(1, 1fr);
    grid-column: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  .blog.full section {
    padding: 20px 0px 20px 0px;
  }
  .first:not(.full) .blog-data-cont,
  .blog:not(.full) .blog-data-cont {
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
  .first:not(.full) .blog-img,
  .blog:not(.full) .blog-img {
    max-height: 400px;
    height: 100%;
    width: 100%;
    max-width: 100%;
  }
  .first:not(.full),
  .blog:not(.full) {
    width: 100%;
    padding: 24px !important;
  }
  .first:not(.full) .blog-data,
  .blog:not(.full) .blog-data {
    width: 100%;
  }
  .blogs-cont .first {
    grid-column: span 1;
  }
  .blogs-cont {
    grid-template-columns: repeat(1, 1fr);
    grid-column: auto !important;
  }
}
/*# sourceMappingURL=blogs.min.css.map */