/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;/*background:url(owl.video.play.png) no-repeat;*/cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.btn:focus {
    box-shadow: none;
}

.default-btn .primary-btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #1EE576;
    color: #222222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    position: relative;
}
.default-btn button{
    max-width:100%;
}
.default-btn .primary-btn:hover,
.default-btn .primary-btn:active {
    background: #19C063;
    color: #222222;
}

.default-btn .primary-btn:focus {
    background: #1EE576;
    outline: -webkit-focus-ring-color auto 2px;
    outline-offset: 2px;
}

.default-btn .primary-btn:focus::before{
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    /* border: 2px solid #222; */
    border-radius: 40px;
}

 .default-btn .primary-btn.btn:first-child:active {
    background: #17B35C;
}

.primary-btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #1EE576;
    color: #000000;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.primary-btn:hover,
.primary-btn:active {
    background: #19C063;
}

.primary-btn:focus {
    background: #1EE576;
    outline: 2px solid #000000;
}

.primary-btn.btn:first-child:active {
    background: #17B35C;
}

.qualities-btn .secondary-btn.btn,
.black-btn .secondary-btn.btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #000000;
    color: #ffffff;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
    position: relative;
}

.qualities-btn .secondary-btn:hover,
.qualities-btn .secondary-btn:active,
.black-btn .secondary-btn:hover,
.black-btn .secondary-btn:active {
    background: #4F4F4F;
}

.qualities-btn .secondary-btn:focus,
.black-btn .secondary-btn:focus {
    background: #000;
    border: 2px solid #fff;
    /* outline: 2px solid #000000; */
}

.qualities-btn .secondary-btn:focus::before,
.black-btn .secondary-btn:focus::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 2px solid #000;
    border-radius: 40px;
}

.secondary-btn.btn {
    min-width: 172px;
    width: 100%;
    height: 48px;
    border: none;
    background: #000000;
    color: #ffffff;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.secondary-btn:hover,
.secondary-btn:active {
    background: #4F4F4F;
}

.secondary-btn:focus {
    background: #4F4F4F;
    outline: 2px solid #000000;
}

.outline-btn {
    width: 172px;
    height: 48px;
    border: 1px solid #000000;
    background: transparent;
    color: #222222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.outline-btn:hover,
.outline-btn:active {
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
}

.btn.disabled-btn {
    width: 172px;
    height: 48px;
    border: 1px solid #CACACA;
    background: #CACACA;
    color: #666666;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.default-error-btn .error-btn {
    width: 172px;
    height: 48px;
    border: 2px solid #D22B2B;
    background: transparent;
    color: #000000;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.error-btn {
    width: 172px;
    height: 48px;
    border: 3px solid #D22B2B;
    background: #ffffff;
    color: #000000;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 40px;
}

.header-call-btn {
    background: rgba(102, 102, 102, 0.75);
    color: #ffffff;
    font-family: "Inter",sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.73px;
    text-align: left;
    width: 225px;
    height: 40px;
    border-radius: 40px;
}

.header-call-btn span {
    font-family: "Inter",sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.73px;
    text-align: left;
color: #ffffff;
}
.header-call-btn span a {color: #ffffff; text-decoration: underline; margin-left: 5px;}
@media only screen and (min-width: 601px) and (max-width: 990px) {
    .btn {
      
        width: 100% !important;
        padding: 10px 30px;
        min-width: auto !important;
    }
}
@media only screen and (max-width: 600px) {
    .btn {
        width: 100% !important;
        min-width: auto !important;
    }
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow: none !important;
}
.black-btn .btn-check:checked+.btn, .black-btn .btn.active, .black-btn .btn.show, .black-btn .btn:first-child:active,.black-btn :not(.btn-check)+.btn:active {
    color: #ffffff;
    background-color: #292929;
    border-color: #292929;
}
.outline-btn .btn-check:checked+.btn, .outline-btn .btn.active, .outline-btn .btn.show,.outline-btn  .btn:first-child:active, .outline-btn  :not(.btn-check)+.btn:active {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
   
  border-radius:40px
}

.outline-btn:focus{
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
}

/* IN FUTURE MIGHT BE NEEDED THAT WHY COMMNETED FOR NOW*/
/* @media screen and (max-width: 600px) {
    .mma-wrapper .default-btn .primary-btn {
        max-width: 96% !important;
    }
} */
.top-strip {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #1EE576;
    padding: 10px 0;
    top: 80px;
    z-index: 100;
    /* position: fixed; */
}
.top-strip p {
    font-family: "Inter", sans-serif;;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.15px;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin: 0;
}

.top-strip p a{
    color: #000000;
    text-decoration: none;
}
@media only screen and (max-width: 600px) {
    .top-strip {
        top: 60px;
    }
    
    /* .top-strip p {
        font-family: DMSans-Regular !important;
    } */
}
.zip-ribbon {
    background: #f2fbf5;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.zip-ribbon .container {
    padding: 24px 16px;
}

.zip-ribbon h3 {
    color: #222;
    font-family: DM Sans, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    margin: 0
}

.zip-ribbon .zip-mob p.font16 {
    font-family: Inter, sans-serif;
    line-height: 24px;
    margin-bottom: 0;
}

.zip-ribbon input {
    background: transparent;
    width: 138px;
    border: none;
    border-bottom: 1px solid #222;
    outline: none;
    padding: 10px 0 0;
    /* color: #222; */
}
.zip-ribbon .zipcode-pan input{
    border-radius: 0;
}
.mma-wrapper .zip-ribbon input {
    min-height: 40px !important;
}

.zipcode-pan ::-moz-placeholder {
    line-height: 24px;
    font-size: 16px;
    font-family: Inter, sans-serif
}

.zipcode-pan ::placeholder {
    line-height: 24px;
    font-size: 16px;
    font-family: Inter, sans-serif;
}

.zip-ribbon label {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #414141;
    margin-top: 4px
}

.zipcode-pan {
    width: 138px;
    margin-right: 30px;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-items: center;
}

.zip-button {
    margin-right: 20px;
    width: 214px
}

.zip-ribbon .error-text {
    font-family: Inter, sans-serif;
    color: #d22b2b;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-top: 4px
}

.zip-ribbon .zip-submit {
    display: flex;
    align-items: center;
    justify-content: end;
}

.zip-ribbon .zip-mob {
    flex-direction: row;
    color: #000;
}

.zip-ribbon input[type=number],
.zip-ribbon input[type=number]::-webkit-inner-spin-button,
.zip-ribbon input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: textfield;
    appearance: none
}

.border-outline-btn.outline-btn .outline-btn:active,
.border-outline-btn.outline-btn .outline-btn:hover {
    width: 214px
}



@media screen and (min-width: 768px) and (max-width:1200px) {
    .zip-ribbon .row.zip-mob p.font16 {
        inline-size: 90%
    }
}

@media only screen and (max-width: 767px) {
    .hide-mob {
        display: none
    }

    .zip-ribbon .container {
        padding: 24px 16px;
    }

    .zip-mob p {
        padding: 0 0 4px 0;
    }

    .zip-ribbon .zip-submit {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 0
    }

    .zipcode-pan {
        margin-right: 24px;
        /* justify-content: flex-end; */
    }

    .zip-ribbon .zip-mob {
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: space-around;
    }

    .zip-ribbon .zip-button {
        width: 196px;
        margin-right: 0
    }

    .zip-ribbon input {
        bottom: 0;
        position: relative
    }

    .zip-ribbon p {
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left
    }

    .d-xs-block {
        display: block !important
    }

    .zip-ribbon h3 {
        margin-bottom: 20px
    }

    .zip-ribbon .error-text {
        margin-top: 5px
    }
}
.light-ribbon {
    background: #F2FBF5;
    padding: 32px;
    
    
    color: black;
}

.light-ribbon h3 {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    margin: 0;
}

.light-ribbon p {
    font-family: "DM Sans",sans-serif;
}

.font16 {
    font-size: 16px !important;
}

@media only screen and (max-width: 767px) {
    .hide-mob {
        display: none;
    }

    .light-ribbon label {
        display: none;
    }

    .light-ribbon button {
        margin-top: 24px;
    }

    .light-ribbon p {
        font-family: "Inter",sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

    .d-xs-block {
        display: block !important;
    }

    .light-ribbon h3 {
        margin-bottom: 20px;
    }

    .light-ribbon {
        padding: 24px 16px;
    }

    .mr-2 {
        margin-right: 0px !important;
    }

    .ml-2 {
        margin-left: 0px !important;
    }
    .mt-10{
        margin-top: 20px;
    }
   
}

.light-ribbon p {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.mr-2 {
    margin-right: 20px;
}

.ml-2 {
    margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mr-2 {
        margin-right: 5px;
    }

    .ml-2 {
        margin-left: 5px;
    }
}
.tg-content {
  background-color: white;
  height: 100%;
  width: 100%;
  padding: 96px 0;
}

.tg-content .tg-content-heading h2 {
  font-family: "DM Sans",sans-serif;
  font-size: 68px !important;
  font-weight: 500;
  line-height: 74.8px !important;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
  margin-bottom: 0px;
}

.tg-content h3.tg-title-text {
  font-family: "DM Sans",sans-serif;
  font-size: 32px !important;
  font-weight: 500;
  line-height: 38.4px !important;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 16px;
  color: black;
}

.tg-content .row.tg-content-stack-container> :nth-child(odd),
.tg-content .row.tg-content-stack-container .row> :nth-child(odd) {
  padding-left: 0px;
  padding-right: 16px;
}

.tg-content .row.tg-content-stack-container> :nth-child(even),
.tg-content .row.tg-content-stack-container .row> :nth-child(even) {
  padding-right: 0px;
}

.tg-content .row.tg-content-stack-container > .col-md-6:nth-child(even){
  padding-left: 16px;
}

.tg-content .tg-content-stack {
  margin-top: 64px;
}

.tg-content .tg-content-stack .row {
  position: relative;
}

.tg-content .tg-content-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  color: #000;
  text-align: center;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px !important;
  display: flex;
  height: 25px;
  padding: 4px 16px !important;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 29px;
  background: #fff;
  width: auto;
}

.tg-content .tg-content-container {
  margin-top: 24px;
}


.tg-content .tg-content-container p {
  padding-left: 0px;
  max-width: 82.5%;
  color: #414141;
  /* Large/Body 1 */
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 0px;
}

.tg-content .tg-content-container span.tg-content-condition {
  margin-top: 16px;
  max-width: 79.8%;
  color: #414141;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.tg-content .tg-content-links {
  margin-top: 16px;
  color: #000;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.4px;
  /* 22.4px */
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.tg-content .tg-content-links a:not(:last-child) {
  margin-bottom: 8px;
}

.tg-content .tg-content-link {
  display: inline-flex;
  color: #00873C;
  align-items: center;
}

.tg-content .tg-content-link::after {
  content: url("/images/products/Cheveron.svg");
  width: 24px;
  height: 24px;
  margin-top: 1px;
}

.tg-content .tg-content-links>.tg-content-link:not(:first-child) {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .tg-content .tg-content-heading h1{
    font-size: 42px !important;
    line-height: 44px !important;
  }
}

@media only screen and (max-width: 992px) {
  .tg-content .tg-content-links{
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .tg-content{
    padding: 64px 0;
  }
  
  .tg-content .tg-content-heading h2 {
    font-family: "DM Sans",sans-serif;
    text-align: left;
    color: #222222;
    font-size: 42px !important;
    font-style: normal;
    align-self: stretch;
    line-height: 44.1px !important;
    letter-spacing: normal;
  }

  .tg-content .tg-content-stack {
    margin-top: 32px;
  }

  .tg-content .tg-content-badge {
    left: 16px;
    bottom: 16px;
  }

  .tg-content .tg-content-container {
    margin-top: 24px;
  }

  .tg-content .tg-content-container p {
    max-width: 100%;
  }

  .tg-content .tg-content-container p.tg-content-condition {
    max-width: 100%;
  }

  .tg-content .tg-content-links>.tg-content-link:not(:first-child) {
    margin-top: 8px;
  }

  .tg-content .row.tg-content-stack-container> :nth-child(odd),
  .tg-content .row.tg-content-stack-container .row> :nth-child(odd) {
    padding-left: 0px;
    padding-right: 0px;
  }

  .tg-content .row.tg-content-stack-container> :nth-child(even),
  .tg-content .row.tg-content-stack-container .row> :nth-child(even) {
    padding-right: 0px;
    padding-left: 0px !important;
  }
}

.tg-content-stack img {
  position: relative;
}

.white-badge {
  position: absolute;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  background: #ffffff;
  border-radius: 20px;
  padding: 5px 3px;
  bottom: 20px;
  left: 20px;
  width: 130px !important;
}
.tg-content-heading sup {
  top: -.2em;
}

@media only screen and (min-width: 1024px) {
  .tg-content-stack img {
    height: auto;
    border-radius: 16px;
        padding-right: 0 !important;
  }
}

@media only screen and (max-width: 1023px) {
  .tg-content-stack img {
    border-radius: 16px;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  .tg-content .tg-content-link{
    display: inline-block;
    width: calc(100% - 5px);
    position: relative;
  }

  .tg-content .tg-content-link::after {
    position: absolute;
    left: unset;
    right: unset;
  }
}
@media only screen and (max-width: 767px){ 
  .trupro-pg .tg-content .tg-content-badge{
    text-indent: 8px;
  }
}



.tg-contentv2 {
  background-color: white;
  height: 100%;
  width: 100%;
  padding: 64px 0;
}
.tg-contentv2 .tg-content-heading h2 {
  font-family: "DM Sans",sans-serif;
  font-size: 68px ;
  font-weight: 500;
  line-height: 74.8px ;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
  margin-bottom: 0px;
}
.tg-contentv2 .tg-content-heading p {
  margin-top: 8px;
  color: #414141;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  max-width: 624px;
}
.tg-contentv2 .tg-content-stack {
  margin-top: 64px;
}
.tg-contentv2 .tg-content-container {
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.tg-contentv2 .tg-content-container h3 {
  color: #000;
  align-self: stretch;
  font-family: "DM Sans",sans-serif;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 38.4px !important;  
  letter-spacing: normal;
  margin-bottom: 16px;
}
.tg-contentv2 .tg-content-container p {
  padding-left: 0px;
  max-width: 99%;
  color: #414141;
  font-family: "Inter",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px !important;
  margin-bottom: 0px;
}
.tg-contentv2 .tg-content-container span.tg-content-condition {
  margin-top: 16px;
  max-width: 79.8%;
  color: #414141;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  display: block;
}
.tg-contentv2 .tg-content-links {
  margin-top: 10px;
  color: #000000;
  font-family: "DM Sans",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.4px; /* 22.4px */
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.tg-contentv2 .tg-content-link{
  display: inline-flex;
  align-items: center;
  color: #00873C;
}
.tg-contentv2 .tg-content-link::after {
  content: url("/images/products/Cheveron.png");
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.tg-contentv2 .tg-content-links > .tg-content-link:not(:first-child) {
  margin-top: 8px;
}
.tg-contentv2 .tg-content-img-cont {
  position: relative;
}

/* .tg-contentv2 .tg-content-stack:nth-child(odd) .tg-content-img-cont{
  padding-right: 20px !important;
}

.tg-contentv2 .tg-content-stack:nth-child(even) .tg-content-img-cont{
  padding-left: 20px !important;
} */

.tg-contentv2 .tg-content-img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.tg-contentv2 .tg-content-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #000;
  text-align: center;
  font-family: "Inter",sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px !important;
  display: flex;
  height: 25px;
  padding: 4px 16px !important;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 29px;
  background: #fff;
  width: auto;
}
.tg-contentv2 .tg-content-stack:nth-child(odd) {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-left: 0px;
}

.tg-contentv2 .tg-content-stack:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
  gap: 32px;
  margin-left: 0px;
}
.tg-contentv2 .tg-content-stack:nth-child(even) .tg-content-container {
  padding-left: 0px;
  padding-right: 48px;
}

@media only screen and (min-width: 650px) and (max-width: 900px) {
  .tg-contentv2 .tg-content-heading h2{
    font-size: 42px !important;
    line-height: 44.1px !important;
  }
  .tg-contentv2 .tg-content-container p {
    max-width: 95%;
  }
  .tg-contentv2 .tg-content-container p.tg-content-condition {
    max-width: 95%;
  }
  .tg-contentv2 .tg-content-stack:nth-child(odd) .tg-content-container {
    padding-left: 28px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
  .tg-contentv2 .tg-content-stack:nth-child(odd) .tg-content-container {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-contentv2{
    padding: 64px 0;
  }

  .tg-contentv2 .tg-content-stack:nth-child(even), .tg-contentv2 .tg-content-stack:nth-child(odd){
    gap: 0;
  }

  .tg-content{
    padding: 64px 0;
  }
  
  .tg-contentv2 .tg-content-heading h2 {
    font-size: 42px !important;
    font-style: normal;
    align-self: stretch;
    line-height: 44.1px !important;
    letter-spacing: normal;
  }
  .tg-contentv2 .tg-content-heading h5 {
    max-width: 100%;
    margin-bottom: 0px;
  }
  .tg-contentv2 .tg-content-stack {
    margin-top: 32px;
    /* padding-left: 10px !important;
    padding-right: 10px !important; */
  }
  .tg-contentv2 .tg-content-container {
    padding-left: 0px;
    margin-top: 24px;
    justify-content: unset;
  }
  .tg-contentv2 .tg-content-container p {
    max-width: 100%;
  }
  .tg-contentv2 .tg-content-container p.tg-content-condition {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tg-contentv2 .tg-content-badge {
    bottom: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .tg-contentv2 .tg-content-img-cont {
    max-height: 263px;
    height: 100%;
  }
}

.lawn-cards {
    margin: 99px 80px 0;
}

.lawn-cards .benefits {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lawn-cards {
        margin-bottom: 96px;
    }
}

.lawn-container {
    display: flex;
    gap: 32px;
}

.lawn-item {
    padding-top: 8px;
    width: 31%;
}

.lawn-item-two {
    padding-top: 8px;
    width: 47%;
}

.lawn-image{
    margin-top: 96px;
    border-radius: 16px;
}

.lawn-cards h2 {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: left;
}

.lawn-cards  h3.lawn-title {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 32px !important;
    font-weight: 500;
    line-height: 38.4px !important;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 16px;
}

.lawn-cards p {
    color: #414141;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.lawn-cards p:last-child{
    margin-bottom: 0;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */

@media screen and (min-width: 768px) {
    .lawn-cards h3.lawn-title{
        min-height: 32px;
    }
}

@media (max-width: 767px) {
    .lawn-image{
        margin-top: 64px;
        border-radius: 16px;
    }

    .lawn-cards {
        margin: 64px 16px 0;
    }
    
    .lawn-container{
        flex-direction: column;
    }
    .lawn-item,
    .lawn-item-two {
        width: 100%;
    }
    .lawn-cards h2{
        font-size: 42px !important;
        line-height: 44px !important;
        letter-spacing: -1px;
    }
    .lawn-image{
        margin-top: 54px !important;
    }
    .lawn-cards .benefits {
        gap: 32px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1024px){

    .lawn-cards h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
    .lawn-cards  h3.lawn-title{
        font-size: 24px !important;
        line-height: 28px !important;
    }
}
@media screen and (max-width: 600px){
    
    .lawn-cards .lawn-image{
        text-align: center;     
    }
    
}
@media screen and (min-width: 1200px){
    .lawn-cards .lc_grub_ctrl h2 {
        width: 690px;
    }
    .lc_grub_ctrl p {
        width: 950px;
    }
}
.lawn-cards .benefits p a {
    color: #00B140;
}
.faq-panel {
    background: #F2FBF5;
    width: 100%;
    height: auto;
    padding: 96px 0;
}

.faq-panel.faq-panel-white{
    background: #fff;
    padding-bottom: 0;
}

.faq-panel h2 {
    margin-bottom: 56px;
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.faq-panel .accordion-item {
    background-color: transparent;
    border-left: none;
    border-right: none;
}

.faq-panel .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}

.faq-panel .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faq-panel .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq-panel .accordion-item:last-child {
    border-bottom: 1px solid #cccccc;
}

.faq-panel .accordion-button:not(.collapsed),.faq-panel .accordion-button, .faq-panel .accordion-button h3 {
    color: #000000;
    background-color: transparent;
    box-shadow: none;
    font-family: "DM Sans",sans-serif;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 26px !important;
    text-align: left;

}

.faq-panel .accordion-button:focus {
    box-shadow: none;
}

.faq-panel .accordion-button {
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}

.faq-panel .accordion-body {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.faq-panel .accordion-body p {
    padding-left: 0;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 25px;
    color: #414141;
}

.faq-panel .accordion-body p span {
    font-size: 12px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/images/products/arrow-down.svg') !important;
    transform: rotate(-180deg);
}

.faq-panel .accordion {
    padding-left: 48px;
}
.mt-40{
    margin-top: 40px;
}
.faq-panel  .default-btn{
    width: 258px;
    margin-left: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .faq-panel .accordion {
        padding-left: 0px;
    }
    .faq-panel .accordion-item:first-of-type .accordion-button{
        padding-top: 0;
    }
    .faq-panel h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    .faq-panel .default-btn{
        width: 100%;
        margin-left: 0px;
        margin-top: 12px !important;
    }

    .faq-panel img{
        width: 100%;
    }
    .faq-panel .accordion{
        padding-left: 0;
    }
    .faq-panel h2{
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom: 24px;
    }
    .faq-panel h2 span{display: block;}

    .faq-panel{
        padding: 64px 0;
    }

    .faq-panel #accordionExample{
        margin-top: 24px;
    }    
    
    .faq-panel .accordion-button:not(.collapsed),.faq-panel .accordion-button {
        font-size: 18px;
        line-height: 21.6px;
    }
}

@media screen and (max-width: 600px){
    .faq-panel h2{
        max-width: 320px;
    }
    .faq-panel .accordion-button h3 span {
        font-size: medium;
    }
}

.faq-panel img[alt="howitworks"] {
    border-radius: 16px;
}
.addition-plan {
    width: 100%;
    height: auto;
    padding: 96px 0 96px 72px;
    position: relative;
}

#compare-plans .addition-plan {
    width: 100%;
    height: auto;
    padding: 96px 0 96px 40px;
    position: relative;
}

p:last-child, .form-group:last-child, .panel:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    #compare-plans .addition-plan {
        padding: 64px 0 64px 16px;
    }
}

.addition-plan h2 {
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
}

.addition-plan .card {
    position: relative;
    background: #F2FBF5;
    padding: 24px;
    border-radius: 24px;
    border: none;
    flex-grow: 1;
    gap: 25px;
}

.addition-plan .card-body {
    padding: 0;
}

.addition-plan h3.card-title {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px !important;
    text-align: left;

}

.addition-plan .ap-button{
    width: 172px;
    font-family: "Inter",sans-serif;
}

.addition-plan .ap-button .outline-btn {
    padding: 0;
}

.addition-plan .ap-button .outline-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.addition-plan p.card-text {
    color: #414141;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    /* margin-bottom: 56px; */
}

/* .addition-plan .owl-stage-outer{
    width: 1100px;
} */
.addition-plan .owl-stage {
    padding-left: 0 !important;
    display: flex;
}

.addition-plan .owl-stage .owl-item {
    display: flex;
    align-items: stretch;
}

.addition-plan .owl-stage .owl-item .item {
    display: flex;
    flex-grow: 1;
}

.addition-plan .owl-theme .owl-nav {
    position: absolute;
    top: -156px;
    right: 80px;
}

.addition-plan .owl-carousel .owl-nav button.owl-next,
.addition-plan .owl-carousel .owl-nav button.owl-prev {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    margin: 0;
    background-position: center;
    
}

.addition-plan .owl-carousel .owl-nav button.owl-next {
    background: url('/images/products/arrow2.svg') #222222 no-repeat;
    margin-left: 16px;
    background-position: center;
}

.addition-plan .owl-carousel .owl-nav button.owl-prev {
    background: url('/images/products/arrow.svg') #222222 no-repeat;
    background-position: center;
}

.addition-plan .owl-nav button.owl-next span,
.addition-plan .owl-nav button.owl-prev span {
    display: none;
}

#additional-plan .owl-stage-outer {
    margin-top: 44px;
}

#additional-plan.owl-theme .owl-dots {
    position: absolute;
    top: -135px;
    right: 216px;
}

#additional-plan.owl-theme .owl-dots .owl-dot.active span{
    width: 36px;
    height: 8px;
    border-radius: 124px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00873C !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: #8C8C8C !important;
}

.addition-plan #additional-plan button.owl-play {
    display: none;
}

@media only screen and (min-width: 1440px){
    .addition-plan {
        padding-left: calc(50vw - 670px);
    }
}

@media only screen and (max-width: 900px) {
    .addition-plan h2 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .addition-plan h2 {
        font-size: 42px !important;
        line-height: 44px !important;
        width: 80%;
    }
   
}
@media only screen and (min-width: 1024px) and (max-width: 1292px) and (orientation: portrait){
    .addition-plan .owl-theme .owl-nav{
        top: -153px;
    }
    #additional-plan.owl-theme .owl-dots {
        top: -131px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
    .product-plans h2,
    .qualities h2
    {
        font-size: 42px !important;
        line-height: 44px !important;
    }
    .addition-plan .owl-theme .owl-nav{
        top: -190px;
        right: 41px;
    }
    #additional-plan.owl-theme .owl-dots {
        top: -170px;
        right: 187px;
    }
    .addition-plan h3.card-title {
        font-size: 20px;
    }

    .addition-plan .owl-theme .owl-dots .owl-dot span{
        margin: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .addition-plan{
        padding: 64px 0 64px 16px;
    }
    
    
    #additional-plan .owl-stage-outer {
        margin-top: 12px;
        margin-bottom: 32px;
    }
    
    /* .addition-plan .ap-button{
        width: auto;
    } */

    .addition-plan h2 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-left: 0;
        letter-spacing: normal;
    }

    #additional-plan.owl-theme .owl-dots{
        top:0;
        right:0;
        margin-top: 24px;
        position: static;
    }
    .addition-plan .owl-theme .owl-nav{
        position: static;
    }
}

.addition-plan .item {
    margin-top: 0;
}

.recommendation {
    background: #1EE576;
    font-family: Inter-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    position: absolute;
    padding: 5px 10px;
    margin-top: -12px;
    margin-left: 24px;
    border-radius: 29px;
    position: relative;
    padding: 4px;
    top: 12px;
    color: #222222;
    height: 25px;
    width: 176px;
    z-index: 1;
}
#additional-plan .card.non-badge{
    margin-top:12px;
}
#additonal-plan .outline-btn:hover, #additonal-plan .outline-btn:active{
    border-radius: 24px;
}
@media screen and (max-width: 600px){
    .addition-plan .ap-button .outline-btn{
        width: 100%;
    }
    .addition-plan h2 + p {
        padding-right: 16px;
        margin-bottom: 0;
    }
}
.product-plans {
    padding: 96px 0 96px 40px;
}

.product-plans .plan-location {
    display: flex;
    gap: 4px;
}
.product-plans .plan-location img{
    width: 24px;
    height: 24px;
}
.product-plans .plan-location h4{
    font-family: "DM Sans",sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px !important;
    color: #000000;
    margin-bottom: 16px;
}
.product-plans .bg-black .card-plan-type, .product-plans .bg-black .includes-txt h4 {
    color: #fff;
}
.product-plans .bg-blue .card-plan-type, .product-plans .bg-blue .includes-txt h4 {
    color: #222;
}
.product-plans h1{
    padding: 16px 0;
    margin: 0;
    color:  #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: 74.8px; 
    letter-spacing: normal;
}

.product-plans .bg-black .maintxt p span {
    background: #ffffff;
    color: #222222;
    border-radius: 16px;
    padding: 3px 10px;
    font-size: 12px !important;
    float: right;
    height: auto;
    /* float: none; */
    line-height: 17px !important;
}
.product-plans h2 {
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px ;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 64px;
}
div#product-one.owl-carousel .owl-stage {
    padding-left: 0 !important;
    display: flex;
} 

.product-plans p.srvc_text{
    letter-spacing: 0px;
    width: 624px;
    line-height: 24px;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    margin-bottom: 64px;
    margin-top: -48px;
}

.product-plans p {
    color: #222222;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: left;
}

.mt-48 {
    margin-top: 48px;
}

.product-plans .bg-blue {
    background: #F2FBF5;
    border-radius: 16px;
    height: 610px;
    color: #222222;
    /* max-height: 680px; */
    padding-bottom: 20px;
    height: 100%;
}

.product-plans .bg-black {
    background: #222222;
    border-radius: 16px;
    height: 610px;
    color: #ffffff;
    max-height: 690px;
    padding-bottom: 20px;
    height: 100%;
}

.product-plans .bg-black, .product-plans .bg-blue {
    height: 100%;
    width: 100%;
}

.product-plans .maintxt {
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    min-height: -moz-max-content;
    min-height: max-content;
}

.product-plans .maintxt div:last-child {
    margin-top: auto;
}

.product-plans .maintxt .outline-btn{
    width: 100%;
}

.product-plans .bg-black .plan-card-title  {
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    font-weight: 500;
    line-height: 34px !important;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 8px;
}

.txt-white {
    color: #ffffff !important;
}
.zipcode-link { margin-bottom: 24px;}
.zipcode-link a {
    text-decoration: underline;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #414141;
   
}

.product-plans .bg-black .btn-learn-more {
    border-radius: 100px;
    width: 100%;
    border: 1px solid #1EE576;
    margin: auto;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background: #1EE576;
    color: #222222;
}

.product-plans .bg-black .btn-learn-more a {
    color: #222222;
}

.product-plans a {
    text-decoration: none;
}

.main-title {

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 15px;
}
.product-plans h3.card-plan-type {
    font-family: "Inter",sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 32px !important;
    letter-spacing: normal;
    text-align: left;
    /* display: flex; */
    /* justify-content: space-between; */
    /* gap: 5px; */
}
.product-plans .bg-black .card-plan-type span:not(".trademark"), 
.product-plans .bg-blue .card-plan-type span:not(".trademark"){
    letter-spacing: 0px;
    flex: none;
    max-height: 25px;
    padding: 4px 10px;
}
.product-plans .bg-black p.card-plan-type {
    color: #ffffff;
}
.product-plans .product-plan-card-content-height {
    margin-bottom: 24px;
    height: auto;
}

.product-plans .bg-blue  .plan-card-title  {
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    font-weight: 500;
    line-height: 34px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 10px;
}

.product-plans .bg-black .product-plan-card-content-height p {
    font-family: "Inter",sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.product-plans .bg-blue .product-plan-card-content-height p {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing:normal;
    text-align: left;
    margin-top: 0;
}

.lawn-stress-guard-pg #product-one .owl-item .product-plan-card-content-height .heighttxt {
    min-height: 135px;
}

.product-plans hr {
    margin: 24px 0;
}

.explore-plans .bg-blue .product-plan-card-content-height p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
}

.btn-learn-more {
    border-radius: 100px;
    width: 100%;
    border: 1px solid #222222;
    margin: auto;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.btn-learn-more a {
    font-family: DMSans-Regular;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
}

.txt-black {
    color: #222222 !important;
}

.main-title span {
    background: #ffffff;
    color: #222222;
    border-radius: 16px;
    padding: 1px 10px;
    font-size: 12px !important;
    float: right;
    height: 25px;
    line-height: 25px;
}

.txt-darkgray {
    color: #414141 !important;
}

.includes-txt ul li {
    background: url('/images/products/checkmark-circle.svg') no-repeat left center;
    padding: 5px 10px 5px 35px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

.includes-txt li {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
}

#product-one.owl-theme .owl-nav {
    position: absolute;
    top: -124px;
    right: 80px;
}

#product-one.owl-theme .owl-dots {
    position: absolute;
    top: -106px;
    right: 216px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    margin: 0;
}

#product-one .owl-nav .disabled {
    opacity: 9;
}

#product-one .owl-nav button.owl-prev {
    background: url('/images/products/arrow.svg') #222222 no-repeat;
    background-position: center;
}

#product-one .owl-nav button.owl-next {
    background: url('/images/products/arrow2.svg') #222222 no-repeat;
    background-position: center;
    margin-left: 16px;
}

#product-one .owl-nav span {
    display: none;
}

.product-plans .bg-blue .includes-txt h4,
.product-plans .bg-black .includes-txt h4 {

    font-family: "Inter",sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    letter-spacing: normal;
    text-align: left;
    margin-left: 24px;
}

.includes-txt ul {
    margin-bottom: 0;
    padding-left: 24px;
}
.includes-txt {
    padding-bottom: 24px;
}
.product-plans .owl-theme .owl-dots {
    position: absolute;
    top: -18%;
    right: 15%;
}

#product-one .owl-dots .owl-dot.active span {
    width: 36px !important;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 0 2px;
    width: 8px;
    height: 8px;
}

#product-one .owl-dots .owl-dot.active span,
#product-one .owl-dots .owl-dot:hover span {
    background: #00873C;
    width: 36px;
}

#product-one .owl-theme .owl-dots .owl-dot span {
    background: #8C8C8C !important;
}

.content-plan {
    text-align: center;
    margin-top: 64px;
}

.content-plan p {
    margin: 0 0 24px 0;
    font-family: "DM Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0;

}

.content-plan .default-btn {
    width: 306px;
    margin: 0 auto;
}
.txtwhite{
    color: #ffffff !important;
}

.product-plans .bg-black .card-plan-type span:not(".trademark") {
    padding: 4px 16px;
    color: #222;
    background: #fff;
    border-radius: 29px;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height:  18px;
    margin-top: -5px;
}

.product-plans .bg-blue .card-plan-type span:not(".trademark") {
    padding: 4px 16px;
    color: #fff;
    background: #222;
    border-radius: 29px;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.product-plans .owl-carousel.owl-drag .owl-item {
    display: flex;
    flex: 1 0 auto;
} 

@media only screen and (min-width: 800px){
.product-plans.bigRight {
    padding-right: 80px;
}
}

@media only screen and (min-width: 1440px){
    /* react-product-service-details#react-product-service-details .product-plans .bg-black,
    react-product-service-details#react-product-service-details .product-plans .bg-blue  {
        height: 663px;
    } */
    #planCompare .product-plans.bigRight h2 {
        width: 84%;
    }
    #planCompare .product-plans.soil_analysis h2 {
        width: 1070px;
    }
    #planCompare .product-plans.bigRight p.srvc_text {
        width: 70%;
    }
    #planCompare .product-plans.soil_analysis p.srvc_text {
        width: 90%;
    }
    .product-plans {
        padding-left: calc(50vw - 670px);
    }

    .product-plans.bigRight {
        padding-right: calc(50vw - 670px);
        padding-left: calc(50vw - 670px);
    }

    /* .product-plans .bg-black{
        height: 641px;
    } */

    .product-plans .bg-blue{
        height: 100%;
    }

    .product-plans .content-plan {
        width: calc(100% - 104px);
    }
    .product-plans .maintxt {
        min-height: -moz-max-content;
        min-height: max-content;
    }
}


@media screen and (min-width: 1280px) and (max-width: 1300px) and (orientation: landscape) {
    .product-plans .bg-black .maintxt p span{
        padding: 3px 5px;
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 900px) {
    .product-plans h3 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .product-plans h2 {
        width: 62%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .product-plans h3 {
        font-size: 42px;
        line-height: 44px !important;
        /* width: 70%; */
    }

    #weed-control #product-one.owl-theme .owl-dots {
        right: 165px !important;
        top: -28.5% !important;
    }

    #weed-control #product-one.owl-theme .owl-nav {
        right: 4% !important;
        top: -31% !important;
    }

    #product-one.owl-theme .owl-nav{
        right: 0;
    }

    #product-one.owl-theme .owl-dots{
        right: 130px;
    }

    /* section#planCompare .product-plans h3.card-plan-type{        
        display: flex;
        justify-content: space-between;
        line-height: normal !important;
        width: 100%;
    } */

    section#planCompare .bg-black .card-plan-type span:not(".trademark") {
        width: 29%;
        height: auto;
        text-align: center;
        align-self: flex-start;
        max-width: 155px;
        max-height: 45px;
        padding: 4px 2px;
    }
}

@media screen and (max-width: 767px) {
    /* #react-product-service-details #planCompare .product-plans h3.card-plan-type, 
    .block-pdb-react.block-react-componentreact-compare-pest-plans #planCompare .product-plans h3.card-plan-type { 
        height: 90px;
    } */
    section#planCompare .bg-black .card-plan-type span:not(".trademark") {
        width: 29.5%;
        height: auto;
        text-align: center;
        align-self: flex-start;
        max-width: 155px;
        max-height: 42px;
        padding: 4px 2px;
    }

    react-product-service-details#react-product-service-details .product-plans .default-btn {
        padding-right: 16px;
    }

    p.height-txt {
        height: 60px;
    }
    /* .product-plans .bg-black,.product-plans .bg-blue {
        height: 700px;
        max-height: 700px;
    } */
    
    .product-plans .plan-location {
        display: none;
    }
    .product-plans p.srvc_text{
        width: 100%;
        margin-bottom: 32px;
        margin-top: -24px;
    }

    #product-one .owl-theme .owl-dots .owl-dot span {
        width: 8px !important;
        height: 8px !important;
    }

    .content-plan .default-btn {
        width: 100% !important;
    }

    .product-plans.bigRight {
        padding-right: 0px;
    }

    .product-plans {
        padding: 64px 0 64px 16px;
        margin-bottom: 40px;
    }

    .product-plans h3 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom: 32px;
    }
    
    #product-one .owl-dots button.active {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    #product-one.owl-theme .owl-dots{
        top:0;
        right:0;
        margin-top: 24px;
        position: static;
    }

    #product-one.owl-theme .owl-nav{
        margin-top: 32px;
        position: static;
    }

    .product-plans .bg-blue {
        margin-right: 10px;
    }
    .product-plans h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
    .product-plans h3.card-plan-type{
        font-size: 27px !important;
            font-weight: 600;
            line-height: 32px !important;
    }
    .product-plans .bg-black .plan-card-title{
        font-size: 30px !important;
        line-height: 36px !important;
    }

    /* #planCompare .product-plans h3.card-plan-type {
        display: flex;
        line-height: 30px !important;
        justify-content: space-between;
    } */

    section#planCompare .bg-black .card-plan-type span:not(".trademark") {
        width: 100%;
        height: auto;
        text-align: center;
        align-self: flex-start;
        max-width: 163px;
    }

    #planCompare .product-plans.bigRight .content-plan .default-btn button.btn {
        width: calc(100% - 16px) !important;
        margin-left: -16px;
    }
    .product-plans .bg-black .includes-txt h4, .product-plans .bg-blue .includes-txt h4{
        font-size: 13px !important;
        line-height: 15.6px !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    #product-one.owl-theme .owl-dots{
        top:0;
        right:0;
        margin-top: 24px;
        position: static;
        margin-bottom: -40px;
    }
    #product-one.owl-theme .owl-nav{
        margin-top: 32px;
        position: static;
    }
    
    .product-plans p.srvc_text{
        width: 100%;
        margin-bottom: 32px;
        margin-top: -24px;
    }
    .product-plans h3 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom: 32px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 820px) {
    /* .product-plans .product-plan-card-content-height h4 {
        height: 110px ;
    } */
    /* .product-plans .bg-black, .product-plans .bg-blue {
        height: 620px !important;
    } */
    
    .product-plans p.srvc_text{
        width: 100%;
        margin-bottom: 32px;
        margin-top: -24px;
    }
}
@media only screen and (min-width: 820px) and (max-width: 1024px) {
    
    /* .product-plans .bg-black, .product-plans .bg-blue {
        height: 635px;
    } */
    .product-plans h1 {
        width: 85%;
    }

    .product-plans p.srvc_text{
        width: 550px;
        margin-bottom: 32px;
        margin-top: -24px;
    }
    .includes-txt ul {
        padding-left: 20px;
    }    
    .product-plans .bg-blue .includes-txt p, .product-plans .bg-black .includes-txt p {
        margin-left: 20px;
    }
    p.height-txt {
        height: 70px;
    }
    /* .product-plans .product-plan-card-content-height h4 {
        height: 78px;
    } */
    
}
.product-plans .bg-blue .maintxt p span {
    background-color: #222222;
    color: #ffffff;
    border-radius: 16px;
    padding: 3px 10px;
    font-size: 12px !important;
    float: right;
    height: auto;
    line-height: 17px !important;
}

@media only screen and (min-width: 300px) and (max-width: 389px) {
    .product-plans p.card-plan-type {
        font-size: 12px;
    }
    .product-plans .bg-blue .maintxt p span,
    .product-plans .bg-black .maintxt p span {
        font-size: 10px !important;
    }
    .product-plans .maintxt {
        padding: 24px 16px 0;
    }
    .product-plans .bg-blue .includes-txt p,
    .product-plans .bg-black .includes-txt p {
        margin-left: 16px;
    }
    .includes-txt ul {
        padding-left: 16px;
    }
}

@media screen and (max-width: 360px){
    #planCompare #product-one .bg-black .card-plan-type span{
        max-width: 121px;
        font-size: 10px;
    }

    #planCompare #product-one .product-plan-card-content-height {
        max-height: 200px;
        height: 100%;
    }
}

.includes-txt span {
    font-size: 10px;
}

@media only screen and (min-width: 1920px) {
    .product-plans .product-plan-card-content-height {
        margin-bottom: 24px;
        height: auto;
    }
}


@media only screen and (min-width: 1440px) and (max-width: 1910px) {
    .product-plans .product-plan-card-content-height {

        height: auto;
    }
}

@media only screen and (max-width: 1344px) {
    .product-plans .product-plan-card-content-height {

        height: auto;
    }
}
@media only screen and (min-width: 1345px) and (max-width: 1366px) {
    .product-plans .product-plan-card-content-height {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    /* section#planCompare .product-plans h3.card-plan-type {
        height: 99px;
    } */
    .product-plans .product-plan-card-content-height {
        height: auto !important;
    }
}    
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .product-plans h2 {
        width: 50%;
    }
}
@media only screen and (min-width: 601px) {
    section#block-reactcomparepestplans-2 .product-plans .bg-blue {
        height: 680px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .product-plans h3.plan-card-title {
        width: 100% ;
    }
}
@media only screen and (min-width: 768px) and (max-width: 875px) {
    .product-plans .product-plan-card-content-height {
        height: auto !important;
    }
}
@media screen and (max-width: 767px) {
    #planCompare .product-plans h3.card-plan-type {
        font-size: 27px !important;
    }
}
/* @media only screen and (min-width: 820px) and (max-width: 1344px) {
    #react-product-service-details .product-plans .bg-blue, #react-product-service-details .product-plans .bg-black {
        height: 690px;
        max-height: 700px;
    }
  }
  @media only screen and (min-width: 1345px) {
    #react-product-service-details .product-plans .bg-black, #react-product-service-details .product-plans .bg-blue {
        height: 663px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 1417px) {
      section#planCompare .product-plans h3.card-plan-type {
          height: 99px;
      }
  }
  @media only screen and (min-width: 1345px) and (max-width: 1439px) {
      #react-product-service-details .product-plans .bg-black,
      #react-product-service-details .product-plans .bg-blue {
          height: 680px;
      }
  }
  @media only screen and (min-width: 768px) and (max-width: 1439px) {
    .product-plans .bg-black,
    .product-plans .bg-blue {
        height: 680px !important;
    }
  } */
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #lawn-fertilization .product-plans p.srvc_text {
        width: 70% !important;
    }
}
@media screen and (max-width: 600px) {
    #planCompare .product-plans .content-plan .default-btn {
        width: calc(100% - 16px) !important;
        margin: 0;
    }
}
@media screen and (max-width: 767.98px) {
    .product-plans .maintxt {
        min-height: -moz-max-content;
        min-height: max-content;
    }
}
@media screen and (min-width: 320px) and (max-width: 360px){
    #planCompare #product-one .product-plan-card-content-height {
        max-height: 100% !important;
        height: 100%;
    }
}

@media screen and (max-width: 420px) {

    .product-plans .bg-black,
    .product-plans .bg-blue {
        max-height: unset;
    }
}
.cq-lets-talk {
    background: #FFF8ED;
    padding-top: 72px;
    padding-bottom: 72px;
}

.cq-lets-talk h2 {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 40px !important;
    font-weight: 500;
    line-height: 44px !important;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 40px;
    width: 515px;
}

.cq-lets-talk p {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #414141;
}

.cq-lets-talk .cq-form{
    display: flex;
    justify-content: space-between;
    gap: 142px;
}

.cq-form .lawn-form .addressAutoComplete{
    position: absolute;
    z-index: 1;
    width: 100%;
    border: 1px solid #414141;
    background: #FFF8ED;
}

.cq-form .lawn-form .addressAutoComplete div{
    padding: 1px 0 1px 6px;
    cursor: pointer;
}

.lawn-form{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
}

.lawn-form p {
    color: #666666;
    font-family: "Inter",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: -40px;
}

.lawn-form .form-label {
    font-family: "Inter",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #222222;
}

.lawn-form .default-btn,
.lawn-form .error-btn {
    width: 214px !important;
}



.lawn-form p.notes {
    font-family: "Inter",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #222222;
    margin-bottom: 0;
}

.lawn-form p.notes a{
    color: #00873C !important;
    text-underline-offset: 2px;
}

.lawn-form p.notes a:hover {
    text-decoration: underline;
}

.form-details .thanks-form {
    height: 814px;
}

.form-details .thanks-form h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 68px !important;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    margin-bottom: 24px;
    color: #222;
}

.form-details .thanks-form p {
    width: 100% !important;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
}

.form-details .thanks-form .default-btn {
    width: 243px;
}

.lawn-form .error-btn:hover,
.lawn-form .error-btn:active {
    border: 2px solid #D22B2B;
    background: transparent;
    color: #000000 !important;
}

.lawn-form input[type="text"], 
.lawn-form input[type="email"], 
.lawn-form input[type="number"],
.lawn-form input[type="tel"] {
    min-height: 34px !important;
    border-bottom: 1px solid #8C8C8C;
    border-left: none;
    border-right: none;
    outline: none;
    border-radius: 0;
    border-top: none;
    padding: 4px 0 !important;
    background: transparent;
    margin-top: 8px;
}

label.error-text {
    font-family: "Inter",sans-serif;
    color: #D22B2B;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
}

.lawn-form input[type=number],
.lawn-form input[type=tel],
.lawn-form input[type=text] {
    box-shadow: none;
}
.lawn-form input[type=number]:focus,
.lawn-form input[type=tel]:focus,
.lawn-form input[type=text]:focus {
    box-shadow: none;
}

.lawn-form input[type=number]::-webkit-outer-spin-button,
.lawn-form input[type=number]::-webkit-inner-spin-button,
.lawn-form input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance:textfield;
    appearance: none;
    /* margin: 0; */
}

@media only screen and (max-width: 1300px){
    .cq-lets-talk h2 {
        width: 400px;
    }
}

@media only screen and (max-width: 1200px){
    .cq-lets-talk h2 {
        width: 370px;
        margin-bottom: 24px;
    }

    .cq-lets-talk .cq-form{
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
}

@media only screen and (max-width: 990px){
    .form-details .thanks-form h3 {
        width: 100%;
    }

    .thanks-form {
        height: auto;
    }
    .cq-lets-talk .cq-form{
        flex-direction: column;
        gap: 40px;
    }
    .cq-lets-talk h2 {
        margin-bottom: 24px;
    }
    
    .cq-lets-talk{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .cq-lets-talk p {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px){
    .form-details .thanks-form{
        height: auto;
    }

    .form-details .thanks-form h3 {
        font-size: 42px !important;
        line-height: 44px !important;
        letter-spacing: -1px;
    }

    .cq-lets-talk h2 {
        width: 100%;   
    }

    .mt-small-40{
        margin-top: 48px !important;
    }

    .cq-lets-talk .form-details .default-btn,
    .cq-lets-talk .form-details .default-error-btn .error-btn {
        width: 100% !important;
    }

}
@media screen and (max-width: 600px) {
    .cq-lets-talk .form-details #customQuoteForm .default-btn button.primary-btn {
        margin-top: 0;
    }
}
#customQuoteForm input {
   font-family: "Inter", sans-serif;
}
.greener-lawns{
    padding: 0 40px;
}

.greener-lawns h2 {
    color: #000000;
    font-family: "DM Sans",sans-serif;
    font-size: 68px !important;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: center;
    margin: 96px 0 64px 0;
}
span.diamond-size {
    font-size: 12px;
}
.greener-lawns .col-md-6 {
    padding: 0;
}

.greener-lawns img {
    width: 100%;
    border-radius: 24px;
}

.greener-lawns .text-block p {
    color: #414141;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;

}

.greener-lawns  h4.title-text {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px !important;
    margin-bottom: 16px;
}

.greener-lawns .steps-block {
    margin-left: 109px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    gap: 48px;
}

.greener-lawns .text-block h3 {
    margin-bottom: 8px;
    font-family: "Inter",sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 15.6px !important;
    color: #00B140;
}

.greener-lawns .default-btn {
    width: 248px;
    margin-top: -8px;
}

@media only screen and (max-width: 1200px) {
    .greener-lawns .steps-block {
        margin-left: 64px;
        gap: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .greener-lawns{
        padding: 0 16px;
    }

    .greener-lawns h2{
        font-size: 42px !important;
        line-height: 44px !important;
        letter-spacing: -1px;
        text-align: left;
        margin: 64px 0 32px 0;
        padding-left: 0;
    }
    .greener-lawns .steps-block{
        margin-left: 0;
        margin-top: 40px;
    }

    .greener-lawns .default-btn {
        margin-top: 0px;
        width: 100%;
    }

    .greener-lawns img {
        border-radius: 16px;
    }
}

@media screen and (max-width: 600px) {
    .greener-lawns .steps-block .default-btn button.primary-btn {
        margin-top: 0 !important;
    }
}
.customer-faq {

    width: 100%;
    height: auto;
    padding: 0px 0 96px 0;
}

.customer-faq h2 {
    margin-bottom: 56px;
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
}

.customer-faq .accordion-item {
    background-color: transparent;
    border-left: none;
    border-right: none;
}

.customer-faq .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}

.customer-faq .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.customer-faq .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.customer-faq .accordion-item:last-child {
    border-bottom: 1px solid #cccccc;
}

.customer-faq .accordion-button:not(.collapsed),
.customer-faq .accordion-button {
    color: #222222;
    background-color: transparent;
    box-shadow: none;
    font-family: "DM Sans",sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    text-align: left;
    align-items: flex-start;
}

.customer-faq .accordion-button:focus {
    box-shadow: none;
}

.customer-faq .accordion-button {
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}

.customer-faq .accordion-body {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.customer-faq .accordion-body div {
    padding-left: 0;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    margin-bottom: 25px;
    color: #414141;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/images/products/arrow-down.svg') !important;
    transform: rotate(-180deg);
}

.customer-faq .accordion {
    padding-left: 48px;
}

.mt-40 {
    margin-top: 40px;
}

.customer-faq .default-btn {
    width: 258px;
    margin-left: 48px;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    padding-top: 0;
}

.customer-faq .accordion-button:not(.collapsed) {
    padding-bottom: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .customer-faq .accordion {
        padding-left: 0px;
    }

    .customer-faq .accordion-item:first-of-type .accordion-button {
        padding-top: 0;
    }
    .customer-faq h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .customer-faq {
        padding-bottom: 64px;    
    }
    
    .customer-faq h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
    .customer-faq .default-btn {
        width: 100%;
        margin-left: 0px;
    }

    .customer-faq img {
        width: 100%;
    }

    .customer-faq .accordion {
        padding-left: 0;
    }

    .customer-faq h2 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom: 32px;
        letter-spacing: -1px;
    }

    .customer-faq h2 span {
        display: block;
    }
    .customer-faq .accordion-button {
        font-size: 18px;
        line-height: 21.6px;
        justify-content: space-between;
    }
    .customer-faq .accordion-button::after{
        margin-left: 10px
    }
}

@media screen and (min-width: 1301px) {
    .customer-faq h2 {
        min-width: 104%;
    }
}

@media screen and (min-width: 1440px) {
    .customer-faq .accordion {
        padding-left: 8px;
    }
}

.customer-faq a {
    color: #00873C;
}

.customer-faq span {
    color: #00873C;
}

.customer-faq .accordion .accordion-item .accordion-body span {
    color: #414141;
    font-size: 12px;
}
.plan-cards {
    background: linear-gradient(92.96deg, rgba(0, 0, 0, 0.49) 18.83%, rgba(0, 0, 0, 0) 49.33%), linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url('/images/products/Header-img.webp');
    max-height: 900px;
    width: 100%;
    border-radius: 16px;
    padding: 40px 80px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.plan-cards h2 {
    color: #ffffff;
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 32px;
    width: 95%;
}

.plan-cards p {
    color: #ffffff;
    font-family: "Inter",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    width: 84%;
}

.page-node-type-plans-and-services .container {
    max-width: 1280px;
}

.plans-card-details .bg-blue {
    background: #F2FBF5;
    padding: 24px;
    width: 80%;
    border-radius: 16px;
    float: right;
}

#mosquito-plan-supplement #planCompare .plans-card-details .bg-blue .maintxt h3 {
    color: #222;
}

.w-100 {
    width: 100%;
}

.plans-card-details h3 {

    font-family: "Inter",sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 15.6px;
    letter-spacing: normal;
    text-align: left;
    color: #222222;

}

.plans-card-details p {
    color: #222222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.plans-card-details .plan-title {
    margin-bottom: 8px;
    font-family: "DM Sans",sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: normal;
    text-align: left;

}

.plans-card-details .includes-txt h4 {
    color: #222222;
    font-family: "Inter",sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    letter-spacing: normal;
    text-align: left;
}
.plans-card-details .includes-txt ul{
    padding: 0;
}
@media (min-width:768px) and (max-width:1024px) {
    .plans-card-details .bg-blue {
        width: 100%;
    }
    .plan-cards h2{
        font-size: 42px !important;
        line-height: 44px !important;
    }
    .plans-card-details .plan-title{
        font-size: 24px;
        line-height: 26px;
    }
    .primary-btn{
       min-width: 100%;
    }
    
    .includes-txt li{
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
    react-product-service-details#react-product-service-details 
    #planCompare .product-plans h3.card-plan-type,
    .block-pdb-react.block-react-componentreact-compare-pest-plans 
    #planCompare .product-plans h3.card-plan-type{
        line-height: 32px !important;
    }
    #planCompare .container {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .plan-cards{
        background: transparent;
        max-height: 100%;
        height: auto;
        padding: 0px;
    }
    .plans-card-details .bg-blue{
        width: 100%;
    }
    .plan-cards h2,
    .plan-cards p
    {
        color: #222222;
    }
     .plan-cards h2{
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom: 16px;
     }
     .plan-cards p{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
     }
}

#planCompare .plan-cards {
    margin: 8% 0 6% 0;
}
section#planCompare .container {
    padding-top: 96px;
    padding-bottom: 96px;
}

@media screen and (min-width: 768px){
    #planCompare .plan-cards {
        margin-bottom: 0;
    }
}
#planCompare .plan-cards .includes-txt {
    padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
    #planCompare .plan-cards .row:first-child {
        align-items: center;
    }
}

#react-product-service-details #planCompare .product-plans h3.card-plan-type,
.block-pdb-react.block-react-componentreact-compare-pest-plans #planCompare .product-plans h3.card-plan-type{
    line-height: 32px !important;
}
#planCompare .plan-cards .plans-card-details .plan-title {
    font-size: 30px !important;
    line-height: 32px !important;
}
#planCompare .plan-cards .plans-card-details h3.card-plan-type {
    font-size: 27px !important;
    line-height: 32px !important;
}

@media only screen and (min-width: 1201px) {
    #react-product-service-details .plan-cards {
        background-position: 100% 68%;
    }
}
@media screen and (max-width: 600px) {
    .product-plans .owl-item .bg-black a.txt-black .default-btn button {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #planCompare .plan-cards {
        max-height: 950px;
    }
}
.whatmakesus{
    padding: 0px 0 96px 0;
}

.qualities {
    width: 100%;
    height: auto;
}

.qualities h2 {
    font-family: "DM Sans",sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
}

.our-service img{
    width: 100px;
    height: 100px;
}

.qualities .service_lists {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin: 64px 0;
}

.qualities .our-service {
    flex: 25%;
    display: flex;
    flex-direction: column;
}

.qualities .service_lists h3 {
    font-family: "DM Sans",sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38.4px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 8px;
    margin-top: 8px;
}

.qualities .service_lists p {
    color: #414141;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 24px;
    height: 100%;
}

.qualities .service_lists p span {
    display: inline-block;
    font-size: 12px;
}

.qualities .link_btn {
    background-color: transparent;
    color: #222222;
    border: 1px solid #222222;
    border-radius: 100px;
    font-family: "DM Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    width: 100%;
    max-width: 167px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 48px;
    max-height: 48px;
}
.qualities .link_btn:focus, .qualities .link_btn:active{
    background-color: #414141;
    color: #ffffff;
}
.qualities .link_btn:hover {
    background-color: #E0E0E0;
    color: #222;
    border: none;
}

.qualities .link_btn:focus {
    background-color: transparent;
    color: #222;
    outline: -webkit-focus-ring-color auto 2px;
    border: 1px solid #222;
    outline-offset: 2px;
}

.qualities a.link_btn {
    text-decoration: none;
}

.qualities-ribbon {
    background: #F2FBF5;
    padding: 41px 80px;
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    align-items: center;
}

.whatmakesus .qualities-ribbon .qualities-btn{
    width: 247px;
}

.qualities-ribbon h3 {
    color: #222222;
    font-family: "DM Sans",sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    text-align: left;
    margin: 0;
}

.whatmakesus .plan-modal .modal-title {
    margin-bottom: 24px;
}

.whatmakesus .plan-modal .modal-body {
    padding: 56px;
}

.whatmakesus .modal-content .btn-close{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

.qualities-ribbon p {
    font-family: "DM Sans",sans-serif;
}

.font16 {
    font-size: 16px !important;
}

.qualities-ribbon p {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}

.mr-2 {
    margin-right: 20px;
}

.ml-2 {
    margin-left: 20px;
}

@media screen and (min-width: 1440px){
    .qualities-ribbon h3{
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    
    .qualities .our-service{
        justify-content: unset;
    }
    
    .qualities .service_lists p{
        height: 100%;
    }

    .qualities .link_btn{
        height: 100%;
        min-height: 48px;
        max-height: 48px;
    }

    .qualities .service_lists h3 {
        min-height: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mr-2 {
        margin-right: 5px;
    }

    .ml-2 {
        margin-left: 5px;
    }

    .qualities h3{
        font-size: 42px;
        line-height: 44px !important;
    }
}

@media screen and (max-width: 630px) {
    .whatmakesus .plan-modal .modal-body {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 767px) {
    .whatmakesus .qualities-ribbon .qualities-btn{
        width: 100%;
        max-width: 358px;
    }
    
    .whatmakesus{
        padding-bottom: 64px;
    }
    .qualities .service_lists p{
        width: 240px;
    }
    .our-service {
        flex: 100% !important;
    }

    .service_lists {
        display: flex;
        flex-direction: column;
    }

    .qualities h2 {
        font-size: 42px !important;
        line-height: 44px !important;
        margin-bottom:0;
    }

    .qualities .service_lists .our-service:first-child h3 {
        margin-top: 0;
    }

    .qualities .service_lists {
        display: flex;
        flex-direction: column;
        margin: 32px 0 64px 0;
        gap: 48px !important;
    }
    .qualities   .our-service {
        display: block;
    }
    .our-service img {
        float: right;
        width: 100%;
        max-width: 80px;
        height: 80px;
    }
    .qualities .link_btn{
        max-width: 100%;
    }

    .hide-mob {
        display: none;
    }

    .qualities-ribbon label {
        display: none;
    }

    .qualities-ribbon p {
        font-family: "Inter",sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

    .d-xs-block {
        display: block !important;
    }

    .qualities-ribbon h3 {
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }

    .qualities .service_lists h5{
        font-size: 24px;
        line-height: 28.8px !important;
    }

    .qualities-ribbon {
        padding: 32px 16px;
        flex-direction: column;
        gap: 24px;
        left: 50%;
        margin-left: -50vw;
        position: relative;
        width: 100vw;
        border-radius: 0;
    }

    .mr-2 {
        margin-right: 0px !important;
    }

    .ml-2 {
        margin-left: 0px !important;
    }
    .mt-10{
        margin-top: 20px;
    }
}

@media only screen and (min-width: 767px) and (max-width:990px) {
    .our-service {
        flex: 30% !important;
    }
}

@media screen and (max-width: 600px) {
    .whatmakesus .qualities-ribbon .qualities-btn{
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .qualities .service_lists h3 {
        white-space: nowrap;
    }

    .qualities .service_lists p {
        min-height: 90px;
    }
}

@media screen and (max-width: 390px) {
    .qualities h3 span{
        display: block;
    }
}