/*================ FEATURES =================*/

.features{

    position:relative;

    padding:120px 0;

    background:linear-gradient(180deg,#f8fcff,#ffffff);

    overflow:hidden;

}

.section-title{

    text-align:center;

    max-width:750px;

    margin:auto;

    margin-bottom:70px;

}

.section-title span{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:#e8fff7;

    color:#10b981;

    font-weight:600;

    margin-bottom:20px;

}

.section-title h2{

    font-size:48px;

    font-weight:800;

    color:#222;

    margin-bottom:20px;

    line-height:60px;

}

.section-title h2 strong{

    background:linear-gradient(90deg,#10b981,#06b6d4);

    -webkit-background-clip:text;

    color:transparent;

}

.section-title p{

    font-size:17px;

    color:#777;

    line-height:30px;

}

/*================ GRID =================*/

.feature-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

/*================ CARD =================*/

.feature-card{

    position:relative;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(15px);

    border-radius:25px;

    padding:35px;

    overflow:hidden;

    transition:.45s;

    border:1px solid rgba(255,255,255,.6);

    box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.feature-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#10b981,#06b6d4);

    transform:scaleX(0);

    transition:.45s;

}

.feature-card:hover::before{

    transform:scaleX(1);

}

.feature-card:hover{

    transform:translateY(-15px);

    box-shadow:0 35px 70px rgba(16,185,129,.18);

}

.icon{

    width:75px;

    height:75px;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    color:white;

    margin-bottom:25px;

    background:linear-gradient(135deg,#10b981,#06b6d4);

}

.green{

background:linear-gradient(135deg,#22c55e,#84cc16);

}

.blue{

background:linear-gradient(135deg,#3b82f6,#06b6d4);

}

.orange{

background:linear-gradient(135deg,#fb923c,#f97316);

}

.red{

background:linear-gradient(135deg,#ef4444,#dc2626);

}

.purple{

background:linear-gradient(135deg,#8b5cf6,#6366f1);

}

.cyan{

background:linear-gradient(135deg,#06b6d4,#0891b2);

}

.dark{

background:linear-gradient(135deg,#1f2937,#374151);

}

.feature-card h3{

    font-size:24px;

    margin-bottom:15px;

    font-weight:700;

}

.feature-card p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

}

.feature-card a{

    text-decoration:none;

    color:#10b981;

    font-weight:600;

}

.feature-card a i{

    margin-left:8px;

    transition:.3s;

}

.feature-card:hover a i{

    transform:translateX(8px);

}

/*================ BACKGROUND SHAPES =================*/

.shape{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    opacity:.18;

}

.shape1{

    width:280px;

    height:280px;

    background:#10b981;

    top:-100px;

    left:-120px;

}

.shape2{

    width:320px;

    height:320px;

    background:#06b6d4;

    right:-120px;

    bottom:-100px;

}

/*================ RESPONSIVE =================*/

@media(max-width:992px){

.section-title h2{

font-size:38px;
line-height:48px;

}

}

@media(max-width:768px){

.features{

padding:80px 0;

}

.section-title h2{

font-size:30px;
line-height:42px;

}

.section-title p{

font-size:16px;

}

.feature-card{

padding:30px;

}

}

/*================ MODULE SECTION =================*/

.modules{

padding:120px 0;

background:#f8fbff;

position:relative;

overflow:hidden;

}

/*================ GRID =================*/

.module-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:28px;

margin-top:70px;

}

/*================ CARD =================*/

.module-card{

background:rgba(255,255,255,.85);

backdrop-filter:blur(18px);

border-radius:24px;

padding:35px;

position:relative;

overflow:hidden;

transition:.45s;

border:1px solid rgba(255,255,255,.7);

box-shadow:0 18px 45px rgba(0,0,0,.06);

}

.module-card::before{

content:"";

position:absolute;

left:-100%;

top:0;

height:100%;

width:100%;

background:linear-gradient(90deg,
transparent,
rgba(255,255,255,.45),
transparent);

transition:.8s;

}

.module-card:hover::before{

left:120%;

}

.module-card:hover{

transform:translateY(-12px);

box-shadow:0 30px 60px rgba(16,185,129,.18);

}

/*================ ICON =================*/

.module-icon{

width:72px;

height:72px;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#fff;

margin-bottom:22px;

background:linear-gradient(135deg,#10b981,#06b6d4);

transition:.4s;

}

.module-card:hover .module-icon{

transform:rotate(10deg) scale(1.1);

}

/*================ COLORS =================*/

.green{background:linear-gradient(135deg,#22c55e,#84cc16);}
.blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);}
.orange{background:linear-gradient(135deg,#fb923c,#f97316);}
.red{background:linear-gradient(135deg,#ef4444,#dc2626);}
.purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}
.cyan{background:linear-gradient(135deg,#06b6d4,#0284c7);}
.pink{background:linear-gradient(135deg,#ec4899,#db2777);}
.teal{background:linear-gradient(135deg,#14b8a6,#0f766e);}
.yellow{background:linear-gradient(135deg,#facc15,#f59e0b);}
.dark{background:linear-gradient(135deg,#1f2937,#374151);}

/*================ CONTENT =================*/

.module-card h3{

font-size:24px;

margin-bottom:12px;

font-weight:700;

}

.module-card p{

color:#666;

line-height:28px;

font-size:15px;

}

/*================ HIGHLIGHT CARD =================*/

.highlight{

display:flex;

flex-direction:column;

justify-content:center;

align-items:flex-start;

background:linear-gradient(135deg,#10b981,#06b6d4);

color:#fff;

}

.highlight h2{

font-size:65px;

font-weight:800;

margin-bottom:8px;

}

.highlight h4{

font-size:28px;

margin-bottom:18px;

}

.highlight p{

color:#fff;

margin-bottom:30px;

line-height:30px;

}

.module-btn{

padding:15px 30px;

border-radius:50px;

background:#fff;

color:#10b981;

text-decoration:none;

font-weight:700;

transition:.35s;

}

.module-btn i{

margin-left:8px;

transition:.35s;

}

.module-btn:hover{

transform:translateY(-5px);

}

.module-btn:hover i{

transform:translateX(6px);

}

/*================ BLOBS =================*/

.blob{

position:absolute;

border-radius:50%;

filter:blur(120px);

opacity:.15;

}

.blob1{

width:340px;

height:340px;

background:#10b981;

left:-120px;

top:100px;

}

.blob2{

width:360px;

height:360px;

background:#06b6d4;

right:-150px;

bottom:-100px;

}

/*================ RESPONSIVE =================*/

@media(max-width:768px){

.modules{

padding:80px 0;

}

.module-grid{

gap:20px;

}

.highlight h2{

font-size:48px;

}

.highlight h4{

font-size:22px;

}

}
/*================ DASHBOARD =================*/

.dashboard-showcase{

padding:120px 0;

background:white;

overflow:hidden;

}

.dashboard-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

}

.sub-title{

display:inline-block;

padding:10px 22px;

background:#e8fff7;

border-radius:50px;

font-weight:600;

color:#22c55e;

margin-bottom:25px;

}

.dashboard-content h2{

font-size:50px;

line-height:62px;

font-weight:800;

margin-bottom:25px;

}

.dashboard-content h2 span{

display:block;

background:linear-gradient(90deg,#22c55e,#06b6d4);

-webkit-background-clip:text;

color:transparent;

}

.dashboard-content p{

font-size:17px;

line-height:32px;

color:#666;

margin-bottom:35px;

}

/*================ LIST =================*/

.dashboard-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-bottom:45px;

}

.list-item{

display:flex;

align-items:center;

gap:12px;

font-weight:600;

color:#444;

}

.list-item i{

color:#22c55e;

font-size:22px;

}

/*================ IMAGE =================*/

.dashboard-image{

position:relative;

}

.dashboard-image img{

width:100%;

border-radius:25px;

box-shadow:0 40px 80px rgba(0,0,0,.12);

transition:.5s;

}

.dashboard-image img:hover{

transform:translateY(-8px);

}

/*================ FLOATING CARD =================*/

.mini-card{

position:absolute;

background:white;

padding:20px;

border-radius:18px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

animation:float 5s ease-in-out infinite;

}

.revenue{

top:-30px;

left:-50px;

}

.revenue h2{

color:#22c55e;

margin:8px 0;

}

.revenue span{

color:#22c55e;

font-size:14px;

}

.patients{

bottom:-20px;

right:-50px;

animation-delay:1.5s;

}

.doctors{

top:45%;

left:-70px;

display:flex;

align-items:center;

gap:15px;

animation-delay:3s;

}

.doctors i{

width:55px;

height:55px;

border-radius:50%;

background:linear-gradient(135deg,#22c55e,#06b6d4);

display:flex;

justify-content:center;

align-items:center;

color:white;

font-size:22px;

}

.doctors p{

margin:0;

font-size:14px;

color:#777;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

/*================ RESPONSIVE =================*/

@media(max-width:992px){

.dashboard-wrapper{

grid-template-columns:1fr;

}

.dashboard-content{

order:2;

}

.dashboard-image{

order:1;

}

.dashboard-list{

grid-template-columns:1fr;

}

.mini-card{

display:none;

}

}

@media(max-width:768px){

.dashboard-showcase{

padding:80px 0;

}

.dashboard-content h2{

font-size:36px;

line-height:48px;

}

}
/*================ TESTIMONIAL =================*/

.testimonials{

padding:120px 0;

background:linear-gradient(180deg,#f8fbff,#ffffff);

overflow:hidden;

position:relative;

}

.testimonial-wrapper{

display:grid;

grid-template-columns:380px 1fr;

gap:60px;

align-items:center;

margin-top:70px;

}

/* LEFT */

.testimonial-left h3{

font-size:38px;

font-weight:800;

line-height:50px;

margin-bottom:25px;

}

.testimonial-left p{

font-size:17px;

line-height:32px;

color:#666;

margin-bottom:40px;

}

.review-stats{

display:flex;

flex-direction:column;

gap:20px;

}

.stat{

background:white;

padding:22px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

border-left:5px solid #22c55e;

transition:.4s;

}

.stat:hover{

transform:translateX(10px);

}

.stat h2{

font-size:32px;

color:#22c55e;

margin-bottom:5px;

}

.stat span{

color:#666;

}

/* GRID */

.testimonial-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}

/* CARD */

.testimonial-card{

position:relative;

padding:35px;

border-radius:25px;

background:rgba(255,255,255,.8);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.6);

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.45s;

overflow:hidden;

}

.testimonial-card:hover{

transform:translateY(-15px);

box-shadow:0 30px 60px rgba(34,197,94,.18);

}

.active{

background:linear-gradient(135deg,#22c55e,#06b6d4);

color:white;

}

.active p,
.active span{

color:white;

}

.quote{

position:absolute;

right:25px;

top:20px;

font-size:42px;

opacity:.08;

}

.stars{

font-size:20px;

color:#FFC107;

margin-bottom:20px;

letter-spacing:3px;

}

.testimonial-card p{

line-height:30px;

color:#666;

margin-bottom:30px;

}

.client{

display:flex;

align-items:center;

gap:15px;

margin-top:20px;

}

.client img{

width:65px;

height:65px;

border-radius:50%;

object-fit:cover;

border:4px solid #22c55e;

}

.client h4{

font-size:18px;

margin-bottom:5px;

}

.client span{

font-size:14px;

color:#888;

}

/* RESPONSIVE */

@media(max-width:992px){

.testimonial-wrapper{

grid-template-columns:1fr;

}

.testimonial-grid{

grid-template-columns:1fr;

}

.review-stats{

flex-direction:row;

flex-wrap:wrap;

}

.stat{

flex:1;

min-width:180px;

}

}

@media(max-width:768px){

.testimonials{

padding:80px 0;

}

.testimonial-left h3{

font-size:30px;

line-height:40px;

}

}
/*================ FOOTER =================*/

.footer{

position:relative;

overflow:hidden;

padding-top:90px;

background:#081420;

color:#d8e4ec;

}

/* CTA */

.footer-cta{

display:flex;

justify-content:space-between;

align-items:center;

gap:60px;

padding:60px;

margin-bottom:80px;

border-radius:30px;

background:linear-gradient(135deg,#22c55e,#06b6d4);

box-shadow:0 30px 70px rgba(34,197,94,.25);

color:#fff;

}

.footer-cta span{

font-size:14px;

font-weight:600;

letter-spacing:2px;

opacity:.9;

}

.footer-cta h2{

font-size:46px;

margin:20px 0;

line-height:58px;

}

.footer-cta strong{

display:block;

}

.footer-cta p{

line-height:30px;

max-width:650px;

opacity:.95;

}

.cta-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.footer .btn-fill{

background:#fff;

color:#22c55e;

box-shadow:none;

}

.footer .btn-outline{

border:2px solid #fff;

color:#fff;

}

.footer .btn-outline:hover{

background:#fff;

color:#22c55e;

}

/* GRID */

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1.5fr;

gap:60px;

padding-bottom:60px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.footer-logo{

height:60px;

margin-bottom:25px;

}

.footer-about{

line-height:30px;

color:#9eb2c4;

margin-bottom:30px;

}

/* HEADINGS */

.footer h4{

font-size:22px;

margin-bottom:25px;

color:#fff;

position:relative;

}

.footer h4::after{

content:"";

position:absolute;

left:0;

bottom:-10px;

width:40px;

height:3px;

border-radius:50px;

background:#22c55e;

}

/* LINKS */

.footer ul{

list-style:none;

padding:0;

margin:0;

}

.footer li{

margin-bottom:16px;

}

.footer a{

text-decoration:none;

color:#9eb2c4;

transition:.35s;

}

.footer a:hover{

color:#22c55e;

padding-left:8px;

}

/* SOCIAL */

.social-icons{

display:flex;

gap:15px;

}

.social-icons a{

width:46px;

height:46px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

background:rgba(255,255,255,.08);

color:#fff;

transition:.35s;

}

.social-icons a:hover{

background:linear-gradient(135deg,#22c55e,#06b6d4);

transform:translateY(-6px);

}

/* CONTACT */

.contact-info li{

display:flex;

align-items:flex-start;

gap:15px;

line-height:28px;

color:#9eb2c4;

}

.contact-info i{

margin-top:6px;

color:#22c55e;

font-size:18px;

}

/* BOTTOM */

.footer-bottom{

padding:30px 0;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.footer-bottom p{
text-align:center;
color:#8ea2b3;

}

.footer-bottom div{

display:flex;

gap:30px;

flex-wrap:wrap;

}

.footer-bottom a{

color:#8ea2b3;

}

.footer-bottom a:hover{

color:#22c55e;

}

/* FLOATING BACKGROUND */

.footer-circle{

position:absolute;

border-radius:50%;

filter:blur(120px);

opacity:.15;

}

.footer-circle.one{

width:300px;

height:300px;

background:#22c55e;

top:-100px;

left:-100px;

}

.footer-circle.two{

width:350px;

height:350px;

background:#06b6d4;

right:-120px;

bottom:-120px;

}
/********************* popup window start **********************/
.demo-btn{

padding:14px 35px;
background:#16a34a;
border:none;
color:#fff;
font-size:18px;
border-radius:8px;
cursor:pointer;
}

.popup-overlay{

position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);

display:flex;
align-items:center;
justify-content:center;

visibility:hidden;
opacity:0;

transition:.35s;
z-index:9999;

}

.popup-overlay.active{

visibility:visible;
opacity:1;

}
.popup-box p, h2{color:#333;}
.popup-box{

width:700px;
max-width:95%;

background:#fff;

border-radius:20px;

padding:19px;

position:relative;

transform:scale(.8) translateY(60px);

opacity:0;

transition:.35s ease;

box-shadow:0 25px 70px rgba(0,0,0,.25);

}

.popup-overlay.active .popup-box{

transform:scale(1) translateY(0);

opacity:1;

}

.close-btn{

position:absolute;

right:20px;

top:20px;

background:none;

border:none;

font-size:26px;

cursor:pointer;

color:#444;

}




.form-group{

display:flex;

flex-direction:column;

}

.full{

grid-column:1/3;

}

label{

margin-bottom:8px;

font-weight:600;

color:#333;

}

input,
select{

height: 36px;
	padding: 0 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	transition: .25s;

}
.img-fluid {
	max-width: 105%;
	height: auto;
}
input:focus,
select:focus{

border-color:#16a34a;

outline:none;

box-shadow:0 0 0 4px rgba(22,163,74,.12);

}

.captcha{

margin-top:25px;

height:78px;

border:1px solid #ddd;

border-radius:10px;

display:flex;

align-items:center;

justify-content:center;

color:#666;

}

.submit-btn{

margin-top:25px;

background:linear-gradient(135deg,#12c48b,#00b4d8);

color:#fff;

padding:7px 32px;

border:none;

font-size:18px;

border-radius:10px;

cursor:pointer;

transition:.3s;
width:100%;

}
.bannerimg img{
	margin-top: 49px;
	width: 100%;
}


.submit-btn:hover{

background:#12833c;

transform:translateY(-2px);

}

@media(max-width:768px){



.full{

grid-column:auto;

}

.popup-box{

padding:25px;

}
.btn-outline-green {
	padding: 12px 27px;
	}
	.btn-green {
	padding: 14px 16px;}
	.requestbtn{justify-content:center;}
}
/************************* popup window end ************************/
/* RESPONSIVE */

@media(max-width:1100px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

.footer-cta{

flex-direction:column;

text-align:center;

}

}

@media(max-width:768px){

.footer{

padding-top:60px;

}

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.footer-cta{

padding:40px 30px;

}

.footer-cta h2{

font-size:34px;

line-height:44px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}