.aside-scroll:where(.astro-aw3a7bqd) {
      overflow-x: none;
      overflow-y: auto;
      scrollbar-width: none;
      -ms-overflow-style: no
}

#main-content:where(.astro-aw3a7bqd) {
      margin-left: auto;
      margin-right: auto;
      max-width: 80rem;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      width: 100%
}

#main-content:where(.astro-aw3a7bqd) h1:where(.astro-aw3a7bqd) {
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 2rem
}

#main-content:where(.astro-aw3a7bqd) p:where(.astro-aw3a7bqd) {
      font-style: italic;
      margin-bottom: 1.5rem;
      margin-top: .5rem
}

@media (min-width:640px) {
      #main-content:where(.astro-aw3a7bqd) h1:where(.astro-aw3a7bqd) {
            font-size: 1.875rem;
            line-height: 2.25rem
      }
}

.overlay-text:where(.astro-6bshvoh7) {
      background-color: #ffffff80;
      bottom: 1rem;
      color: #000;
      font-size: 1rem;
      left: 0;
      padding: .5rem;
      right: 0
}

.img-overlay-text:where(.astro-6bshvoh7),
.overlay-text:where(.astro-6bshvoh7) {
      position: absolute;
      text-align: center
}

.img-overlay-text:where(.astro-6bshvoh7) {
      color: #fff;
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1rem;
      padding: 5px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
      top: 16rem;
      width: 100%
}

.img-out-container:where(.astro-6bshvoh7) {
      cursor: pointer;
      min-height: 390px;
      padding-top: 2rem
}

.img-out-container:where(.astro-6bshvoh7),
.sale-text:where(.astro-6bshvoh7) span:where(.astro-6bshvoh7) {
      display: inline-block;
      position: relative
}

.sale-text:where(.astro-6bshvoh7) span:where(.astro-6bshvoh7):after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 10'%3E%3Cpath fill='none' stroke='tomato' stroke-width='2' d='M0 5q25 5 50 0t50 0'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      bottom: -5px;
      content: "";
      height: 10px;
      left: 0;
      position: absolute;
      width: 100%
}

.btn:where(.astro-6bshvoh7).btn-disabled,
.btn:where(.astro-6bshvoh7):disabled,
.btn:where(.astro-6bshvoh7)[disabled] {
      background-color: rgba(var(--color-border), 1)
}

.card:where(.astro-6bshvoh7) {
      background-color: #f9fafb;
      border-radius: .5rem;
      box-shadow: 0 2px 4px #0000001a
}

.testimonial-img:where(.astro-6bshvoh7) {
      height: 3.125rem;
      width: auto
}

.review-outer:where(.astro-6bshvoh7) {
      border: 1.2px solid rgba(var(--color-border), 1);
      border-radius: .8rem;
      box-shadow: 0 2px 8px #00000026;
      margin: 1rem 0;
      padding: 3rem
}

.review-comment:where(.astro-6bshvoh7) {
      color: rgba(var(--color-text-base), .7);
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.75rem
}

.reviewer-name:where(.astro-6bshvoh7) {
      font-size: 1.5rem;
      font-weight: 300
}

.chipp:where(.astro-6bshvoh7) {
      background-color: rgba(var(--color-accent), .1);
      border-radius: 16px;
      padding: 4px 16px
}

.star-rating:where(.astro-6bshvoh7) {
      --percent: calc(var(--rating)/5*100%);
      --star-size: 25px;
      --star-color: #c1c1c1;
      --star-background: #dcdce6;
      display: inline-flex;
      font-size: 30px;
      line-height: 1;
      position: relative
}

.star-rating:where(.astro-6bshvoh7):after,
.star-rating:where(.astro-6bshvoh7):before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NyIgaGVpZ2h0PSI5NyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2RjZGNlNiIgZD0iTS4wOC4xOWg5NnY5NmgtOTZ6Ii8+PHBhdGggZmlsbD0iI2MxYzFjMSIgZD0ibTQ4LjA4IDY0Ljg5IDE0LjYtMy43IDYuMSAxOC44em0zMy42LTI0LjNoLTI1LjdsLTcuOS0yNC4yLTcuOSAyNC4yaC0yNS43bDIwLjggMTUtNy45IDI0LjIgMjAuOC0xNSAxMi44LTkuMnoiLz48L2c+PC9zdmc+);
      background-position: 0 0;
      background-repeat: space;
      background-size: var(--star-size);
      content: "";
      height: var(--star-size);
      left: 0;
      position: absolute;
      top: 0;
      width: calc(var(--star-size)*5 + 8px)
}

.star-rating:where(.astro-6bshvoh7):after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NyIgaGVpZ2h0PSI5NyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwYjY3YSIgZD0iTS4wOC4xOWg5NnY5NmgtOTZ6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTQ4LjA4IDY0Ljg5IDE0LjYtMy43IDYuMSAxOC44em0zMy42LTI0LjNoLTI1LjdsLTcuOS0yNC4yLTcuOSAyNC4yaC0yNS43bDIwLjggMTUtNy45IDI0LjIgMjAuOC0xNSAxMi44LTkuMnoiLz48L2c+PC9zdmc+);
      clip-path: polygon(0 0, var(--percent) 0, var(--percent) 100%, 0 100%)
}

.star:where(.astro-6bshvoh7) {
      --rating: 0;
      --percent: calc(var(--rating)/5*100%);
      display: inline-block;
      font-family: Times;
      font-size: 25px;
      line-height: 1
}

.star:where(.astro-6bshvoh7):before {
      background: linear-gradient(90deg, gold var(--percent), #ccc var(--percent));
      /* -webkit-background-clip: text; */
      content: "★★★★★";
      letter-spacing: 3px;
      -webkit-text-fill-color: transparent
}

/* .z3HNkc:where(.astro-6bshvoh7) {
      background-image: "url(data:image/svg + xml, <svgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.44 19" ><polygonfill="#e6b200" points="10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19" /></svg>)";
      background-repeat: repeat-x;
      display: inline-block;
      overflow: hidden;
      position: relative
} */

.testimonial-icon:where(.astro-6bshvoh7) {
      height: 1.3rem;
      width: 1.3rem;
      fill: #ff5775
}

.testimonials-user-img:where(.astro-6bshvoh7) {
      border-radius: 25px;
      height: 45px;
      width: 45px
}

.ctaPhoneOuter:where(.astro-6bshvoh7) {
      border: 1.2px solid rgba(var(--color-text-full), .2)
}

.Testimonial-Higlight:where(.astro-6bshvoh7) {
      background-color: #d7ebce;
      border: 1.2px solid rgba(var(--color-border), 1)
}

.ctaPhone:where(.astro-6bshvoh7) {
      background-color: #fff;
      border-radius: 8px;
      color: rgba(var(--color-text-full), .75);
      color: rgb(var(--color-cta-pry-btn));
      cursor: pointer;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 2.025rem;
      padding: 8px 24px
}

.ctaPhoneOuterHover:where(.astro-6bshvoh7):hover {
      border-color: #ff385c;
      cursor: pointer
}

.parent-section:where(.astro-6bshvoh7) {
      background-color: #e9f5ff;
      border: 2px solid #007bff;
      border-radius: 5px;
      margin-bottom: 30px;
      padding: 20px
}

p:where(.astro-6bshvoh7) {
      color: #666;
      font-size: 14px
}

.content-list:where(.astro-6bshvoh7) {
      list-style-type: none;
      padding: 0
}

.content-item:where(.astro-6bshvoh7) {
      align-items: center;
      display: flex;
      margin: 5px 0
}

.vehicleTypeIcon:where(.astro-6bshvoh7) {
      height: 40px;
      width: 40px
}

.TrusIndexIcon:where(.astro-6bshvoh7) {
      height: 40px;
      width: auto
}

.text-label:where(.astro-6bshvoh7) {
      color: #333;
      font-weight: 700
}

.vTypeSVG:where(.astro-6bshvoh7) {
      fill: #007bff
}

.box-list:where(.astro-6bshvoh7) {
      display: flex;
      margin: 1rem 0
}

.box_inner:where(.astro-6bshvoh7) {
      border: 1.2px solid rgba(var(--color-border), 1);
      border-radius: 8px;
      max-width: calc(100% - 24px);
      padding: 1.5rem;
      width: calc(100% - 24px)
}

.icon-list:where(.astro-6bshvoh7) {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: space-between
}

.vTypeName:where(.astro-6bshvoh7) {
      color: rgba(var(--color-text-full), .85);
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.35rem;
      margin-top: .5rem
}

.carousel-container:where(.astro-6bshvoh7) {
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none
}

.carousel-container:where(.astro-6bshvoh7)::-webkit-scrollbar {
      display: none
}

.carousel-inner:where(.astro-6bshvoh7) {
      display: flex
}

.carousel-item:where(.astro-6bshvoh7) {
      flex: 0 0 65%;
      margin-right: 10px;
      scroll-snap-align: start
}

.carousel-content:where(.astro-6bshvoh7),
.carousel-item:where(.astro-6bshvoh7) {
      position: relative
}

.btn:where(.astro-6bshvoh7):disabled {
      cursor: not-allowed;
      opacity: .5
}

@media 
only screen and (min-width:400px) and (max-device-width:736px) and (orientation:landscape) {
      .carousel-item:where(.astro-6bshvoh7) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-6bshvoh7) {
            top: 12rem !important
      }
}

@media 
only screen and (min-width:500px) and (max-device-width:890px) and (orientation:landscape) {
      .carousel-item:where(.astro-6bshvoh7) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-6bshvoh7) {
            top: 12rem !important
      }
}

@media 
only screen and (min-width:600px) and (max-device-width:1100px) and (orientation:landscape) {
      .carousel-item:where(.astro-6bshvoh7) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-6bshvoh7) {
            top: 12rem !important
      }
}

@media (min-width:1024px) {
      .img-overlay-text:where(.astro-6bshvoh7) {
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.25rem;
            padding: 5px;
            position: absolute;
            text-align: center;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
            top: 10rem;
            width: 100%
      }

      .img-out-container:where(.astro-6bshvoh7) {
            min-height: unset;
            padding-top: 0
      }

      .carousel-item:where(.astro-6bshvoh7) {
            flex: 0 0 20.333%;
            max-width: 100%;
            scroll-snap-align: start
      }
}

.overlay-text:where(.astro-nsp7iasj) {
      background-color: #ffffff80;
      bottom: 1rem;
      color: #000;
      font-size: 1rem;
      left: 0;
      padding: .5rem;
      right: 0
}

.img-overlay-text:where(.astro-nsp7iasj),
.overlay-text:where(.astro-nsp7iasj) {
      position: absolute;
      text-align: center
}

.img-overlay-text:where(.astro-nsp7iasj) {
      color: #fff;
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.5rem;
      padding: 5px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
      top: 16rem;
      width: 100%
}

.img-out-container:where(.astro-nsp7iasj) {
      cursor: pointer;
      min-height: 390px;
      padding-top: 2rem
}

.img-out-container:where(.astro-nsp7iasj),
.sale-text:where(.astro-nsp7iasj) span:where(.astro-nsp7iasj) {
      display: inline-block;
      position: relative
}

.sale-text:where(.astro-nsp7iasj) span:where(.astro-nsp7iasj):after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 10'%3E%3Cpath fill='none' stroke='tomato' stroke-width='2' d='M0 5q25 5 50 0t50 0'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      bottom: -5px;
      content: "";
      height: 10px;
      left: 0;
      position: absolute;
      width: 100%
}

.btn:where(.astro-nsp7iasj).btn-disabled,
.btn:where(.astro-nsp7iasj):disabled,
.btn:where(.astro-nsp7iasj)[disabled] {
      background-color: rgba(var(--color-border), 1)
}

.card:where(.astro-nsp7iasj) {
      background-color: #f9fafb;
      border-radius: .5rem;
      box-shadow: 0 2px 4px #0000001a
}

.testimonial-img:where(.astro-nsp7iasj) {
      height: 3.125rem;
      width: auto
}

.review-outer:where(.astro-nsp7iasj) {
      border: 1.2px solid rgba(var(--color-border), 1);
      border-radius: .8rem;
      box-shadow: 0 2px 8px #00000026;
      margin: 1rem 0;
      padding: 3rem
}

.review-comment:where(.astro-nsp7iasj) {
      color: rgba(var(--color-text-base), .7);
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.75rem
}

.reviewer-name:where(.astro-nsp7iasj) {
      font-size: 1.5rem;
      font-weight: 300
}

.chipp:where(.astro-nsp7iasj) {
      background-color: rgba(var(--color-accent), .1);
      border-radius: 16px;
      padding: 4px 16px
}

.star-rating:where(.astro-nsp7iasj) {
      --percent: calc(var(--rating)/5*100%);
      --star-size: 25px;
      --star-color: #c1c1c1;
      --star-background: #dcdce6;
      display: inline-flex;
      font-size: 30px;
      line-height: 1;
      position: relative
}

.star-rating:where(.astro-nsp7iasj):after,
.star-rating:where(.astro-nsp7iasj):before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NyIgaGVpZ2h0PSI5NyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2RjZGNlNiIgZD0iTS4wOC4xOWg5NnY5NmgtOTZ6Ii8+PHBhdGggZmlsbD0iI2MxYzFjMSIgZD0ibTQ4LjA4IDY0Ljg5IDE0LjYtMy43IDYuMSAxOC44em0zMy42LTI0LjNoLTI1LjdsLTcuOS0yNC4yLTcuOSAyNC4yaC0yNS43bDIwLjggMTUtNy45IDI0LjIgMjAuOC0xNSAxMi44LTkuMnoiLz48L2c+PC9zdmc+);
      background-position: 0 0;
      background-repeat: space;
      background-size: var(--star-size);
      content: "";
      height: var(--star-size);
      left: 0;
      position: absolute;
      top: 0;
      width: calc(var(--star-size)*5 + 8px)
}

.star-rating:where(.astro-nsp7iasj):after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NyIgaGVpZ2h0PSI5NyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwYjY3YSIgZD0iTS4wOC4xOWg5NnY5NmgtOTZ6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTQ4LjA4IDY0Ljg5IDE0LjYtMy43IDYuMSAxOC44em0zMy42LTI0LjNoLTI1LjdsLTcuOS0yNC4yLTcuOSAyNC4yaC0yNS43bDIwLjggMTUtNy45IDI0LjIgMjAuOC0xNSAxMi44LTkuMnoiLz48L2c+PC9zdmc+);
      clip-path: polygon(0 0, var(--percent) 0, var(--percent) 100%, 0 100%)
}

.star:where(.astro-nsp7iasj) {
      --rating: 0;
      --percent: calc(var(--rating)/5*100%);
      display: inline-block;
      font-family: Times;
      font-size: 25px;
      line-height: 1
}

.star:where(.astro-nsp7iasj):before {
      background: linear-gradient(90deg, gold var(--percent), #ccc var(--percent));
      /* -webkit-background-clip: text; */
      content: "★★★★★";
      letter-spacing: 3px;
      -webkit-text-fill-color: transparent
}

/* .z3HNkc:where(.astro-nsp7iasj) {
      background-image: url(data:image/svg + xml,
 <svgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.44 19" ><polygonfill="#e6b200" points="10,15.27 16.18,19 14.54,11.97 20,7.24 12.81,6.63 10,0 7.19,6.63 0,7.24 5.46,11.97 3.82,19" /></svg>);
      background-repeat: repeat-x;
      display: inline-block;
      overflow: hidden;
      position: relative
} */

.testimonial-icon:where(.astro-nsp7iasj) {
      height: 1.3rem;
      width: 1.3rem;
      fill: #ff5775
}

.testimonials-user-img:where(.astro-nsp7iasj) {
      border-radius: 25px;
      height: 45px;
      width: 45px
}

.ctaPhoneOuter:where(.astro-nsp7iasj) {
      border: 1.2px solid rgba(var(--color-text-full), .2)
}

.Testimonial-Higlight:where(.astro-nsp7iasj) {
      background-color: #d7ebce;
      border: 1.2px solid rgba(var(--color-border), 1)
}

.ctaPhone:where(.astro-nsp7iasj) {
      background-color: #fff;
      border-radius: 8px;
      color: rgba(var(--color-text-full), .75);
      color: rgb(var(--color-cta-pry-btn));
      cursor: pointer;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 2.025rem;
      padding: 8px 24px
}

.ctaPhoneOuterHover:where(.astro-nsp7iasj):hover {
      border-color: #ff385c;
      cursor: pointer
}

.parent-section:where(.astro-nsp7iasj) {
      background-color: #e9f5ff;
      border: 2px solid #007bff;
      border-radius: 5px;
      margin-bottom: 30px;
      padding: 20px
}

p:where(.astro-nsp7iasj) {
      color: #666;
      font-size: 14px
}

.content-list:where(.astro-nsp7iasj) {
      list-style-type: none;
      padding: 0
}

.content-item:where(.astro-nsp7iasj) {
      align-items: center;
      display: flex;
      margin: 5px 0
}

.vehicleTypeIcon:where(.astro-nsp7iasj) {
      height: 40px;
      width: 40px
}

.TrusIndexIcon:where(.astro-nsp7iasj) {
      height: 40px;
      width: auto
}

.text-label:where(.astro-nsp7iasj) {
      color: #333;
      font-weight: 700
}

.vTypeSVG:where(.astro-nsp7iasj) {
      fill: #007bff
}

.box-list:where(.astro-nsp7iasj) {
      display: flex;
      margin: 1rem 0
}

.box_inner:where(.astro-nsp7iasj) {
      border: 1.2px solid rgba(var(--color-border), 1);
      border-radius: 8px;
      max-width: calc(100% - 24px);
      padding: 1.5rem;
      width: calc(100% - 24px)
}

.icon-list:where(.astro-nsp7iasj) {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: space-between
}

.vTypeName:where(.astro-nsp7iasj) {
      color: rgba(var(--color-text-full), .85);
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.35rem;
      margin-top: .5rem
}

.carousel-container:where(.astro-nsp7iasj) {
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none
}

.carousel-container:where(.astro-nsp7iasj)::-webkit-scrollbar {
      display: none
}

.carousel-inner:where(.astro-nsp7iasj) {
      display: flex
}

.carousel-itemPop:where(.astro-nsp7iasj) {
      flex: 0 0 65%;
      margin-right: 10px;
      position: relative;
      scroll-snap-align: start
}

.carousel-content:where(.astro-nsp7iasj) {
      position: relative
}

.btn:where(.astro-nsp7iasj):disabled {
      cursor: not-allowed;
      opacity: .5
}

@media 
only screen and (min-width:400px) and (max-device-width:736px) and (orientation:landscape) {
      .carousel-itemPop:where(.astro-nsp7iasj) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-nsp7iasj) {
            top: 12rem !important
      }
}

@media 
only screen and (min-width:500px) and (max-device-width:890px) and (orientation:landscape) {
      .carousel-itemPop:where(.astro-nsp7iasj) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-nsp7iasj) {
            top: 12rem !important
      }
}

@media 
only screen and (min-width:600px) and (max-device-width:1100px) and (orientation:landscape) {
      .carousel-itemPop:where(.astro-nsp7iasj) {
            flex: 0 0 22%
      }

      .img-overlay-textA:where(.astro-nsp7iasj) {
            top: 12rem !important
      }
}

@media (min-width:1024px) {
      .img-overlay-text:where(.astro-nsp7iasj) {
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.25rem;
            padding: 5px;
            position: absolute;
            text-align: center;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
            top: 10rem;
            width: 100%
      }

      .img-out-container:where(.astro-nsp7iasj) {
            min-height: unset;
            padding-top: 0
      }

      .carousel-itemPop:where(.astro-nsp7iasj) {
            flex: 0 0 20.333%;
            max-width: 100%;
            scroll-snap-align: start
      }
}

.pdesc_main:where(.astro-xzxakp6j) {
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.75rem
}

.parent-section:where(.astro-xzxakp6j) {
      background-color: #e9f5ff;
      border: 2px solid #007bff;
      border-radius: 5px;
      margin-bottom: 30px;
      padding: 20px
}

p:where(.astro-xzxakp6j) {
      color: #666;
      font-size: 14px
}

.content-list:where(.astro-xzxakp6j) {
      list-style-type: none;
      padding: 0
}

.content-item:where(.astro-xzxakp6j) {
      align-items: center;
      display: flex;
      margin: 5px 0
}

.content-icon:where(.astro-xzxakp6j) {
      height: 40px;
      margin-right: 10px;
      width: 40px
}

.text-label:where(.astro-xzxakp6j) {
      color: #333;
      font-weight: 700
}

.box-list:where(.astro-xzxakp6j) {
      display: flex;
      margin: 1rem 0
}

.box_inner:where(.astro-xzxakp6j) {
      border: 1.2px solid rgba(var(--color-border), 1);
      border-radius: 8px;
      padding: 1.5rem;
      width: 100%
}

@media (max-width:1024px) {
      .pdesc_main:where(.astro-xzxakp6j) {
            font-size: 1rem;
            line-height: 1.25rem
      }
}

.h4-blue:where(.astro-s3zcl5lg) {
      color: rgba(var(--color-accent), var(--tw-text-opacity))
}

.h4-red:where(.astro-s3zcl5lg) {
      color: rgba(var(--color-h4), .95)
}

.bin-pborder:where(.astro-s3zcl5lg) {
      border: 1px solid #ddd;
      border-radius: 12px;
      padding: 16px
}

.abouticon:where(.astro-s3zcl5lg) {
      height: 60px;
      margin-right: 10px;
      width: 60px
}

.puap-tgl-details:where(.astro-s3zcl5lg) {
      padding-bottom: 40px;
      position: relative
}

.puap-tgl-details__content:where(.astro-s3zcl5lg) {
      margin-bottom: 10px
}

.puap-tgl-details__toggle:where(.astro-s3zcl5lg) {
      border: 1px solid #909090;
      border-radius: 5px;
      bottom: 0;
      color: #000;
      cursor: pointer;
      font-size: 1em;
      left: 0;
      padding: .5em;
      position: absolute;
      text-align: center;
      transition: background-color .3s ease;
      width: 12em
}

.puap-tgl-details__toggle:where(.astro-s3zcl5lg):hover {
      background-color: #c3e0ff
}

.puap-tgl-details__toggle:where(.astro-s3zcl5lg):before {
      content: "+";
      margin-right: .3em;
      transition: transform .3s ease
}

.puap-tgl-details__hidden:where(.astro-s3zcl5lg) {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height .5s ease-out, opacity .5s ease-out
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg) {
      display: none
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg):checked~.puap-tgl-details__hidden:where(.astro-s3zcl5lg) {
      animation: g .5s ease-in forwards;
      max-height: 1270px;
      opacity: 1;
      transition: max-height .5s ease-in, opacity .5s ease-in
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg):checked~.puap-tgl-details__toggle:where(.astro-s3zcl5lg):before {
      content: "−";
      transform: rotate(180deg)
}

.puap-tgl-details__toggle-text:where(.astro-s3zcl5lg) {
      display: inline-block
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg):checked~.puap-tgl-details__toggle:where(.astro-s3zcl5lg) .puap-tgl-details__toggle-text:where(.astro-s3zcl5lg):after {
      content: "Read less"
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg):not(:checked)~.puap-tgl-details__toggle:where(.astro-s3zcl5lg) .puap-tgl-details__toggle-text:where(.astro-s3zcl5lg):after {
      content: "Read more"
}

@keyframes g {
      0% {
            opacity: 0;
            transform: translateY(-10px)
      }

      to {
            opacity: 1;
            transform: translateY(0)
      }
}

@keyframes h {
      0% {
            opacity: 1;
            transform: translateY(0)
      }

      to {
            opacity: 0;
            transform: translateY(-10px)
      }
}

.puap-tgl-details__checkbox:where(.astro-s3zcl5lg):not(:checked)~.puap-tgl-details__hidden:where(.astro-s3zcl5lg) {
      animation: h .5s ease-out forwards
}

.pdesc_main:where(.astro-s3zcl5lg) {
      font-size: 1.125rem;
      font-weight: 400;
      line-height: 1.75rem
}

@media (max-width:1024px) {
      .pdesc_main:where(.astro-s3zcl5lg) {
            font-size: 1rem;
            line-height: 1.25rem
      }

      .abouticon:where(.astro-s3zcl5lg) {
            height: 60px;
            margin-right: 10px;
            width: 60px
      }

      .bin-pborder:where(.astro-s3zcl5lg) {
            padding: 16px
      }
}