.hellolyf-bg-light {
    height: 86vh;
    position: relative;
    z-index: 1;
    background-image: linear-gradient(to left bottom, #1e9cd6, #39aad9, #53b8db, #6dc5dd, #87d2e0, #92dadf, #a0e2de, #afe9de, #b8edd6, #c5efce, #d5f1c6, #e7f2c0);
}

.elementDotsOverlay {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../img/elementdots.png);
    background-repeat: repeat;
    background-size: auto;
    top: 0px;
    left: 0px;
    opacity: .8;
    z-index: -1;
}

.servicesBannerImg {
    position: relative;
    z-index: 1;

}

.serviceImg-1 {
    position: relative;
    z-index: 1;
    width: calc(98% - 100px);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.serviceImg-back {
    position: absolute;
    top: 219px;
    left: 99px;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.tileSubText {
    font-size: 20px;
}

.serviceHeading strong {
    color: #049484;
    font-weight: 700;
}

.serviceHeading {
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 4.5rem;
}

.counter-card-hellolyf {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}

.counter-card-hellolyf .counter-card .counter-icon i {
    font-size: 50px;
    line-height: 50px;
    color: #049484;
    /*
    background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
*/
}

.counter-card-hellolyf .counter-text p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.counter-card-hellolyf .counter-num {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 26px;
}

p.subcontain {
    font-size: 16px;
    line-height: 1.8;
    color: #000000;
}

.hello-facilities {
    background-color: #f9f9f9;
    height: 235px;
    margin-top: 150px;
}

.helo-facilities .card-body p {
    /*
    font-size: 16px;
    line-height: 24px;
*/
    color: #5e5e5e;
}


.hellolyf-service {
    width: 100%;
    height: auto;
    background-color: #fef3e4 !important;
    border-radius: 15px;
    text-align: center;
    padding: 5px;
    box-shadow: -12px 13px 25px -1px #c5ae8e45;
}

.hellolyf-service1 {
    width: 100%;
    height: auto;
    background-color: #fae6e7 !important;
    border-radius: 15px;
    text-align: center;
    padding: 5px;
    box-shadow: -12px 13px 25px -1px #d5a2a53b;

}

.hellolyf-service2 {

    width: 100%;
    height: auto;
    background-color: #d4e9e0 !important;
    border-radius: 15px;
    text-align: center;
    padding: 5px;
    box-shadow: -13px 19px 25px -1px #96c1ae40;


}

.hellolyf-service3 {
    width: 100%;
    height: auto;
    background-color: #e0e9fa !important;
    border-radius: 15px;
    text-align: center;
    padding: 5px;
    box-shadow: -17px 19px 25px -1px #91a1c16b;


}

.circleIcon2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 50%;


}

.hellolyf-content p {
    text-align: justify;
}

h2.subHeadingText {
    color: #fff;
    position: relative;
    margin-bottom: 50px;
}

h2.subHeadingText {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: left;
    color: #14467b;
}

h2.subHeadingText span {
    font-weight: 300;
}

.circleIcon2 img {

    height: 60px;
    width: 60px;
}

.hello-featers ul {

    font-size: 12px;

}

.accordion-body ul {
    font-size: 14px;
    list-style: circle;
    padding-inline-start: 75px;
    color: #000;
}

.accordion-body ul li {
    margin-bottom: 6px;
    text-align: justify;
}

/* hello-adv css */

.hellolyf-advantage {
    /*    text-align: center;*/
    /*    margin-top: 100px;*/

}


.hello-adv {
    text-align: center;
    box-shadow: 4px 5px 13px -4px #a8b7df, -7px -5px 13px -4px #ffffff;
    height: 280px;
    padding: 20px;
    margin: 8px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #F0F4FF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;

}

/*

 .hello-adv-icon {

     font-size: 30px;
     color: #2490eb;
 }
*/

.hello-adv-info h3 {

    font-size: 15px;
}

.hello-adv-info p {
    font-size: 13px;
    line-height: 1.4;
    color: #1c1e20cc;
    text-align: center;
}

.circleIcon {


    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;


}

.hello-adv-icon img {

    width: 50px;
    height: 50px;
}

/* hellolyf service */

.hellolyf-service-aminitiesSlider .hellolyf-service-aminities {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: #f0f4ff;
    border-radius: 50%;
    height: 130px;
    box-shadow: 5px 7px 11px -5px #97a2c1bf, -9px -6px 16px -2px #ffffff;
    margin: 20px;
    transition: all .4s;
}

.hellolyf-service-aminitiesSlider .hellolyf-service-aminities:hover {
    background-color: #ffc107;
}

.hellolyf-service-aminitiesSlider .hellolyf-service-aminities .hellolyf-service-amn-icons img {
    font-size: 20px;
    line-height: 46px;


}

.hellolyf-service-aminitiesSlider .hellolyf-service-aminities .hellolyf-service-amn-name {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.hellolyf-service-name {
    text-align: center;
    font-size: 20px;
}

.hellolyf-service-aminitiesSlider {

    margin-top: 120px;
}

.hellolyf-service-amn-icons {

    width: 50px;
    height: 50px;
}


.hellolyf-service-amn-name {

    padding: 10px;
    text-align: center;

}

.hellolyfTestomonial .testimonial-card.style2 {
    min-height: 300px;
}

.hellolyfTestomonial .testimonial-card.style2 .client-quote {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}


.hellolyfTestomonial .testimonial-card .client-info-area .client-info-wrap .client-info {
    width: calc(100% - 85px);
    margin-left: 0px;
}

.hellolyfTestomonial .testimonial-card.style2 .ratings {
    margin: 10px 0 10px;
}




/*Responsive Css Start*/
@media only screen and (max-width: 575px) {

    .hellolyf-bg-light {
        min-height: 100vh;
    }

    .plr-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .serviceHeading {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
    }

    p.subcontain {
        font-size: 14px;
        line-height: 24px;
        color: #000000;
    }

    .counter-card-hellolyf .counter-card .counter-icon i {
        font-size: 30px;
        line-height: 30px;
        color: #049484;
    }

    .counter-card-hellolyf .counter-text p {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        color: #000;
    }

    h2.subHeadingText {

        font-size: 28px;
        line-height: 38px;
    }

    h2.subHeadingText span {
        font-weight: 300;
        font-size: 28px;
        line-height: 38px;
    }

    .accordion-item:last-child {
        margin-bottom: 50px;
    }






















}