/* recognize-carousel css start  */
.mob_view{
    display: none !important;
}
.recognize-sec .recognize-carousel{
    padding: 96px 0;
}
.recognize-sec .recognize-carousel .container-fluid{
    padding-left: calc(50vw - 665px);
}
.recognize-sec .recognize-carousel .container-fluid .col-12 {
    padding-right: 0;
}
.recognize-sec .recognize-carousel h1 {
    font-family: "DM Sans", sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 74.8px;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 16px
}
.recognize-sec .recognize-carousel .head-content {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    color: #414141;
    width: 624px;
    padding-bottom:40px
}
.recognize-sec .recognize-carousel .card-body {
    padding: 24px;
    background: #EBF9F0;
    border-radius: 0 0px 16px 16px;
}
.recognize-sec .recognize-carousel h5.card-title {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    margin-bottom: 16px;    
}
.recognize-sec .recognize-carousel .card p{
    color: #222222;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.recognize-sec .recognize-carousel .card {
    border: none;
    border-radius: 16px;
    background: #EBF9F0;
    border: 1px solid #EBF9F0;
}
.recognize-sec .recognize-carousel .card:hover{
    border: 1px solid #00873C;
    cursor: pointer;
}
.recognize-sec .recognize-carousel .card img.card-img-top{
    max-height: 270px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.recognize-sec .recognize-carousel .owl-theme .owl-nav {
    margin-top: 40px;
    gap: 16px;
    display: flex;
    justify-content: center;
}
.recognize-sec .recognize-carousel .owl-theme .owl-dots {
    margin-top: 24px;
}
.recognize-sec .recognize-carousel .owl-theme .owl-dots .owl-dot {
    margin: 5px 2px;
    color: #8c8c8c;
}
.recognize-sec .recognize-carousel .owl-theme .owl-dots .owl-dot span{
    background: #8c8c8c;
    margin: 5px 1px;
}
.recognize-sec .recognize-carousel .owl-theme .owl-dots .owl-dot.active span {
    width: 36px;
    height: 8px;
    border-radius: 124px;
    background: #00873C;
}
.recognize-sec .recognize-carousel .owl-nav button.owl-prev {
    background: url('/themes/custom/trugreenakqa/assets/images/arrow-left.svg') #000000 no-repeat !important;
    background-position: center;
}
.recognize-sec .recognize-carousel  .owl-nav button.owl-next {
    background: url('/themes/custom/trugreenakqa/assets/images/arrow-right.svg') #000000 no-repeat !important;
    background-position: center;
}
.recognize-sec .recognize-carousel .owl-carousel .owl-nav button.owl-next,
.recognize-sec .recognize-carousel .owl-carousel .owl-nav button.owl-prev {
    width: 44px;
    height: 44px;
    border-radius: 100px;
}
#recognize-carousel button.owl-play {
    display: none !important;
}
.recognize-sec .recognize-carousel .owl-nav span {
    display: none;
}
.recognize-sec .recognize-carousel .owl-stage{
    padding-left: 0 !important;
}
.recognize-sec .recognize-carousel .border-outline-btn {
    bottom: 24px;
}
.recognize-sec .recognize-carousel .border-outline-btn button{
    padding: 8px 32px;
    background-color: #1EE576;
    color: #222222;
    height: 42px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 30px;
}
@media only screen and (max-width: 768px) {
    .mob_view{
        display:block !important;
    }
    .dsk_view{
        display:none !important;
    }
    .recognize-sec .recognize-carousel{
        padding: 64px 0;
    }
    .recognize-sec .recognize-carousel .container-fluid{
        padding-left: 15px;
    }
    .recognize-sec .recognize-carousel h1 {
        font-size: 42px;
        line-height: 44.1px;
    }
    .recognize-sec .recognize-carousel .head-content {
        width: 100%;
        padding-bottom: 32px;
    }
    .recognize-sec .recognize-carousel h5.card-title {
        font-size: 24px;
        line-height: 28.8px;
    }
    .recognize-sec .recognize-carousel .border-outline-btn button{
        width: 100%;
    }
    .recognize-sec .recognize-carousel .owl-theme .owl-nav {
        margin-top: 32px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .recognize-sec .recognize-carousel .container-fluid{
        padding-left: calc(50vw - 350px);
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    .recognize-sec .recognize-carousel .container-fluid{
        padding-left: calc(50vw - 540px);
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1439px) {
    .recognize-sec .recognize-carousel .container-fluid{
        padding-left: calc(50vw - 650px);
    }
}

/* model css start*/
.recognize-quick-model .modal-content {
    padding: 40px 40px 32px 40px;
    border-radius: 16px;
}
.recognize-quick-model .modal-header {
    padding: 0;
    border: 0;
}
.recognize-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;
}
.recognize-quick-model .modal-body {
    padding: 0;
    padding-right: 16px;
}
.recognize-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;
}
.recognize-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 (max-width: 600px) {
    .recognize-quick-model .modal-content {
        padding: 24px 24px 24px 16px;
        border-radius: 0px;
    }
    .recognize-quick-model .modal-title {
        font-size: 18px;
        line-height: 21.6px;
    }
    .recognize-quick-model .modal-body {
        padding-right: 24px;
    }
}
.page-node-type-promotional-lp-pages .recognize-sec .recognize-carousel .card:hover{
   cursor: unset !important;
}


/* give us call css start */
.give-us-call {
    height: 144px;
    background: #EBF9F0;
}

.give-us-call h4 {
    color: var(--Neutral-Black, #000);
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.give-us-call p {
    color: var(--Neutral-Black, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0px;
}
  
@media screen and (max-width: 767px) {
    .give-us-call {
        height: auto;
    }

    .give-us-call h4 {
        color: var(--Neutral-Black, #000);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 38.4px;
        letter-spacing: -1px;
    }

    .section1 {
        padding: 32px 24px;
        row-gap: 32px;
    }

    .give-us-call a span{
        display: none;
    }

    .give-us-call .img-position {
        display: flex;
        width: 80px;
        height: 80px;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 767px) {
    .section1 {
        padding: 32px 0px;
    }

    .sec-content {
        display: flex;
        justify-content: center;
    }

    .sec-content2 {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .give-us-call .img-position {
        justify-content: right;
        padding-right: 0px;
        display: flex
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .give-us-call {
        height: 225px !important;
    }
    .sec-content {
        margin-bottom: 32px; 
    }
}