#blog-navbar-selection {
  color: #ff8960;
}
.Blogs-Item-Section {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 35px 83px;
}
.Blogs-Item-Section-Box {
  display: flex;
  position: relative;
  max-width: 995px;
  width: 100%;
  min-width: 1024px;
  flex-direction: column;
  grid-gap: 8px;
}
.Blogs-Item-Section-Box-Heading {
  color: #6d0000;
  font-size: 3.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.24;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.Blogs-Item-Section-Box-Heading:has(br)::first-line {
  color: #00171f;
  font-size: 2.5rem;
  line-height: 1.86;
}
.Blogs-Item-Section-Box-Image {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  aspect-ratio: 250 / 157;
  overflow: hidden;
  margin-bottom: 3px;
  border-radius: 10px;
}
.Blogs-Item-Section-Box-Image-imgTag {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.Blogs-Item-Section-Box-Description {
  color: #000;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.66px;
  padding: unset !important;
  white-space: unset !important;
  margin-bottom: 78px;
}
.Blogs-Item-Section-BoxBoxAndDate {
  display: flex
;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons {
  display: flex;
  position: relative;
  grid-gap: 50px;
  align-items: center;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button {
  display: flex;
  position: relative;
  grid-gap: 5px;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-imgTag {
  filter: invert(6%) sepia(98%) saturate(5128%) hue-rotate(14deg)
    brightness(95%) contrast(114%);
  width: 27px;
  cursor: pointer;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-Text {
  color: #000;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.59;
  letter-spacing: 0.66px;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-Message {
  justify-content: space-between;
  align-items: center;
  background-color: rgb(255 220 208);
  padding: 10px;
  border-radius: 50% / 300%;
  max-width: 600px;
  position: absolute;
  bottom: calc(100% + 20px);
  grid-gap: 12px;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-Message-Text {
  color: #0c0e47;
  font-size: 0.875rem;
  text-wrap-mode: nowrap;
  font-style: normal;
  font-weight: 500;
  line-height: 1.42;
  margin-left: 4px;
}
.Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-Message-Button {
  background-color: #6d0000;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 16px;
  text-align: center;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.42;
}
.Blogs-Item-Section-BoxBoxAndDate-Date {
  color: #4F4F4F;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.66px;
}
.Blogs-Item-Section-Box-Comment {
  display: flex;
  position: relative;
  grid-gap: 30px;
  flex-direction: column;
}
.Blogs-Item-Section-Box-Comment-YourThought {
  display: flex;
  position: relative;
}
.Blogs-Item-Section-Box-Comment-YourThought-Overlay {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 10px;
}
.Blogs-Item-Section-Box-Comment-YourThought-TextField {
  padding: 20px 25px;
  padding-bottom: 80px;
  border: 2px solid #ff8960;
  width: 100%;
  border-radius: 10px;
  height: 200px;
  color: #000;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.66px;
}
.Blogs-Item-Section-Box-Comment-YourThought-TextField:focus-visible {
  outline: unset;
}
.Blogs-Item-Section-Box-Comment-YourThought-Button {
  position: absolute;
  padding: 18px 40px;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.77;
  text-transform: uppercase;
  border-radius: 10px;
  background: #ff8960;
  right: 25px;
  bottom: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.Blogs-Item-Section-Box-Comment-Heading {
  color: #141414;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.96px;
}
.Blogs-Item-Section-Box-Comment-Heading span {
  background: #ff8960;
  color: #fff;
  padding: 0 5px;
}
.Blogs-Item-Section-Box-Comment-Thoughts {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-gap: 17px;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-gap: 25px;
  padding: 7px 0;
  border-bottom: 1px solid #757575;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box:last-child {
  border: unset;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Head {
  display: flex;
  position: relative;
  grid-gap: 17px;
  align-items: flex-start;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-DP {
  width: 60px;
  border-radius: 50%;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-Info {
  display: flex;
  position: relative;
  flex-direction: column;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-Info-Name {
  color: #141414;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.54;
  letter-spacing: 0.72px;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-Info-Date {
  color: #696767;
  font-size: 1rem;
  font-style: normal;
  font-weight: 200;
  line-height: 2.18;
  letter-spacing: 0.48px;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Text {
  color: #000;
  text-align: justify;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.66px;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Like {
  display: flex;
  position: relative;
  grid-gap: 5px;
  width: min-content;
  cursor: pointer;
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Like-imgTag {
  width: 34px;
  filter: invert(47%) sepia(1%) saturate(710%) hue-rotate(314deg)
    brightness(95%) contrast(86%);
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Like-imgTag.fill {
  filter: invert(90%) sepia(25%) saturate(1043%) hue-rotate(336deg)
    brightness(103%) contrast(101%);
}
.Blogs-Item-Section-Box-Comment-Thoughts-Box-Like-Text {
  color: #000;
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.72px;
}
@media (max-width: 1245px) {
  .Blogs-Item-Section {
    padding-left: 29px;
    padding-right: 29px;
  }
  .Blogs-Item-Section-Box {
    max-width: unset;
    min-width: unset;
  }
}
@media (max-width: 450px) {
  .Blogs-Item-Section {
    padding: 6px 11px;
  }
  .Blogs-Item-Section-Box {
    grid-gap: 7px;
  }
  .Blogs-Item-Section-Box-Heading {
    font-size: 1.33rem;
    line-height: 1.56;
  }
  .Blogs-Item-Section-Box-Heading::first-line {
    font-size: 1.16rem;
    line-height: 1.78;
  }
  .Blogs-Item-Section-Box-Image {
    margin-bottom: 12px;
  }
  .Blogs-Item-Section-BoxBoxAndDate-Buttons {
    grid-gap: 30px;
  }
  .Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-imgTag {
    width: 20px;
  }
  .Blogs-Item-Section-Box-Description {
    font-size: 1.16rem;
    line-height: 1.78;
    margin-bottom: 8px;
  }
  .Blogs-Item-Section-BoxBoxAndDate-Buttons-Button {
    justify-content: flex-start;
  }
  .Blogs-Item-Section-BoxBoxAndDate-Buttons-Button-Message {
    padding: 5px;
    max-width: 600px;
    bottom: calc(100% + 10px);
    grid-gap: 12px;
    margin-left: -30px;
  }
  .Blogs-Item-Section-Box-Comment {
    grid-gap: 6px;
  }
  .Blogs-Item-Section-Box-Comment-Heading {
    font-size: 1.16rem;
    line-height: 2.64;
    margin-bottom: 9px;
  }
  .Blogs-Item-Section-Box-Comment-YourThought-TextField {
    padding: 15px 10px;
    padding-bottom: 56px;
    border-radius: 7.5px;
    height: 130px;
    font-size: 1.16rem;
    line-height: 1.78;
  }
  .Blogs-Item-Section-Box-Comment-YourThought-Button {
    padding: 11px 27px;
    font-size: 1rem;
    line-height: 0.833;
    border-radius: 5px;
    right: 10px;
    bottom: 12px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box {
    grid-gap: 5px;
    padding: 7px 0;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Head {
    grid-gap: 10px;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-DP {
    width: 40px;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-Info-Name {
    font-size: 1.16rem;
    line-height: 1.68;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Head-Info-Date {
    font-size: 1rem;
    line-height: 1.85;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Text {
    font-size: 1.16rem;
    line-height: 1.78;
    margin-bottom: 8px;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Like {
    grid-gap: 3px;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Like-imgTag {
    width: 20px;
  }
  .Blogs-Item-Section-Box-Comment-Thoughts-Box-Like-Text {
    font-size: 1rem;
    line-height: 2.91;
  }
}