/* font css */

.headline {
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: normal;
  margin: 3px 0;
}

.button-label {
  color: var(--Neutral-Dark-Charcoal, #222);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.button-label.button-mobi {
  color: var(--Neutral-White, #FFF);
  border-radius: 50em;
}


 ul.list-group.list-group-flush.list-pop-over a:last-child li {
  border-bottom: none;
}
@media screen and (max-width: 768px) {

  .headline {
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    letter-spacing: normal;
    margin: 0;
    margin-top: 15px;
  }

  .button-label {
    font-size: 16px;
  }

  .post-sub-text{
    font-size: 20px;
  }

  .blog-detail-main h4.section-header{
    font-size: 24px !important;
    letter-spacing: -0.24px;
  }

  .paragraphs div:not(.disclaimer), .paragraphs p:not(.disclaimer) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }

  .blog-detail-main .content-box .sub-section-header{
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}

/* Reusable Section CSS */
.bg-section {
  position: relative;
  overflow: hidden;
  max-height: 520px;
  height: 520px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.bg-section .content {
  position: relative;
  color: white;
  padding: 0px 20px 40px 0;
}

.bg-section picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  filter: brightness(80%);
}

.button-label {
  position: relative;
  line-height: 120%;
  text-transform: capitalize;
  font-weight: 500;
  background-color: transparent;
  border: none;
  padding: 4px 16px;
  cursor: pointer;
}

.button-label.button-mobi {
  background: var(--Neutral-Dark-Charcoal, #222);
}

.buttons {
  position: relative;
  border-radius: 40px;
  background-color: #fff;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: #222;
  font-family: "Inter", sans-serif;
}

.bg-section .content span {
  background-color: #fff;
  border-radius: 50rem;
  color: #222;
  display: inline-block;
  padding: 4px 16px;
  white-space: nowrap;
  vertical-align: baseline;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 24px;
}

.blog-detail-main .owl-stage{
  display: flex;
}

.blog-detail-main .owl-stage .item{
  height: 100%
}

@media screen and (min-width: 767px) {
  .bg-section .content {
    margin-left: 80px;
    z-index: 2;
  }

  .blog-detail-main .owl-dots {
    display: none;
  }

  .blog-detail-main .owl-theme {
    display: none;
  }

  .bg-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(289deg, rgba(0, 0, 0, 0.00) 44.07%, rgba(0, 0, 0, 0.60) 70.16%);
  }
}
.content-box .field--item .container.p-0 .section-content-1 h2 {
  margin-bottom: 24px;
}
.blog-detail-main .content-box .container.p-0 h5+ .section1-text.mb-0.mt-4 {
  margin-top: 0px !important;
}
.content-box .paragraphs ul {
  list-style-type: none;
}
@media screen and (min-width: 1024px) {
  .customquote-section .post-description {
    width: 550px;
  }
  .custom-container {
    max-width: 840px !important;
  }
}
.blog-detail-main .content-box .paragraphs .main-para main p{
  font-weight: 400;
  color: var(--Neutral-Charcoal, #414141);
}
.blog-detail-main .field--item .section-content-1 + img.rounded-custom.img-fluid {
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .mobi-specific-section.d-flex.d-md-none .paragraphs .main-para {
    margin-bottom: 24px !important;
  }
  .bg-section picture img {
    height: 50% !important;
  }
  .bg-section .content {
    padding: 300px 20px 50px 20px !important;
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .mobi-specific-section.d-flex.d-md-none .paragraphs .disclaimer {
    margin-bottom: 24px;
  }
  .content-box .headings h5.h5-heading {
    margin-top: 24px;
  }
  .paragraphs:not(:has(p)):not(:has(disclaimer)) + .social-icons-box {
    margin-top: 0px !important;
 }
  .mobi-specific-section.d-flex.d-md-none .paragraphs:not(:has(p)):not(:has(disclaimer)) + .social-icons-box {
        margin-top: 0px !important;
  }
  .mobi-specific-section .social-icons-box.d-block.d-md-none.mobi-version {
    margin-top: 24px;
    margin-bottom: 56px;
  }
  .container-fluid.customquote-section {
    padding: 32px 16px;
    text-align: center;
  }
  
  #block-getacustomquote .btn-custom-quote {
    width: 100% !important;
    max-width: unset;  
  }
  .container-fluid.go-to-guidesection .col-xs-12.show-more-section {
    display: unset;
  }
  .customquote-section .post-title {
    font-size: 24px !important;
  }
  .social-icons-box.d-block.d-sm-none.mobi-version {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .blog-detail-main .mobi-specific-section.d-flex .paragraphs .main-para p {
    margin-bottom: 8px;
  }
  .blog-detail-main a, .blog-detail-main a span, .section-content-1 p a span {
    display: inline-block;
  }
  .blog-detail-main .go-to-guidesection .item a{
    display: unset;
  }
  .blog-detail-main .go-to-guidesection .show-more-section .col-sm-4{
    width: 100%;
    padding-right: 16px;
  }
  #block-getacustomquote .customquote-section .col-md-8 {
    width: 100%;
    text-align: center;
  }
  #block-getacustomquote .customquote-section .customquote-button, #block-getacustomquote .customquote-section .customquote-button button{
    width: 100%;
    max-width: 100%;
  }
  .blog-detail-main .col-xs-12.d-flex.content-section {
    flex-direction: column;
  }
  .blog-detail-main .go-to-guide-heading{
    padding-top: 32px !important;
  }
  .blog-detail-main .field--item:last-child {
    padding-bottom: 24px;
  }
  .blog-detail-main .content-box .section-row-1>.row>.section-img img, 
  .blog-detail-main .content-box .section-row-2>.row>.section-img img {
    max-height: 354px;
    min-height: unset;
    object-fit: cover;
    object-position: center;
    height: 201.375px !important;
  }
  .mobi-specific-section .buttons button.button-label.button-mobi {
    font-size: 12px;
    line-height: 18px;
    align-items: center;
  }
  .mobi-version .list-group-flush.list-mobi-normal li {
    width: 30px;
    height: 30px;
  }
  .blog-detail-main h4, 
  .blog-detail-main h4 span {
    font-size: 24px ;
  }
  .blog-detail-main .mobi-specific-section .headings .h2-heading,
  .blog-detail-main .content-box h2  {
    margin-bottom: 24px;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 38.52px !important;
    letter-spacing: -1px !important;
  }
  .blog-detail-main .content-box .mobi-specific-section.d-flex:has(h2) {
    gap: 24px;
  }

  .bg-section .content {
    text-align: center;
    padding: 50px 20px 50px 20px;
  }

  .bg-section .content .buttons {
    margin-top: 50px;
  }

  .bg-section {
    justify-content: flex-end;
    flex-direction: column;
    max-height: 520px;
    height: 520px;
    border-radius: var(--size-0, 0px);
  }

  .bg-section picture img {
    height: 74%;
    filter: brightness(100%);
  }

  .label {
    justify-content: center;
    text-align: center;
  }

  .bg-section .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), 
    linear-gradient(180deg, rgba(29, 33, 18, 0.00) 37.35%, #1D2112 49.88%);

  }

}

.mobi-specific-section.d-flex .paragraphs ul {
  padding-top: 0px;
}
.page-node-type-basic-content .blog-detail-main .content-box p {
  margin-bottom: 16px !important;
}
.content-box .container.p-0 .section-content-1 ol:nth-of-type(n+10) {
    padding-left: 28px !important;
}

.desktop-long-heading{
  font-size: 54px;
}

.mobile-long-heading{
  font-size: 28px;
}

@media only screen and (min-width: 490px) and (max-width: 600px) {
  .bg-section .content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), 
    linear-gradient(180deg, rgba(29, 33, 18, 0.00) 37.35%, #1D2112 49.88%);

  }
  .bg-section .content {
    padding: 50px 20px 50px 20px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
   .mobi-specific-section.d-flex.d-md-none .paragraphs:not(:has(p)):not(:has(disclaimer)) + .social-icons-box {
        margin-top: 0px !important;
  }
  .mobi-specific-section .social-icons-box.d-block.d-md-none.mobi-version {
    margin-top: 24px;
    margin-bottom: 56px;
  }
  .bg-section {
    height: 420px;
  }

}

section#block-trugreenakqa-socialsharing {
  position: sticky;
  top: 145px;
}

.social-icons-box {
  display: flex;
  flex-direction: column;
  max-width: max-content;
}

.heading-main {
  color: var(--Neutral-White, #FFF);
  font-family: "DM Sans", sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: normal;
}

.list-group-flush li {
  padding: 5px;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}

.list-group-flush.list-pop-over li {
  width: 100%;
  height: auto;
  padding: 8px 0px;
  border-bottom: 2px solid #e3e3e3;
  cursor: pointer;
  display: flex;
  gap: 10px;
}

.list-group-flush.list-pop-over li .place-holder {
  background: #000;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 35px;
}

.list-group-flush.list-pop-over li p {
  color: var(--Neutral-Granite, #666);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.list-group-flush.list-pop-over li:hover {
  background-color: #F5F7F5;
}

.list-group-flush:not(.list-pop-over) {
  gap: 14px;
  position: sticky;
  top: 0;
  padding-top: 5px;
}

.list-group-flush.list-pop-over {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.list-group-flush.list-pop-over a {
  display: flex;
  text-decoration: none;
}

.blog .blog-detail-main .section-content-1 ul li span {
  color: #414141 !important;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  line-height: 150%;
}

.list-group-flush.list-normal li {
  width: 35px;
  height: 35px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
  color: #fff;
}

.list-group-flush.list-normal li a {
  display: flex;
}

.mobi-version .list-group-flush.list-mobi-normal li {
  width: 35px;
  height: 35px;
  background-color: #000;
  display: flex;
  justify-content: center;
  border-radius: 50% !important;
  color: #fff;
}

.mobi-version .list-group-flush.list-pop-over li {
  width: 100%;
  height: auto;
  padding: 8px;
  border-bottom: 2px solid #e3e3e3;
  cursor: pointer;
  display: flex;
  gap: 10px;
  background: transparent;
  border-radius: 0 !important;
  justify-content: flex-start;
}

.mobi-version .list-group-flush.list-pop-over a:last-child li {
  border-bottom: none;
}

.mobi-version .list-group-flush.list-pop-over li .place-holder {
  background: #000;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 35px;
}

.popover-body {
  min-width: 200px;
  padding: 0;
}

.popover-header {
  background-color: transparent;
  padding: 10px 15px;
  border: none;
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
img.image-top.img-fluid.rounded-custom{
  margin-bottom:40px;
}
img.image-bottom.img-fluid.rounded{
  margin-top:24px;
}
.page-node-type-basic-content img.image-bottom.img-fluid.rounded{
  margin-top:24px;
  margin-bottom:40px;
}
.blog-detail-main .section-content-1 ul li:last-of-type{
  margin-bottom: 16px;
}

.blog-detail-main h4,
.blog-detail-main h4 span {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
  margin-bottom: 0;
  padding-bottom: 24px;
}

.blog-detail-main .sub-section-header, 
.section-content-1 h5 {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
  margin-bottom: 0;
  padding-bottom: 8px;
}

.blog-detail-main blockquote>h2 {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -2px;
}

.blog-detail-main blockquote {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.blog-detail-main blockquote>h2 {
  padding: 24px 0;
  margin-bottom: 0;
}

.blog-detail-main .section-content-1 blockquote>p {
  color: var(--Neutral-Granite, #666);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 24px;
}

.section-content-1 {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}

div.section-content-1 > img + p:not([style*="margin-top"]) {
  margin-top: 16px; 
}

.section-content-1 p span, 
.section-content-1 ul li {
  color: var(--Neutral-Charcoal, #414141) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150%;
}
.section-content-1 ul li em,
.content-box .mobi-specific-section.d-flex .paragraphs .main-para p em {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.section-content-1:has(blockquote),
.section-content-1:has(table) {
  padding-bottom: 0;
}

.blog-detail-main .section-content-1 ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
}

.blog-detail-main .section-content-1 ul li{
  margin-bottom: 5px;
}

.p-customsection {
  padding: 56px 0 24px 0;
}

.gap-space {
  padding-top: 8px;
}

.small-text {
  color: var(--Neutral-Granite, #666);
  font-family: "Inter", sans-serif;
  ;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;

  .color-1 {
    font-weight: 500;
    color: var(--Neutral-Dark-Charcoal, #222);
  }

  .color-2 {
    font-weight: 500;
    color: var(--Neutral-Granite, #666);
  }
}

.blog-detail-main .section1-text {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 24px !important;
  margin-bottom: 0;
}

.ratio-16x9 {
  margin-bottom: 56px;
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.section-review {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.content-section {
  padding-top: 56px;
  gap: 80px;
}

.list-group-options li {
  border: none;
  padding: 0;
}

.blog-detail-main .list-blog-options {
  padding-bottom: 40px;
  list-style-type: none;
}

.list-blog-options li strong {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.blog-detail-main .section-row-1 {
  padding: 40px 0 0px 0;
}

.blog-detail-main .section-row-1 .section1-text {
  padding-bottom: 0
}

.section-row-1>.row>.col,
.section-row-2>.row>.col {
  padding: 0 12px;
}

.section-row-1>.row>.section-img img,
.section-row-2>.row>.section-img img {
  max-height: 354px;
  min-height: 348px;
  object-fit: cover;
  object-position: center;
}

.node-36924 .section-row-1>.row>.section-img img {
  min-height: unset;
}

.table-striped.table-lawn-page>tbody>tr:nth-of-type(even)>*,
.table-lawn-page th {
  background: var(--Neutral-Dew, #F2FBF5) !important;
}

.table-striped.table-lawn-page>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: #fff;
}

.table-lawn-page tr,
.table-lawn-page td,
.table-lawn-page th {
  border: none;
}

.blog-detail-main .table-lawn-page {
  margin-bottom: 40px;
}

.blog-detail-main .table-lawn-page td {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 16px;
}

.blog-detail-main .table-lawn-page th {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding: 16px;
}

.blog-detail-main .buttons-section {
  padding: 40px 0px 32px 16px;
  gap: 15px;
}

.blog-detail-main .btn-badge {
  color: var(--Neutral-Dark-Charcoal, #222) !important;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: max-content;
  padding: 4px 16px;
  border-radius: 29px;
  border: 1px solid var(--Primary-Forest, #046A38);
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.blog-detail-main .card.post-sub-card {
  border-radius: 16px;
  border: none;
  border: 1px solid transparent;
  text-decoration: none;
  background: var(--Neutral-Dew, #F2FBF5);
}

.blog-detail-main .card.post-sub-card:hover {
  border: 1px solid var(--Primary-Moss, #00873C);
}

.blog-detail-main .card-body {
  background: var(--Neutral-Dew, #F2FBF5);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 24px;
}

.rounded-top-custom {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.blog-detail-main .go-to-guide-heading {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: normal;
  margin-bottom: 0;
  padding: 56px 0 64px 0;
  max-width: 600px;
}

.post-sub-text {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}

.quote-modal-mobi {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.quote-modal-mobi .modal-title {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.quote-modal-mobi .modal-header {
  border-bottom: none;
  padding: 16px 16px 0 24px;
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

/* Owl Carousel Navigation Buttons */
.blog-detail-main .owl-nav {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.blog-detail-main .owl-nav button.owl-prev,
.blog-detail-main .owl-nav button.owl-next {
  width: 40px;
  height: 40px;
  background-color: black !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  margin: 0 !important;
}

.blog-detail-main .owl-nav button.owl-prev:hover, .blog-detail-main .owl-nav button.owl-next:hover {
  background-color: #4F4F4F !important;
}

.blog-detail-main .owl-nav button.owl-prev span,
.blog-detail-main .owl-nav button.owl-next span {
  font-size: 33px;
  color: white;
}

.blog-detail-main .owl-nav button.owl-prev span {
  margin-left: -2px;
}

.blog-detail-main .owl-nav button.owl-next span {
  margin-right: -2px;
}

.blog-detail-main .go-to-guidesection {
  padding: 0 80px;
}

.go-to-guidesection .owl-theme .owl-dots .owl-dot.active span {
  background: #00873C;
  width: 40px;
}

.go-to-guidesection .owl-theme .owl-dots .owl-dot:hover span {
  background: #00873C;
}

.go-to-guidesection .owl-theme .owl-dots {
  margin: 10px 0px 0 0;
}

.go-to-guidesection .owl-theme .owl-dots .owl-dot span {
  margin: 5px 2px;
}

.show-more-section {
  display: flex;
  justify-content: center;
}

.blog-detail-main .show-more-section .btn-show-more {
  height: 48px;
  border-radius: var(--size-40, 40px);
  background: var(--Accent-Spearmint, #1EE576);
  color: var(--Neutral-Dark-Charcoal, #222) !important;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  border: none;
  padding: 10px 30px;
  margin: 56px 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  max-width: 352px;
}
.go-to-guidesection .show-more-section div.col-sm-4 {
  display: flex;
  justify-content: center;
}

.blog-detail-main .show-more-section .btn-show-more:hover {
    background: var(--Green-900, #19C063);
    color: var(--Neutral-Dark-Charcoal, #222);
    box-shadow: none;
}

.mobi-version ul {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}

.mobi-version ul li a {
  display: flex;

}

#socialModal ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

.captionbox button {
  width: 35%;
}

.captionbox button:hover {
  color: #333;
}

.rounded-custom {
  border-radius: 16px;
  width: 100%
}

.custom-hyperlink,
.custom-hyperlink:hover {
  text-decoration: none;
  color: var(--Primary-Moss, #00873C);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}

.mobi-specific-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 56px;
}

.h5-heading {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.2px;
}

.h2-heading {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 107%;
  letter-spacing: normal;
  margin-bottom: 0;
}

.main-para {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}

.disclaimer {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.section-content-1 {
  color: var(--Neutral-Charcoal, #414141);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.blog-detail-main a , 
.blog-detail-main a span,
.section-content-1 p a span {
  font-weight: 400;
  color: #00873C !important;
}
.blog-detail-main .container-fluid.go-to-guidesection 
.owl-carousel .owl-item img {
  height: 228px;
  object-fit: cover;
}
.new-header .btn-badge {
  align-items: center;
}
.blog-detail-main .buttons-section a.col.btn.btn-badge:hover {
  background: #E0E0E0;
  border: 1px solid #E0E0E0;
}
.blog-detail-main .section-content-1 ul {
    padding-left: 20px;
    padding-top: 0px;
}
.blog-detail-main .content-box .section-content-1 p {
  margin-bottom: 16px;
}
.content-box .container.p-0 .section-content-1 ol {
  padding-left: 20px;
}
@media (max-width: 767.98px) {
  #block-getacustomquote {
    margin-top: 48px;
  }
  .container-fluid.customquote-section {
    padding: 32px 16px;
  }
  .blog-container .post-details .post-title {
    color: var(--Neutral-Black, #000);
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: normal;
    padding: 16px 0;
    margin: 0;
    text-align: left;
  }
  #block-getacustomquote .customquote-section {
    padding: 32px 18px;
  }
  .customquote-section .post-title {
    margin-top: 0;
    margin-bottom: 8px;
  }

  .customquote-section {
    padding: 32px 16px;
    text-align: center;
  }
  .customquote-section .post-description {
    padding-bottom: 24px;
    max-width: 100% !important;
  }
  
  .blog-detail-main .mobi-specific-section .headings .h2-heading,
  .blog-detail-main .content-box h2  {
    margin-bottom: 24px;
  }

  .blog-detail-main .table-lawn-page {
    margin-bottom: 20px;
  }

  #socialModal .modal-dialog {
    margin: 0;
  }

  .scrollable-container {
    display: flex;
    overflow-x: scroll;
  }

  table {
    min-width: 100%;
    width: 100% !important;
  }
  .blog-detail-main table.table-borderless {
    min-width: 137%;
  }
    

  th,
  td {
    width: 31%;
  }

  table th:nth-child(3),
  table td:nth-child(3) {
    width: 31%;
  }

  .button-label {
    padding: 4px 16px;
  }

  .modal.show .modal-dialog {
    position: absolute;
    bottom: 79px;
    left: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    border-radius: 0;
  }

  .section-row-2>.row>.col:first-child {
    order: 2;
  }

  .section-row-2>.row>.col>.section1-text {
    padding-bottom: 16px;
  }

  .section-row-1>.row>.col:first-of-type, .section-row-2>.row>.col {
    padding-bottom: 24px;
  }

  .section-row-1 .col>.section1-text {
    padding-bottom: 0;
  }

  .blog-detail-main .buttons-section {
    padding: 24px 10px 32px 10px;
    max-width: 300px;
  }

  .blog-detail-main .buttons-section button {
    max-width: 150px;
  }

  .go-to-guide-heading {
    padding: 32px 0 32px 0 !important;
  }
  .blog-detail-main .show-more-section .btn-show-more {
    margin: 48px 0 0 !important;
  }

  .custom-nav {
    margin-top: 32px !important;
  }

  .btn-show-more {
    margin: 48px 0;
  }

  .blog-detail-main .go-to-guidesection {
    padding: 0 16px;
    padding-right: 0;
  }

  .blog-detail-main .custom-container {
    padding: 0 16px 0 16px;
  }

  .content-section {
    padding-top: 24px;
  }

  .blog-detail-main .owl-stage {
    left: -16px;
  }
}

@media only screen and (min-width: 767.98px) and (max-width: 1023.98px) {
  .blog-detail-main section.bg-section .headline {
    width: 530px;
  }
  .blog-detail-main .go-to-guidesection {
    padding: 0 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1180px) {
  .post-sub-text {
    color: var(--Neutral-Dark-Charcoal, #222);
    font-family: "DM Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: normal;
  }

  .blog-detail-main .owl-dots {
    display: none;
  }

  .blog-detail-main .owl-theme {
    display: none;
  }
}

@media only screen and (min-width: 767.98px) and (max-width: 1023.98px) {
  .blog-detail-main .section1-text {
    color: var(--Neutral-Charcoal, #414141);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 24px;
    margin-bottom: 0;
  }

  .post-sub-text {
    color: var(--Neutral-Dark-Charcoal, #222);
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: normal;
  }

  .go-to-guide-heading {
    color: var(--Neutral-Dark-Charcoal, #222);
    font-family: "DM Sans", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: normal;
    margin-bottom: 0;
    padding: 56px 0 64px 0;
  }

  .blog-detail-main .owl-dots {
    display: none;
  }

  .blog-detail-main .owl-theme {
    display: none;
  }

  .bg-section picture img {
    width: 120%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(80%);
  }
}

.scrollable-container::-webkit-scrollbar {
  display: none;
}

.scrollable-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.go-to-guidesection .owl-theme .owl-controls {
  position: relative;
}

.go-to-guidesection .owl-theme .owl-nav {
  position: absolute;
  top: -125px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.go-to-guidesection .owl-theme .owl-dots {
  margin-top: 74px;
  z-index: 1;
  position: relative;
  padding-top: 24px;
}

.go-to-guidesection .owl-theme .owl-dots {
  pointer-events: none;
}

.go-to-guidesection .owl-theme .owl-dots .owl-dot {
  pointer-events: auto;
}

@media only screen and (min-width: 820px) and (max-width: 1106px) {

  .bg-section picture img {
    width: 135%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(80%);
  }

  .headline {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: normal;
    margin: 3% 0;
  }
}
.blog-detail-main .popover-header {
  background: none;
}
@media only screen and (min-width: 601px) and (max-width: 767.97px) {
  .customquote-button {
    align-items: center;
    text-align: center;
  }
  #block-getacustomquote .btn-custom-quote {
    max-width: unset;
  }

  .blog-detail-main .bg-section .content {
    padding-left: 40px;
  }
  .bg-section picture img {
    width: 125%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(80%);
  }


  .blog-detail-main .owl-theme {
    display: none;
  }

  .btn-show-more {
    border-radius: var(--size-40, 40px);
    background: var(--Accent-Spearmint, #1EE576);
    color: var(--Neutral-Dark-Charcoal, #222);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    border: none;
    padding: 10px 10px;
    margin: 56px 0;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: center;
  }

  #BranchFinderModal .modal-dialog {
    top: 25%;
  }
}

.tick-mark.show {
  display: inline-block;
}

.mob-colorLink{
  color: var(--Primary-Moss, #00873C);;
}

.copy-text.copy-link{
  color: var(--Primary-Moss, #00873C);;
}
.section-content-1 div#cookiesAndInterestBasedAdvertising ul {
  padding-bottom: 20px;
}

@media screen and (min-width: 767px) {
  .section-content-1 h2 + p:only-of-type {
    margin-bottom: 16px;
  }
  .blog-detail-main .mobi-specific-section .paragraphs .main-para ul {
    padding-bottom: 40px;
}
  .headings h2.h2-heading {
    margin-bottom: 24px;
  }
}
.blog-detail-main .carousel-section .owl-theme {
  display: block;
}
@media only screen and (min-width: 1280px) {
  .blog-detail-main .go-to-guidesection .owl-theme .owl-nav {
    top: -480px;
    left: 94.5%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

  .customquote-section .btn-outline-secondary.btn-custom-quote {
    padding: 16px 60px !important;
  }
  .blog-detail-main .go-to-guidesection .owl-theme .owl-nav {
    top: -480px;
    left: 94.5%;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 1023.98px) {
  .blog-detail-main .go-to-guidesection .owl-theme .owl-nav {
    top: -460px;
    left: 94.5%;
  }
}
.blog-detail-main .go-to-guidesection .owl-theme button.owl-play {
  display: none !important;
}
@media only screen and (min-width: 601px) and (max-width: 767.97px) {
  .blog-detail-main .go-to-guidesection.owl-dots{
    display: block;
  }

}
@media only screen and (max-width: 576px){
  .list-group-flush:not(.list-pop-over){
    position: static;
  }
}
.blog-detail-main .content-box .mobi-specific-section.d-flex:has(h2) {
  margin-bottom: 0;
  gap: 0;
}
.blog-detail-main .content-box .field--item .section-content-1 h5 img.img-fluid {
  margin-right: 20px;
}
.blog-detail-main .field.field--name-field-blog-section-paragraph.field--type-entity-reference-revisions.field--label-hidden.field--items 
.section-row-1 img.img-fluid.rounded {
  border-radius: 16px !important;
  width: 100%;
}

.blog-detail-main .mobi-specific-section .headings .h2-heading {
  font-family: "DM Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; 
  letter-spacing: normal;
  color: var(--Neutral-Dark-Charcoal, #222);
}
.blog-detail-main .content-box strong {
  font-weight: 600;
}
.mobi-specific-section.d-flex .paragraphs .main-para main ol,
.mobi-specific-section.d-flex .paragraphs .main-para main ol{
  list-style-type: decimal;
  padding-left: 20px;
}
.mobi-specific-section .buttons button.button-label.button-mobi {
  height: 25px;
  padding: 4px 16px;
}
.blog-detail-main .content-box .paragraphs ul {
  margin-bottom: 0;
}
.blog-detail-main .content-box .section-content-1 p strong {
  color: var(--Neutral-Dark-Charcoal, #222);
}

.blog-detail-main .field--item:first-child .section-row-1 {
  padding-top: 0;
}
.blog-detail-main .field--item:first-child h4.section-header {
  padding-top: 0;
}


button.btn-outline-secondary.btn-custom-quote:hover {
  background: #4F4F4F !important;
  text-decoration: none !important;
}
.customquote-section .post-title {
  color: var(--Neutral-Black, #000);
  font-family: "DM Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
  margin: 0 0 8px 0;
}

.customquote-section .post-description {
  color: var(--Neutral-Black, #000);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 85%;
  margin-bottom: 0;
  letter-spacing: normal;
}
.customquote-section .text-required {
  color: var(--Neutral-Granite, #666);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.customquote-section .post-title {
  color: var(--Neutral-Black, #000);
  font-family: "DM Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: normal;
  margin: 16px 0 16px 0;
}
.customquote-section .post-description {
  color: var(--Neutral-Black, #000);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 620px;
}
.customquote-section .post-title {
  padding: 0;
}
@media screen and (min-width: 1440px) {
  .blog-detail-main .go-to-guidesection {
    max-width: 1920px;
  }
}
@media screen and (max-width: 1200px) {
  .customquote-section .btn-outline-secondary.btn-custom-quote {
      padding: 16px 60px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767.98px) {
  .customquote-section .row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
}
.customquote-button {
  align-self: center;
  text-align: right;
  padding: 0;
}
#block-getacustomquote .customquote-section {
  padding: 32px 18px;
}

.container-fluid.customquote-section .customquote-button button {
  color: #ffffff;
  border-color: unset;
  font-family: "DM Sans", sans-serif;
}
.container-fluid.customquote-section .customquote-button button:hover {
  background: #4f4f4f;
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .customquote-section .post-description {
    width: 95%;
  }
  

}

#block-getacustomquote .btn-custom-quote {
  border-radius: var(--size-40, 40px);
  background: var(--Neutral-Black, #000);
  color: var(--Neutral-White, #fff);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  padding: 16px 80px;
  border: none;
}
#block-getacustomquote {
  margin-top: 56px;
  background: var(--Accent-Spearmint, #1ee576);
}
@media only screen and (min-width: 450px) and (max-width: 767.98px) {
  .customquote-section .row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .customquote-section .post-description {
    width: 95%;
  }
  #block-getacustomquote .btn-custom-quote {
    padding: 16px 60px !important;
  }
}

.blog-detail-main .content-box .btn-badge {
  display: flex;
  align-items: center;
  text-align: center !important;
  justify-content: center;
}
.blog-detail-main .go-to-guidesection .owl-carousel.owl-drag .owl-item .item {
  padding-left: 1px;
}

.popover-body .social-box ul a {
  text-decoration: none !important;
}
.popover-body .social-box ul li:hover {
    background: #F5F7F5;
}
.social-box .list-group-flush li {
  width: 100%;
}
.blog-detail-main .content-box h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: normal;
  color: var(--Neutral-Dark-Charcoal, #222);
}
.page-node-type-lawn-care-guides .blog-detail-main .content-box h1, 
.page-node-type-lawn-care-guides .blog-detail-main .content-box h2 {
  color: var(--Neutral-Dark-Charcoal, #222);
  font-family: "DM Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
.blog-detail-main .content-box strong {
  color: var(--Neutral-Dark-Charcoal, #222);
}

.popover-body {
  padding: 0 16px !important;
}
h3.popover-header {
  background-color: #fff !important;
  padding: 16px 16px 8px !important;
  border-bottom: none !important;
}
@media (max-width: 767.98px) {
  #block-getacustomquote {
    margin-top: 48px;
  }
  .blog-detail-main .show-more-section .btn-show-more {
    margin: 48px 0px 0px !important;
  }
 
}
h3.popover-header {
  font-size: 12px;
}
.section-content-1 ol li::marker {
  font-weight: 600;
  color: #222222;
}
#block-getacustomquote {
  margin-top: 56px;
}
.blog-detail-main .show-more-section .btn-show-more {
  margin: 56px 0 0 !important;
 
}

.tick-mark {
  display: none;
  width: 16px;
  height: 16px;
  background-image: url(/themes/custom/trugreenakqa/assets/images/Vector.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

@media only screen and (max-width: 767px){
  .list-group-flush:not(.list-pop-over){
    position: static;
  }
}

.copy-gap{
  display:flex;
  width:100%;
  justify-content:space-between; 
}

.blog-detail-main .custom-container .content-box .field .field--item:last-child .ratio.ratio-16x9.ratio-border {
  margin-bottom: 0;
}

.blog-detail-main .custom-container .content-box .field .field--item:last-child h5.sub-section-header {
  padding-top: 0px !important;
}

div.field--item:not(:last-child) div.section-content-1 > span:last-child, div.field--item:not(:last-child) div.section-content-1 > a:last-child {
  display: inline-block;
  padding-bottom: 24px;
}

div.field--item:has(.section-row-1 img) + div.field--item .container.p-0 h4.section-header {
  padding-top: 24px;
}

div.page-node-type-basic-content div.section-content-1:not(:has(*)), div.page-node-type-blog div.section-content-1:not(:has(*)) {
  padding-bottom: 16px
}
@media only screen and (max-width: 767px){
  .blog-detail-main .content-box .paragraphs ul {
    margin-bottom: 16px !important;
  }
}
.page-node-type-blog .content-box .field--item .section-content-1 a:has(img){
  display: block !important;
}
.page-node-type-blog .blog-detail-main .content-section .content-box .field--name-field-blog-section-paragraph .field--item .section-header{
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: normal;
    margin-bottom: 0;
    padding-bottom: 24px;
}
.page-node-type-blog .blog-detail-main .content-section .content-box .field--name-field-blog-section-paragraph .field--item h5.section-header{
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    letter-spacing: normal;
    margin-bottom: 0;
    padding-bottom: 8px;
}
.page-node-type-blog .blog-detail-main .content-box .section-content-1 p a strong{
   color: #00873C !important;
}
