body {font-family: 'Open Sans', sans-serif;overflow-x: hidden;}
.br-20 {border-radius: 20px;overflow: hidden;}
.br-30 {border-radius: 30px;overflow: hidden;}
video {width: 100%;height: 100%;object-fit: cover;}
h1, h2, h3 {font-family: 'Open Sans', sans-serif;}
.common-section {padding: 100px 0;}
.common-top-section {padding-top: 100px;}

.healthcare-page a svg {transition: all 0.3s ease-in;}
.healthcare-page a:hover svg {transition: all 0.3s ease-in;}
.about-project h3 {font-size: 30px;font-weight: 500;margin-bottom: 20px;color: #000;letter-spacing: 0;}

.healthcare-page #Header {background-image: url(../images/healthcare/waves-banner.png);background-attachment: fixed;height: auto;padding-bottom: 100px;background-size: cover !important;}
.healthcare-banner {padding-top: 40px;}
.healthcare-banner .outer-container {width: 95%;margin: 0 auto;background-color: #fff;max-width: 1830px;border-radius: 30px;padding: 20px;}
.healthcare-banner .inner-container {width: 100%;gap: 20px;}
.healthcare-banner .left-box {width: 38%;overflow: hidden;height: 970px;}
.healthcare-banner .left-box .video-box {height: 100%;position: relative;}
.healthcare-banner .left-box .video-box::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(224, 255, 195, 0.00) 0%, #004C00 100%);}
.healthcare-banner .left-box .video-box video {object-position: bottom;}

.healthcare-banner .lower-box {background-color: #004C00;background-image: url(../images/healthcare/green-bg.png);background-size: cover;padding: 60px;height: 100%}
#Header.innerheader .healthcare-banner h1 { color: #fff;text-transform: uppercase;font-weight: 700;letter-spacing: 1.28px;margin-bottom: 0;line-height: 75px;}
#Header.innerheader .healthcare-banner h1 span {font-weight: 300;}
#Header.innerheader .healthcare-banner h1 img {height: 55px;}

.healthcare-banner .right-box {display: flex;flex-direction: column;gap: 20px;}
ul.tech-stack {gap: 25px;border:1px solid #dfdfdf;border-radius: 50px;background: rgba(255, 255, 255, 0.2);padding: 12px 28px;backdrop-filter: blur(5px);}
ul.tech-stack li img {width: 40px;}
.about-project p , .about-project p a {font-size: 20px;color: #000;letter-spacing: 0;font-weight: 600;}
.about-project .app-logo {margin-bottom: 20px;}

.healthcare-services .services-container {background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 41.04%, #D0E4D4 100%);}
.healthcare-services .services-container .container {gap: 50px;}
.healthcare-services .services-container .common-box {padding: 45px; width: 31%;border-radius: 40px;background: #FFF;box-shadow: 5.113px 15.338px 35.789px 0 rgba(0, 0, 0, 0.06);}
.healthcare-services .services-container .common-box h3 {font-size: 24px;font-weight: 600;letter-spacing: 0;margin-bottom: 15px;}
.healthcare-services .services-container .common-box img {margin-bottom: 20px;}
.healthcare-services .services-container .common-box p {margin-bottom: 0;}
.healthcare-services .content-wrap h2 {font-size: 44px;letter-spacing: 0;font-weight: 600;margin-bottom: 40px;}

.neurocycle .container {background-image: url(../images/healthcare/neuro-bg.png);background-size: cover;padding: 80px;overflow: hidden;}
.neurocycle.hdr8 .container {background-image: url(../images/healthcare/hdr8-bg.png);height: 1000px;margin: 20px auto;}
.neurocycle .right-box {text-align: center;width: 27%;}
.neurocycle .about-project h3 {color: #fff;}
.neurocycle .about-project p , .neurocycle .about-project p a {color: #fff;}
.neurocycle .left-screens {width: 65%;gap: 60px;text-align: center;}
.neurocycle .left-screens img {width: 95%;}


.puffcount .inner-container {gap:20px;margin:20px;}
.puffcount .content-box {background-color: #004C00;width: 50%;text-align: center;padding-top: 60px;position: relative;}
.puffcount h3 {color: #fff;}
.puffcount .feature-img-box img.puff-img {height: 100%;object-fit: cover;width: 100%;}
.puffcount .about-project .image-container-up img{ width: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.puffcount .feature-img-box {position: relative;width: 50%;}
.puffcount .feature-img-box .bottom-fixed {position: absolute;right: 50px;bottom: 50px;display: flex;align-items: center;gap: 25px;}
.puffcount .feature-img-box a {color: #000;}

.corra .left-box {width: 35%;}
.corra .left-box ul.tech-stack{border: 1px solid #B7B7B7;width: 67%;}

.neurocycle.hdr8 ul.tech-stack{width: 55%;margin: 0 auto;}
.neurocycle.hdr8 .video-box {position: relative;}
.neurocycle.hdr8 video {position: absolute;width: 72%;left: 132px;height: 410px;top: 35px; object-fit: cover;}

.puffcount.revocery .inner-container {height: 980px;margin: 0 20px}
.puffcount.revocery .content-box  {padding-top: 0;}
.puffcount.revocery .feature-img-box img{width: 100%;}
.puffcount.revocery .content-box .video-box {position: absolute;left: 0;}
.puffcount.revocery .about-project .content-box {position: relative;}
.puffcount.revocery .about-project {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 63%;}
.puffcount.revocery ul.tech-stack {width: 30%;margin: 0 auto;margin-top: 20px;background-color: #00000080;border: 1px solid #0000008a;}

.evolvme {margin: 20px;}
.evolvme {background-image: url(../images/healthcare/evolvme-bg.png);background-attachment: fixed;background-size: cover;padding: 120px 0;background-position: center;}
.evolvme .custom-container {width: 92%;margin-left: auto;}
.evolvme .img-box{margin-right: -3%;}
.evolvme .left-box {width: 40%;}
.evolvme .about-project {width: 78%;text-align: center}
.evolvme .about-project ul {width: 80%;margin: 0 auto;background-color: #281A1536;border: 1px solid #1B100C91;}

.inhealer {background-color: #FFE56A;margin:0 20px;}
.inhealer .upper-box{gap: 90px;}
.inhealer .upper-box:not(:last-child) {margin-bottom: 90px;}
.inhealer .common-box {width: 33%;padding: 40px;background-color: #FFEC93;gap: 20px;position: relative;}
.inhealer .common-box .circles {position: absolute;right: -120px;bottom: -60px;}
.inhealer .common-box.mobile {background-color: transparent;padding: 0;}
.inhealer .common-box p.subtitle {font-size: 28px;letter-spacing: 0;}
.inhealer .inner-box {gap: 20px;}
.inhealer ul.tech-stack {border:1px solid #FFE466;}
.inhealer .inner-box a {color: #000;}
.inhealer .inner-box .img-box {width: 50%;text-align: center;}
.inhealer .inner-box p {margin-bottom: 0;}
.inhealer .inner-box .img-box:nth-child(2){margin-left: auto;}


/* Responsive CSS Healthcare indutry */
@media screen and (min-width: 2560px) {
    .puffcount.revocery .inner-container {height: 85vh;}
    .puffcount .about-project .image-container-up img {width: 60%;}
}

@media screen and (max-width: 1919px) {
    .healthcare-banner .outer-container {width: 96%;border-radius: 24px;padding: 15px;}
    .healthcare-banner .left-box {width: 45%;height: 840px;}
    .br-20 {border-radius: 16px;}
    .br-30 {border-radius: 24px;}
    .healthcare-banner .right-box , .healthcare-banner .inner-container {gap: 15px;}
    .healthcare-banner .lower-box {padding: 45px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 65px;font-size: 55px;}
    #Header.innerheader .healthcare-banner h1 img {height: 45px;}
    .neurocycle .left-screens img {width: 85%;}
    .neurocycle .left-screens {gap: 0;}
    .about-project h3 {font-size: 28px;}
    .healthcare-page #Header {padding-bottom: 85px;}
    .common-section {padding: 85px 0;}
    .common-top-section {padding-top: 85px;}
    .inhealer .app-logo {width: 60%;}
    .inhealer .upper-box:not(:last-child) {margin-bottom: 60px;}
    .inhealer .upper-box {gap: 60px;}
    .inhealer .common-box .circles {right: -36px;bottom: -45px;width: 180px;}
    .inhealer .inner-box img.brain {width: 90%;}
    .inhealer .inner-box img.growth {width: 80%;}
    .inhealer .inner-box .img-box img {width: 120px;}
    .neurocycle .about-project .app-logo {margin-bottom: 12px;width: 220px;}
    .neurocycle.hdr8 .container {height: 840px;}
    .inhealer .common-box p.subtitle {font-size: 22px;}
    .neurocycle.hdr8 video {width: 64%;left: 157px;height: 330px;top: 32px;}
    .healthcare-services .content-wrap h2 {font-size: 32px;margin-bottom: 25px;}
    .healthcare-services .services-container .common-box h3 {font-size: 22px;margin-bottom: 10px;}
    .healthcare-services .services-container .common-box {padding: 35px;}
    .healthcare-services .services-container .common-box img {width: 65px;}


}
@media screen and (max-width: 1599px) {
    .common-section {padding: 70px 0;}
    .common-top-section {padding-top: 70px;}
    .healthcare-page #Header {padding-bottom: 70px;}
    .healthcare-banner .left-box {width: 50%;height: 790px;}
    .neurocycle .right-box {width: 33%;}
    .neurocycle .about-project .app-logo {width: 195px;}
    .neurocycle .container {padding:100px 60px;}
    .about-project h3 {font-size: 22px;}
    .inhealer .common-box {padding: 30px;}
    .inhealer .common-box p.subtitle {font-size: 20px;}
    .inhealer .inner-box img.brain {width: 75%;}
    .inhealer .upper-box {gap: 30px;}
    .inhealer .upper-box:not(:last-child) {margin-bottom: 30px;}
    .inhealer .inner-box p {line-height: normal;}
    .inhealer .inner-box .img-box img {width: 75px;}
    .neurocycle.hdr8 .container {height: 680px;padding: 25px;}
    .neurocycle.hdr8 video {width: 58%;left: 151px;height: 250px;top: 23px;}
    .br-30 , .healthcare-banner .outer-container {border-radius: 18px;}
    .br-20 {border-radius: 12px;}
    
    .neurocycle .left-screens img {width: 78%;}
    .corra .left-box .about-project .app-logo {width: 110px;}
    .puffcount.revocery .inner-container {height: 755px;}
    .puffcount.revocery .about-project .app-logo {width: 180px;}
    .evolvme .about-project {width: 95%;}
    .evolvme {margin: 15px;}
    .evolvme .custom-container {width: 95%;}
    .puffcount.revocery .inner-container {margin: 0 15px;}
    .neurocycle.hdr8 .container {margin: 15px auto;}
    .puffcount .inner-container {gap: 15px;margin: 15px;}
    .healthcare-banner {padding-top: 30px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 60px;font-size: 50px;}
    #Header.innerheader .healthcare-banner h1 img {height: 40px;}
    .neurocycle.hdr8 .about-project .app-logo {width: 140px;}
    .evolvme .about-project .app-logo {width: 140px;}
    .evolvme .img-box {margin-right: -5%;}
    .inhealer {margin: 0 15px;}
    .healthcare-services .services-container .common-box {width: 31%;padding: 30px;border-radius: 30px;}
    .healthcare-services .services-container .container {gap: 35px;}
    .healthcare-services .services-container .common-box h3 {font-size: 20px;}
    .healthcare-services .services-container .common-box img {width: 60px;}
    .healthcare-services .content-wrap h2 {font-size: 26px;}
   
}


@media screen and (max-width: 1439px) {
    .puffcount.revocery .inner-container {height: 720px; }
    .evolvme .about-project .app-logo {width: 125px;}
    .puffcount .content-box {padding-top: 35px;}
   
}

@media screen and (max-width: 1365px) {
    .puffcount.revocery .inner-container {height: 670px;}
    .inhealer .app-logo {width: 55%;}
    .corra .img-box {width: 60%;} 
    .about-project h3 {font-size: 20px;}
    .about-project p, .about-project p a {font-size: 18px;}
    .healthcare-banner .left-box {width: 62%;height: 710px;}
    .healthcare-banner .lower-box {padding: 35px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 55px;font-size: 42px;}
    #Header.innerheader .healthcare-banner h1 img {height: 33px;}
    ul.tech-stack {gap: 15px;padding: 10px 20px;}
    .corra .left-box ul.tech-stack {width: 82%;}
    .corra .left-box .about-project .app-logo {width: 100px;}
    .neurocycle.hdr8 .container {height: 615px;}
    .puffcount.revocery .about-project .app-logo { width: 155px;}
    .puffcount.revocery ul.tech-stack {width: 36%;}
}

@media screen and (max-width: 1279px) {
    .healthcare-banner .left-box {width: 48%;height: 590px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 42px;font-size: 35px;}
    .healthcare-banner .right-box {width: 70%;}
    .healthcare-banner .right-box .upper-box img{height: 305px;object-fit: cover;}
    #Header.innerheader .healthcare-banner h1 img {height: 28px;}
    .neurocycle .about-project .app-logo {width: 165px;}
    .neurocycle .left-screens img {width: 85%;}
    .neurocycle .container {padding: 70px 60px;}
    .inhealer .common-box {padding: 25px;}
    ul.tech-stack li img {width: 34px}
    .inhealer .common-box .circles {right: -26px;bottom: -65px;width: 130px;}
    .inhealer .inner-box .img-box img {width: 55px;}
    .inhealer .inner-box h3 {margin-bottom: 0;}
    .puffcount.revocery ul.tech-stack {width: 42%}
    .puffcount .about-project .image-container-up img {left: 54%;}
    .neurocycle.hdr8 video {width: 63%;left: 110px;height: 235px;top: 15px;}
    .puffcount.revocery .inner-container {height: 535px;}
    .evolvme .about-project .app-logo {width: 95px;}
    .about-project h3 {font-size: 18px;}
    .evolvme .custom-container {width: 98%;}
    .about-project p, .about-project p a {font-size: 15px;}
    .healthcare-page .about-project a svg , .puffcount .feature-img-box .bottom-fixed p a svg{width: 20px;margin-left: 5px;}
    .healthcare-services .services-container .common-box {width: 48%;}
    .healthcare-services .services-container .common-box img {width: 55px;}
    .healthcare-services .content-wrap h2 {font-size: 24px;}


}

@media screen and (max-width: 1023px) {
    .healthcare-banner .right-box {width: 65%;}
    .healthcare-banner .left-box {width: 55%;height: 510px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 35px;font-size: 27px;margin-top: 0;}
    #Header.innerheader .healthcare-banner h1 img {height: 23px;}
    .healthcare-banner .lower-box {padding: 30px;}
    .healthcare-banner .right-box .upper-box img {height: 250px;}
    .healthcare-page #Header {padding-bottom: 50px;}
    .common-top-section {padding-top: 50px;}
    .neurocycle .container {padding: 50px 40px;}
    .common-section {padding: 50px 0;}
    .neurocycle .left-screens img {width: 92%;}
    .neurocycle .about-project .app-logo {width: 130px;}
    .neurocycle .right-box {width: 36%;}
    ul.tech-stack {gap: 5px;padding: 7px 15px;}
    ul.tech-stack li img {width: 30px;}
    .puffcount .about-project .app-logo {margin-bottom: 10px;width: 160px;}
    .puffcount .content-box {padding-top: 20px;}
    .inhealer .common-box {width: 47%;}
    .inhealer .upper-box {flex-wrap: wrap;gap: 20px;}
    .inhealer .common-box p.subtitle {font-size: 16px;}
    .inhealer .upper-box .common-box:nth-child(2) {order: 2;}
    .inhealer .inner-box img.brain {width: 68%;}
    .corra .left-box {width: 48%}
    .corra .left-box .about-project .app-logo {width: 70px;}
    .corra .left-box ul.tech-stack {width: 68%;}
    .neurocycle.hdr8 .container {height: 460px;}
    .neurocycle.hdr8 video {width: 68%;left: 70px;height: 186px;top: 12px;}
    .neurocycle.hdr8 .about-project .app-logo {width: 100px;}
    .puffcount.revocery .inner-container {height: 400px;}
    .puffcount.revocery .about-project .app-logo {width: 110px;}
    .puffcount.revocery .about-project {width: 80%;}
    .evolvme .left-box {width: 85%;}
    .evolvme .about-project .app-logo {width: 75px;}
    .about-project h3 {margin-bottom: 10px;}

    .healthcare-banner .left-box {width: 60%;height: 450px;}
    .healthcare-banner .right-box .upper-box img {height: 220px;}
    .healthcare-banner .lower-box {padding: 20px;}
    #Header.innerheader .healthcare-banner h1 {line-height: 30px;font-size: 25px;}
    .healthcare-banner .outer-container {padding: 10px;}
    .healthcare-banner .right-box, .healthcare-banner .inner-container {gap: 10px;}
    .br-30, .healthcare-banner .outer-container {border-radius: 12px;}
    .br-20 {border-radius: 8px;}
    .neurocycle .container , .inhealer .container {max-width: 95%;}
    .inhealer .upper-box:not(:last-child) {margin-bottom: 20px;}
    .healthcare-services .content-wrap h2 {font-size: 22px;}
    .healthcare-services .services-container .common-box {width: 48%;border-radius: 24px;padding: 25px;}
    .healthcare-services .services-container .container {gap: 25px;}

}

@media screen and (max-width: 767px) {
    .healthcare-banner {padding-top: 60px;}
    .neurocycle .container {padding: 30px 20px; flex-direction: column;gap: 40px;background-position: center;}
    .neurocycle .right-box , .puffcount .content-box {width: 100%;order: -1;}
    .neurocycle .right-box ul.tech-stack {width: 38%;margin: 0 auto;}
    .puffcount .inner-container {flex-direction: column;}
    .puffcount .feature-img-box , .puffcount .content-box {width: 100%;}
    .puffcount .about-project .image-container-up img {left: 19%;bottom: auto;position: relative;width: 38%;}
    .inhealer .inner-box .img-box {width: 100%;display: flex;align-items: center;}
    .inhealer .inner-box .img-box:nth-child(2) img {order: 2;}
    .inhealer .inner-box .img-box:nth-child(2)  {margin-top: 35px;}
    .puffcount .feature-img-box .bottom-fixed {right: 0;bottom: auto;top: 50%;width: 100%;justify-content: center;transform: translateY(-50%);}
    .corra .container {flex-direction: column;gap: 20px;}
    .corra .left-box , .corra .img-box , .evolvme .left-box , .evolvme .about-project {width: 100%;}
    .corra .left-box {text-align: center;}
    .corra .left-box ul.tech-stack {width: 40%;margin: 0 auto;}
    .neurocycle.hdr8 .right-box ul.tech-stack {width: 25%}
    .neurocycle.hdr8 video {width: 69%;left: 57px;height: 154px;top: 12px;}
    .puffcount.revocery .about-project .app-logo {width: 130px;}
    .puffcount.revocery ul.tech-stack {width: 20%;}
    .puffcount.revocery .inner-container {height: auto;}
    .evolvme .custom-container {width: 100%;flex-direction: column;}
    .evolvme .img-box {margin-right: 0;}
    .evolvme .about-project ul {width: 42%;}
    .evolvme {background-position: unset;}
    .puffcount.revocery .content-box {height: 400px;}
    .evolvme .about-project h3 {width: 65%;margin: 0 auto;margin-bottom: 10px;}
    .evolvme .about-project ul {width: 34%;}
    .neurocycle .left-screens {width: 75%;}
    .neurocycle.hdr8 .container {height: auto;}
    .neurocycle.hdr8 video {width: 70%;left: 84px;height: 245px;}
    .neurocycle.hdr8 .left-screens {width: 100%;}
    .healthcare-services .services-container .common-box {width: 100%;border-radius: 20px;}
    .healthcare-services .content-wrap h2 {font-size: 20px;}
    
}

@media screen and (max-width:639px) {
    .healthcare-banner .inner-container {flex-direction: column;}
    .healthcare-banner .right-box {width: 100%;order: -1;}
    #Header.innerheader .healthcare-banner h1 {text-align: center;width: 100%;}
    .healthcare-banner .right-box .upper-box img {height: auto;}
    .healthcare-banner .left-box {width: 100%;height: 460px;}
    .healthcare-banner .left-box .video-box video {object-position: center}
    .neurocycle .left-screens, .inhealer .inner-box p {width: 100%;}
    .neurocycle .left-screens img {width: 85%;}
    .neurocycle .right-box ul.tech-stack {width: 50%}
    .inhealer .common-box {width: 100%;}
    .inhealer .common-box.attacks {order: 2;}
    .inhealer .upper-box .common-box:nth-child(2) {order: -1;}
    .inhealer .upper-box .common-box:nth-child(1) {order: 2;}
    .inhealer .inner-box {text-align: center;}
    .inhealer .inner-box .img-box:nth-child(2) {margin-top: 10px;}
    .inhealer .inner-box img.brain {width: 50%;}
    .neurocycle.hdr8 video {width: 65%;left: 71px;height: 161px;}
    .healthcare-services .content-wrap h2 {font-size: 18px;margin-bottom: 15px;}
    .healthcare-services .services-container .common-box p {line-height: 24px;}
}

@media screen and (max-width: 479px) {
    .puffcount.revocery ul.tech-stack {width: 40%;}
    .evolvme .about-project ul {width: 65%;}
    ul.tech-stack {gap: 10px;}
    .evolvme .about-project h3 {width: 90%;}
    .about-project p {margin-bottom: 10px;}
    .healthcare-page #Header {padding-bottom: 30px;}
    .common-section {padding:30px 0;}
    .common-top-section {padding-top: 30px;}
    .puffcount .about-project .image-container-up img {left: 30%;bottom: -10px;width: 60%;}
    .healthcare-banner .left-box{height: 410px;}
    .about-project h3 {font-size: 16px}
    .puffcount .feature-img-box .bottom-fixed {flex-direction: column;gap: 10px;}
    .neurocycle .left-screens img {width: 93%;}
    .neurocycle.hdr8 video {width: 76%;left: 35px;height: 140px;top: 6px;}
    .corra .left-box ul.tech-stack {width: 70%;}
}