.client-logo{
    background: #F2FBF5;
}
.client-logo .container-fluid{
    padding-left: 80px;
    padding-right: 80px;
}
.client-logo .logos{
    display: flex;
    padding: 0px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
    height: 100px;
}
.client-logo .logos h5{
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    letter-spacing: normal;
}

 .find-branch{
    padding-bottom: 80px;
 }
 .find-branch .container-fluid{
    padding-left: 80px;
    padding-right: 80px;
}
.find-branch .find-branch_title{
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 52.8px;
    letter-spacing: normal;
    color: #222222;
    padding-bottom: 32px;
}
.find-branch .find-branch_desc{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #414141;
    width: 408px;
}
.find-branch .map-section{
    margin-top: 64px;
    margin-bottom: 32px;
}
.find-branch img{
    height: 100%;
    max-height: 533px;
}
.contact-us .contact-us-card{
    display: flex;
    flex-direction: column;
    height: 272px;
    border-radius: 24px;
    background: #F2FBF5;
    padding: 24px;
    position: relative;
}
.contact-us .contact-us-card h3.contact_head{
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px !important;
    color: #222;
    margin-bottom: 0;
    letter-spacing: normal;
}
.contact-us .contact-us-card .contact_des {
    display: flex;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #414141;
    margin: 8px 0;
}
.contact-us .contact-us-card .contact_subdes {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    color: #414141;
    margin-bottom: 0;
}
.contact-us .contact-us-card .contact_subdes span {
    font-weight: 600;
}
.contact-us .contact-us-card .contact_btn {
    padding: 16px 32px;
    background-color: #1EE576;
    color: #000000;
    max-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    border-radius: 100px;
    border: unset;
    width: fit-content;
    cursor: pointer;
    margin-top: 23px;
    position: absolute;
    bottom: 24px;
}
.contact-us .contact-us-card .contact_btn:hover{
    background-color: #00B140;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .client-logo .logos{
        height: 396px;
        padding-top: 32px;
    }
    .client-logo .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }
    .client-logo .logos h5{
        width: 100%;
        display: flex;
        justify-content: center;
        line-height: 24px;
        font-size: 20px;
    }
    .client-logo .logos div{
        width: 49%;
        text-align: center;
        padding-bottom: 40px;
    }
    .client-logo .logos div:last-child{
        width: 100%;
    }
    .find-branch {
        padding-bottom: 16px;
    }
    .find-branch .container-fluid{
        padding-left: 16px;
        padding-right: 16px;
    }
    .find-branch .find-branch_title{
        margin-bottom: 0;
        font-size: 42px;
        line-height: 44px;
    }
    .find-branch .find-branch_desc{
        width: 100%;
    }
    .find-branch .map-section{
        margin-top: 16px;
    }
    .find-branch img{
        height: 546px;
        max-height: 546px;
        border-radius: 16px;
    }
    .contact-us .contact-us-card{
        height: auto;
        margin-bottom: 32px;
    }
    .contact-us .contact-us-card .contact_btn{
        position: relative;
        bottom: 0;
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .find-branch .find-branch_desc{
        width: 100%;
    }
    .client-logo .logos img{
        width:100px
    }
    .contact-us .contact-us-card .contact_btn{
        padding: 16px 24px;
        width: auto;
    }
}

/* we searve */
.we-serve-tab {
    width: 100%;
    height: auto;
    padding: 96px 0;
    position: relative;
}

.we-serve-tab .col-12{
    padding-right: 0;
}

.we-serve-tab h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px;
    letter-spacing: normal;
    text-align: left;

}

.we-serve-tab .card {
    background: #F2FBF5;
    padding: 24px;
    border-radius: 24px;
    border: none;
}

.we-serve-tab .card-body {
    padding: 0;
}

.we-serve-tab h5.card-title {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;

}

.we-serve-tab 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;
}

.we-serve-tab .owl-stage {
    padding-left: 0 !important;
}

.we-serve-tab .owl-theme .owl-nav {
    position: absolute;
    top: -52%;
    right: 60px;
}

.we-serve-tab .owl-carousel .owl-nav button.owl-next,
.we-serve-tab .owl-carousel .owl-nav button.owl-prev {
    width: 44px;
    height: 44px;
    border-radius: 100px;

}

.we-serve-tab .owl-carousel .owl-nav button.owl-next {
    background: url('/themes/custom/trugreen_commercial/assets/images/arrow-right.png') #222222 no-repeat;
    background-position: center;
    margin-left: 0;
}

.we-serve-tab .owl-carousel .owl-nav button.owl-prev {
    background: url('/themes/custom/trugreen_commercial/assets/images/arrow-left.png') #222222 no-repeat;
    background-position: center;
}

.we-serve-tab .owl-nav button.owl-next span,
.we-serve-tab .owl-nav button.owl-prev span {
    display: none;
}

#role-property {
    margin-top: 64px;
}

#role-property.owl-theme .owl-dots {

    position: absolute;
    top: -42%;
    right: 15%;

}

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

.we-serve-tab .owl-theme .owl-dots .owl-dot.active span,
.we-serve-tab .owl-theme .owl-dots .owl-dot:hover span {
    background: #00873C;
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
    .recommendation {
        margin-top: 4.5% !important;
        margin-left: 2% !important;
    }
    .we-serve-tab h5.card-title{
        font-size: 21px;
    }
    .we-serve-tab .owl-theme .owl-nav{
        right: 25px;
    }
}
@media only screen and (max-width: 600px){
    .recommendation {
        margin-top: 11.5% !important;
        margin-left: 5% !important;
    }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
    .recommendation {
        margin-top: 8.5% !important;
        margin-left: 4% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
    .recommendation {
        margin-top: 6.5% !important;
        margin-left: 3% !important;
    }
    .we-serve-tab h3 {
        margin-left: 0;
        font-size: 42px;
        line-height: 44px;
    }

    .we-serve-tab h5.card-title {
        font-size: 20px;
    }

    .we-serve-tab .owl-theme .owl-nav {

        right: 0px;
    }

    .we-serve-tab .owl-theme .owl-dots .owl-dot span {
        margin: 5px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   

    .we-serve-tab h3 {
        font-size: 42px;
        line-height: 44px;
        margin-left: 0;
    }

    .we-serve-tab .owl-theme .owl-nav {
        position: absolute;
        top: -41%;
        right: 20px;
    }

    #role-property.owl-theme .owl-dots {
        top: 0;
        right: 0;
        margin-top: 20px;
        position: static;
    }

    .we-serve-tab .owl-theme .owl-nav {
        top: 0;
        right: 0;
        margin-top: 20px;
        position: static;
    }
}

.we-serve-tab .card {
    position: relative;
}

.recommendation {
    background: #1EE576;
    border-radius: 20px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    position: absolute;
    padding: 5px 10px;
    margin-top: 3.5%;
    z-index: 99;
    margin-left: 2%;
}

.tab-carousel{
    margin-top:32px;
    margin-bottom: 80px;
}
.tab-carousel .tab-content{
    padding-left: calc(50vw - 665px);
}
#your-property .container-fluid{
    padding-left: 80px;
    padding-right: 80px;
}
#role-property-tabnav{
    border-bottom: 1px solid #CACACA;
    height: 56px;
}
#role-property-tabnav li{
    display: flex;
    height: 56px;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: "Inter", sans-serif;
}
#role-property-tabnav li a{
    color:#666666;
    text-decoration: none;
    height: 56px;
    display: flex;
    align-items: center;
}

#role-property-tabnav li a.active{
    border-bottom: 2px solid #00B140;
    color:#222222;
    background: none;
    border-radius: 0;
    font-weight: 600;
}
#role-property-tabContent #role-property {
    padding-left: 0px;
}
#role-property-tabContent .we-serve-tab{
    padding: 0;
}

#role-property-tabContent #role-property {
    margin-top: 0px;
}
#role-property-tabContent .we-serve-tab .owl-theme .owl-nav .owl-play{
    display: none;
}
#role-property-tabContent #role-property.owl-theme .owl-dots {
    top: -68px;
    right: 218px;
}
#role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
    top: -95px;
    right: 0px;
    padding-right: 80px;
    gap: 8px;
}
.tab-heading{
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: normal;
    color:#222222;
    padding: 32px 0;
    margin-bottom: 0;
}
#role-property-tabContent #role-property .card{
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: 0;
    border-radius: 16px;
    background: none;
}
#role-property-tabContent #role-property .card img{
    padding: 0;
    border-radius: 16px;
}
#role-property-tabContent #role-property .card:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.27%, rgba(0, 0, 0, 0.65) 88.4%);

}
#role-property-tabContent #role-property .card .card-body{
    position: absolute;
    left:0;
    bottom: 0;
    padding: 32px;
    width: 245px;
    z-index: 9;
}
#role-property-tabContent #role-property .card .card-body h4{
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .page-node-type-page #role-property-tabContent #role-property .card .card-body h4{
        font-size: 29px;
        line-height: 32px;
    }
    .page-node-type-page .we-serve-tab .btn-learnmore{
        width: 137px;
    }
    .page-node-type-page #role-property-tabContent #your-property .card .card-body h4{
        font-size: 29px;
        line-height: 32px;
    }

    .tab-carousel {
        margin-top: 16px;
    }
}

.we-serve-tab .btn-learnmore{
    display: flex;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #222222;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #ffffff !important;
    border: 1px solid #E0E0E0;
    min-width:134px;
    width: 140px;
}
#role-property-tabContent .fade:not(.show){
    display: none;
}
.we-serve-tab .owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px;
    color: #8c8c8c;
    background: #8c8c8c;
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    .tab-carousel{
        margin-top:32px;
        margin-bottom: 48px;
    }
    .tab-heading{
        text-align: center;
        font-size: 36px;
        line-height: 107%;
        padding-left: 0;
    }
    #role-property-tabnav .nav{
        justify-content: center;
    }
    #role-property-tabnav li {
        padding: 24px 0px;
    }
    #role-property-tabContent #role-property.owl-theme .owl-dots {
        margin-top: 24px;
        padding-right: 16px;
    }
    #role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
        margin-top: 24px;
        padding-right: 16px;
    }
    #role-property-tabnav{
        padding-left: 0px;
    }

    .tab-carousel .we-serve-tab .owl-carousel .owl-nav button.owl-prev{
        margin: 0px 8px;
    }

    .we-serve-tab .owl-carousel .owl-nav button.owl-next{
        margin: 0px 8px;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    #role-property-tabContent #role-property.owl-theme .owl-dots {
        margin-top: 4px;
        margin-right: 0px;
    }
    #role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
        margin-top: 14px;
        padding-right: 0;
    }
    #role-property-tabContent #role-property.owl-theme .owl-dots{
        right:140px;
    }
}

/* roles and property */
.featured-services .col-12{
    padding-right: 0;
}
.featured-services .owl-theme .owl-nav .owl-play{
    display: none;
}
.featured-services .owl-theme .owl-dots {
    position: absolute;
    top: -70px;
    right: 220px;
}
.featured-services .owl-theme .owl-nav{
    top: -95px;
    right: 0px;
    padding-right: 80px;
    gap: 8px;
}
.featured-services .owl-theme .owl-dots .owl-dot.active span {
    width: 36px;
    height: 8px;
    border-radius: 124px;
}

.featured-services .role-heading{
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 52.8px;
    letter-spacing: normal;
    color: #222222;
    padding: 32px 0;
    margin-bottom: 0;
}
.featured-services .border-outline-btn{
    position: absolute;
    bottom: 24px;
}
.talk-lawn .subfooter h3{
    margin-bottom: 16px;
}
.talk-lawn .subfooter .descrip{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
}
.pt-16{
    padding-top: 16px;
}
.pt-32{
    padding-top: 32px;
    margin-bottom: 80px;
}

.pt-32 .featured-services{
    margin-bottom: 0;
}
.pt-32 .default-btn{
    text-align: center;
    padding-top: 40px;
}
.pt-32 .default-btn .primary-btn{
    width: 311px;
}
.featured-services .outline-btn:hover,
.featured-services .outline-btn:active {
    background: #E0E0E0 !important;
    border: 1px solid #E0E0E0 !important;
}
@media only screen and (min-width: 320px) and (max-width: 600px){
    .featured-services .role-heading{
        font-size: 36px;
        line-height: 38.52px;
    }
    .featured-services .owl-theme .owl-nav {
        padding-right: 0;
    }
    .featured-services .owl-theme .owl-dots {
        top: 0;
        right: 0;
        margin-top: 20px;
        position: static;
    } 
    .pt-32{
        padding-top: 0;
        margin-bottom: 48px;
    }
    .featured-services .card{
        height: 261px;
    }
    .featured-services .outline-btn {
        padding: 0 32px;
        width: unset;
    }
}
@media only screen and (min-width: 601px) and (max-width: 767px){
    .talk-lawn .subfooter .gray-bg{
        margin-bottom: 32px;
    }
    .featured-services .card{
        height: 275px;
    }
    .featured-services .owl-theme .owl-nav{
        padding-right: 0;
    }
    .featured-services .owl-theme .owl-dots{
        right: 0px;
        position: relative;
        top:10px;
    }
    .pt-32 .default-btn{
        padding-top: 32px;
    }
    .benefit-part .benefit-card{
        padding-top: 20px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .featured-services .owl-theme .owl-nav{
        padding-right: 0;
    }
    .featured-services .owl-theme .owl-dots{
        right: 140px;
    }
}

/* featured services */

.featured-services{
    margin-bottom: 80px;
}
#featured-tabnav{
    border-bottom: 1px solid #CACACA;
    height: 56px;
}
#featured-tabnav li{
    display: flex;
    height: 56px;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: "Inter", sans-serif;
}
#featured-tabnav li a{
    color:#666666;
    text-decoration: none;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 16px 24px;
}

#featured-tabnav li a.active{
    border-bottom: 2px solid #00B140;
    color:#222222;
    background: none;
    border-radius: 0;
    font-weight: 600;
}
.featured-tab-content{
    padding-left: calc(50vw - 665px);
    position: relative;
}
#featured-tabcontent .owl-theme .owl-nav .owl-play{
    display: none;
}
#featured-tabcontent .owl-theme .owl-dots {
    top: -70px;
    right: 220px;
}
#featured-tabcontent .owl-theme .owl-nav{
    top: -90px;
    right: 0px;
    padding-right: 80px;
    gap: 8px;
}
#featured-tabcontent .heading{
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: normal;
    color: #222222;
    padding: 32px 0;
    margin-bottom: 0;
}
#featured-tabcontent .border-outline-btn{
    position: absolute;
    bottom: 24px;
}
.explore-head {
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 52.8px;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 32px;
}

.featured-services .card {
    position: relative;
    background: #F2FBF5;
    padding: 24px;
    border-radius: 24px;
    border: none;
    height: 261px;
}

.featured-services .card-body {
    padding: 0;
}

.featured-services .card-title {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    letter-spacing: normal;
}

.featured-services 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;
}

#featured-tabcontent .fade:not(.show){
    display: none;
}
.featured-services .owl-stage {
    padding-left: 0 !important;
}

#featured-services-lawncare .owl-stage, 
#featured-services-lawncare .owl-stage .owl-item, 
#featured-services-lawncare .owl-stage .owl-item .item, 
#featured-services-lawncare .owl-stage .owl-item .item .card-body{
    display: flex;
}

#featured-services-lawncare .owl-stage .owl-item .item,
#featured-services-lawncare .owl-stage .owl-item .item .card{
    width: 100%;
}

#featured-services-lawncare .owl-stage .owl-item .item .card-body{
    flex-direction:column;
}

#featured-services-lawncare .owl-stage .owl-item .item .card{
    height: auto;
}

#featured-services-lawncare .owl-stage .owl-item .item .card p.card-text{
    height: 100%;
    margin-bottom: 30px;
}

#featured-services-lawncare .owl-stage .owl-item .item .card .border-outline-btn{
    position: static;
    bottom: unset;
}

.featured-services .owl-theme .owl-nav {
    position: absolute;
    top: -52%;
    right: 60px;
}

.featured-services .owl-carousel .owl-nav button.owl-next,
.featured-services .owl-carousel .owl-nav button.owl-prev {
    width: 44px;
    height: 44px;
    border-radius: 100px;

}

.featured-services .owl-carousel .owl-nav button.owl-next {
    background: url('/themes/custom/trugreen_commercial/assets/images/arrow-right.png') #222222 no-repeat;
    background-position: center;
    margin-left: 0;
}

.featured-services .owl-carousel .owl-nav button.owl-prev {
    background: url('/themes/custom/trugreen_commercial/assets/images/arrow-left.png') #222222 no-repeat;
    background-position: center;
    margin-right: 16px;
}

.featured-services .owl-nav button.owl-next span,
.featured-services .owl-nav button.owl-prev span {
    display: none;
}

#featured-tabcontent .owl-theme .owl-dots {
    position: absolute;
    top: -62px;
    right: 218px;
}

#featured-tabcontent .owl-theme .owl-dots .owl-dot.active span {
    width: 36px;
    height: 8px;
    border-radius: 124px;
}
.featured-services .owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px;
    background: #8c8c8c;
}
.featured-services .owl-theme .owl-dots .owl-dot.active span,
.featured-services .owl-theme .owl-dots .owl-dot:hover span {
    background: #00873C !important;
}
.all-fea{
    color:#222222;
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 24px;
}
.all-fea a{
    color:#222222;
    text-decoration: none;
}
.all-fea a:hover{
    color: #00B140;
}
.modal-content{
    border: none !important;
}
.quick-model .modal.show .modal-dialog{
    max-width: 515px;
}
.quick-model .modal-content{
    padding: 40px 56px 32px 40px;;
    border-radius: 16px;
}
.quick-model .modal-header{
    padding: 0;
}
.quick-model .modal-body{
    padding: 0;
}

.quick-model .modal-title{
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color:#222222;
    padding-bottom: 16px;
}
.quick-model .modal-body p{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color:#222222;
    padding-bottom: 24px;
    margin-bottom: 0;
}
.quick-model .modal-body{
    padding-right: 16px;
}
.quick-model .modal-body a{
    color: #00873C;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) and (orientation: portrait){
    .recommendation {
        margin-top: 4.5% !important;
        margin-left: 2% !important;
    }
    
    .featured-services .card-title{
        font-size: 21px;
    }
    .featured-services .owl-theme .owl-nav{
        right: 25px;
    }
}
@media only screen and (max-width: 600px){
    .recommendation {
        margin-top: 11.5% !important;
        margin-left: 5% !important;
    }
    
    .explore-head {
        font-size: 36px;
        line-height: 38.52px;
    }
    #services-tab{
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
    }
    #featured-tabcontent .heading{
        font-size: 24px;
        line-height: 28.8px;
    }
    #featured-tabcontent .owl-theme .owl-nav{
        padding-right: 0;
    }
    .all-fea{
        text-align: center;

    }
    .featured-services{
        margin-bottom: 48px;
    }
    .quick-model .modal-title{
        font-size: 18px;
        line-height: 21.6px;
    }
    .quick-model .modal-content {
        padding: 24px 48px 24px 16px;
        border-radius: 0px;
        max-height: 821px;
        overflow-y: auto;
    }
    .quick-model .modal-body{
        padding-right: 24px;
    }
    .quick-model .modal-content .modal-header .btn-close{
        top: 8px;
        right: 8px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
    .recommendation {
        margin-top: 8.5% !important;
        margin-left: 4% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .recommendation {
        margin-top: 6.5% !important;
        margin-left: 3% !important;
    }
    .featured-services h3 {
        margin-left: 0;
        font-size: 42px;
        line-height: 44px;
    }

    
    .featured-services .card-title {
        font-size: 21px;
    }

    .featured-services .owl-theme .owl-nav {

        right: 0px;
    }

    .featured-services .owl-theme .owl-dots .owl-dot span {
        margin: 2px;
    }
    #featured-tabcontent .owl-theme .owl-nav{
        padding-right: 25px;
        top:-84px;
    }
    #featured-tabcontent .owl-theme .owl-dots{
        right:140px;
        top: -63px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   

    .featured-services h3 {
        font-size: 42px;
        line-height: 44px;
        margin-left: 0;
    }

    .featured-services .owl-theme .owl-nav {
        position: absolute;
        top: -41%;
        right: 20px;
    }

    #featured-tabcontent .owl-theme .owl-dots {
        top: 0;
        right: 0;
        margin-top: 20px;
        position: static;
    }

    .featured-services .owl-theme .owl-nav {
        top: 0;
        right: 0;
        margin-top: 20px;
        position: static;
    }
}


.recommendation {
    background: #1EE576;
    border-radius: 20px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    position: absolute;
    padding: 5px 10px;
    margin-top: 3.5%;
    z-index: 99;
    margin-left: 2%;
}

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

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

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

.black-btn .secondary-btn.btn {
    min-width: 172px;
    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;
    width: 100%;
}

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

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

.we-serve-tab .outline-btn:hover,
.we-serve-tab .outline-btn:active {
    background: #E0E0E0 !important;
    border: 1px solid #E0E0E0 !important;
}

.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;
}

.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: auto !important;
        padding: 10px 30px;
    }
}
@media only screen and (max-width: 600px) {
    .btn {
        width: 100% !important;
        min-width: auto !important;
    }
}

.light-ribbon {
    background: #F2FBF5;
    padding: 32px;
    display: flex;
    justify-content: space-between;
}

.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;
}

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

.zipcode-pan input {
    background: transparent;
    border-bottom: 1px solid #222222;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 138px;
    font-size: 12px;
    outline: none;
    padding-bottom: 5px;
}

.zipcode-pan ::placeholder {
    line-height: 22px;
}

.zipcode-pan label {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;

}

.zipcode-pan {
    width: 138px;
    margin-right: 30px;
}

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

    #featured-tabcontent .owl-theme .owl-nav,
    #featured-tabcontent .owl-theme .owl-dots{
        padding-right: 16px;
    }
    .featured-services .col-12{
        padding-right: 0;
        padding-left: 16px;
    }

    .hide-mob {
        display: none;
    }

    .light-ribbon label {
        display: none;
    }

    .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: 16px 0;
    }

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

    .ml-2 {
        margin-left: 0px !important;
    }

    .mt-10 {
        margin-top: 20px;
    }

    

    .mob-show {
        display: block !important;
    }

    .page-node-type-page .mob-padding{
        padding-right: 16px;
        padding-left: 16px;
    }

    .we-serve-tab .col-12 {
        padding-left: 16px;
    }
}

.mob-show {
    display: none;
}

.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;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tab-carousel .tab-content {
        padding-left: calc(50vw - 565px);
    }
    .featured-tab-content {
        padding-left: calc(50vw - 565px);
        position: relative;
    }
}

.quick-model .modal-header{
    border-bottom: 0;
}
.quick-model .modal-header .btn-close{
    position: absolute;
    right: 24px;
    top: 24px;
    opacity: 1;
    width: 32px;
    height: 32px;
    margin: -.5rem -.5rem -.5rem auto !important;
}

#your-property.owl-theme .owl-dots {

    position: absolute;
    top: -42%;
    right: 15%;

}
#role-property-tabContent #your-property{
    padding-left: 0px;
}
#role-property-tabContent .we-serve-tab{
    padding: 0;
}

#role-property-tabContent #your-property{
    margin-top: 0px;
}
#role-property-tabContent .we-serve-tab .owl-theme .owl-nav .owl-play{
    display: none;
}
#role-property-tabContent #your-property.owl-theme .owl-dots {
    top: -70px;
    right: 220px;
}
#role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
    top: -95px;
    right: 0px;
    padding-right: 80px;
    gap: 8px;
}
#role-property-tabContent #your-property .card{
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: 0;
    border-radius: 16px;
    background: none;
    min-height: 428px;
}
#role-property-tabContent #your-property .card img{
    padding: 0;
    border-radius: 16px;
    min-height: 428px;
}
#role-property-tabContent #your-property .card:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.27%, rgba(0, 0, 0, 0.65) 88.4%);

}
#role-property-tabContent #your-property .card .card-body{
    position: absolute;
    left:0;
    bottom: 0;
    padding: 32px;
    min-width: 245px;
    width: 305px;
    z-index: 9;
}
#role-property-tabContent #your-property .card .card-body h4{
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 16px;
}

#role-property-tabContent .fade:not(.show){
    display: none;
}

#your-property.owl-theme .owl-dots .owl-dot.active span {
    width: 36px;
    height: 8px;
    border-radius: 124px;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    
    #role-property-tabContent #your-property.owl-theme .owl-dots {
        margin-top: 24px;
        position: static;
        padding-right: 16px;
    }
    #role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
        margin-top: 24px;
        padding-right: 16px;
    }
    #role-property-tabContent #role-property .card{
        min-height: auto !important;
    }
    #role-property-tabContent #role-property .card img{
        min-height: auto !important;
    }
    #role-property-tabContent #your-property .card{
        min-height: auto !important;
    }
    #role-property-tabContent #your-property .card img{
        min-height: auto !important;
    }
    .we-serve-tab .btn-learnmore{
        min-width: 134px !important;
        width: 140px !important;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    
    #role-property-tabContent #your-property.owl-theme .owl-dots {
        margin-top: 4px;
        margin-right: 0px;
    }
    #role-property-tabContent .we-serve-tab .owl-theme .owl-nav{
        margin-top: 10px;
        padding-right: 25px;
    }
    #role-property-tabContent #your-property.owl-theme .owl-dots{
        right:140px;
    }
    #role-property-tabContent #role-property .card{
        min-height: auto !important;
        height: auto;
    }
    #role-property-tabContent #role-property .card img{
        min-height: auto !important;
        height: auto;
    }
    #role-property-tabContent #your-property .card{
        min-height: auto !important;
        height: auto;
    }
    #role-property-tabContent #your-property .card img{
        min-height: auto !important;
        height: auto;
    }
    
   
}
#role-property-tabContent #role-property .card .card-body{
    min-width: 245px;
    width: 305px;
}
.we-serve-tab .owl-carousel .owl-nav button.owl-prev{
    margin: 5px 16px;
}

#role-property-tabContent #role-property .card{
    min-height: 405px;
}
#role-property-tabContent #role-property .card img{
    min-height: 405px;
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    .contact-us .contact-us-card .contact_btn{
        width: 100%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px){
    .tab-heading{
        text-align: left;
    }
    .tab-carousel .tab-content {
        padding-left: calc(50vw - 360px);
    }
    .contact-us .contact-us-card h3.contact_head{
        font-size: 23px;
    }
    .contact-us .contact-us-card .contact_des{
        font-size: 14px;
        line-height: 18px;
    }
    .contact-us .contact-us-card .contact_btn{
        width: 100%;
    }
    .all-fea{
        font-size: 14px;
    }

    #role-property-tabContent #role-property .card .card-body {
        padding-left: 20px;
    }
        
    #role-property-tabContent #role-property .card .card-body h4 {
        font-family: "DM Sans", sans-serif;
        font-size: 25px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        margin-bottom: 16px;
        max-width: 200px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    
    #role-property-tabContent #role-property.owl-theme .owl-dots {
        right: 170px !important;
    }
    .contact-us .contact-us-card h3.contact_head{
        font-size: 23px;
    }
    .contact-us .contact-us-card .contact_des{
        font-size: 14px;
        line-height: 18px;
    }
    .contact-us .contact-us-card .contact_btn {
        width: auto !important;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tab-carousel .tab-content {
        padding-left: calc(50vw - 360px);
    }
    .contact-us .contact-us-card{
        height: 100%;
        min-height: 300px;
    }
    .contact-us .contact-us-card .contact_des{
        line-height: 24px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tab-carousel .tab-content {
        padding-left: calc(50vw - 480px);
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .featured-tab-content {
        padding-left: calc(50vw - 360px);
    }
	#featured-tabcontent .owl-theme .owl-nav{
		padding-right:0px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .explore-head{
        font-size: 36px;
        line-height: 107%;
    }
}

.mob_view{
	display:none;	
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mob_view{
        display:block;	
    }
    .dsk_view{
        display:none;	
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .featured-tab-content {
        padding-left: calc(50vw - 480px);
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-tab-content {
        padding-left: calc(50vw - 360px);        
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    #featured-services-lawncare .owl-stage .owl-item .item .card .border-outline-btn button.outline-btn{
        width: 100%;
    }
}


@media (hover:hover) and (pointer: fine) {
    .service-lawn-care-page #role-property .owl-nav button.owl-prev:hover,
    .service-lawn-care-page #role-property .owl-nav button.owl-next:hover {
        background-color: #4F4F4F;
    }
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
    #services-tab {
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            overflow-x: scroll;
            scrollbar-width: none;
        }
    }