.about-doctor{

    background:#f8fcff;
    position:relative;
}/* Desktop */
.desktop-carousel{
    display:block;
}

.mobile-carousel{
    display:none;
}

/* Desktop Image */
.desktop-carousel .carousel-item img{
    width:100%;
    height:auto;
    object-fit:cover;
}

/* Mobile Image */
.mobile-carousel .carousel-item img{
    width:100%;
    height:auto;
    object-fit:cover;
}

/* Mobile View */
@media (max-width:991px){

.desktop-carousel{
    display:none;
}

.mobile-carousel{
    display:block;
}

} 
/* Mobile */
@media (max-width: 767px) {
    h3.display-4 {
        font-size: 1.8rem;
    }

    h4[style] {
        font-size: 20px !important;
    }
}
.about-doctor::before{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#0a5fa8;
    opacity:.05;
    border-radius:50%;
    top:-180px;
    right:-150px;
}

.about-doctor::after{

    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:#00b4d8;
    opacity:.08;
    border-radius:50%;
    left:-120px;
    bottom:-120px;
}
.doctor-image{
    display:inline-block;
    position:relative;
    margin-right:46px;
}

.doctor-image::before{

    content:'';
    position:absolute;
    top:18px;
    left:18px;
    right:-18px;
    bottom:-18px;
    border:3px dashed #0a5fa8;
    border-radius:30px;
    z-index:1;

}

.doctor-image img{

    position:relative;
    z-index:2;
    border-radius:30px;
    display:block;

}

.doctor-buttons{

    margin-top:35px;

}

.bg-circle{

    position:absolute;
    border-radius:50%;
}

.circle1{

    width:70px;
    height:70px;
    background:#2bb3ff20;
    top:18%;
    left:6%;
}

.circle2{

    width:35px;
    height:35px;
    background:#0a5fa820;
    right:10%;
    top:55%;
}

.circle3{

    width:20px;
    height:20px;
    background:#00c2ff;
    bottom:18%;
    left:45%;
}

.plus{

    position:absolute;
    color:#00b4d8;
    font-size:34px;
    font-weight:bold;
    opacity:.15;
}

.plus1{

    left:12%;
    top:50%;
}

.plus2{

    right:8%;
    top:25%;
}

.doctor-image{

    position:relative;
    display:inline-block;
}

.doctor-image img{

    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
    position:relative;
    z-index:2;
    transition:.4s;
}



.doctor-image img:hover{

    transform:translateY(-8px);
}

.award-box{

    position:absolute;
    bottom:30px;
    right:-40px;
    background:#fff;
    border-radius:18px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    z-index:5;
}

.award-icon{

    width:55px;
    height:55px;
    border-radius:50%;
    background:#0a5fa8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.about-tag{

    display:inline-block;
    background:#0a5fa8;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
}

.about-title{

    font-size:48px;
    font-weight:700;
    color:#143b63;
}

.about-title span{

    color:#0a5fa8;
}

.about-text{

    color:#666;
    line-height:1.9;
    margin-top:18px;
}

.achievement-card{

    display:flex;
    gap:20px;
    background:#fff;
    border-left:5px solid #0a5fa8;
    padding:25px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.achievement-card .icon{

    width:70px;
    height:70px;
    background:#0a5fa8;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    flex-shrink:0;
}

.achievement-card h5{

    color:#143b63;
    margin-bottom:10px;
    font-weight:700;
}

.achievement-card p{

    color:#666;
    margin-bottom:10px;
}

.achievement-card span{

    color:#0a5fa8;
    font-weight:600;
}

@media(max-width:991px){

.doctor-image{

    margin-right:20px;
    display:block;
    text-align:center;

}

.doctor-buttons{

    text-align:center;

}

.doctor-buttons .btn{

    margin:8px;

}

}
/* Buttons */

.btn-primary{

background:#0b63ce;
border:none;
border-radius:50px;

}

.btn-primary:hover{

background:#094fa5;

}

.btn-outline-primary{

border-radius:50px;

}

/* Floating Shapes */

.shape{

position:absolute;
border-radius:50%;
opacity:.08;

}

.shape1{

width:300px;
height:300px;
background:#0b63ce;
top:-120px;
left:-120px;

}

.shape2{

width:200px;
height:200px;
background:#5bb9ff;
bottom:-60px;
right:-60px;

}

.shape3{

width:120px;
height:120px;
background:#0b63ce;
top:40%;
right:12%;

}

@media (max-width: 767px) {

    /* Fix image dashed border */
    .doctor-wrapper{
        display:inline-block;
        padding:10px;
        margin:0 auto 20px;
    }

    /* Space between buttons */
    .about-doctor .btn{
        display:block;
        width:100%;
        margin-bottom:12px;
    }

    .about-doctor .btn:last-child{
        margin-bottom:0;
    }

} /*=========================
Experience
=========================*/

.experience-section{

background:#f8fbff;

}

.experience-card{

background:#fff;
padding:30px;
border-radius:20px;
display:flex;
gap:20px;
height:100%;
transition:.4s;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.experience-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 50px rgba(11,99,206,.18);

}

.icon-box{

width:70px;
height:70px;
background:#0b63ce;
color:#fff;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
flex-shrink:0;

}

.experience-card h4{

font-weight:700;

}

.experience-card h6{

color:#0b63ce;

}

.experience-card small{

font-weight:600;
display:block;
margin-bottom:15px;

}

/*=========================
Leadership
=========================*/

.leadership-section{

background:linear-gradient(135deg,#0b63ce,#1d8cff);

}

.leader-card{

background:#fff;
padding:35px;
text-align:center;
border-radius:20px;
transition:.4s;
height:100%;

}

.leader-card:hover{

transform:translateY(-10px);

}

.leader-card i{

font-size:45px;
color:#0b63ce;
margin-bottom:20px;

}

.leader-card h4{

font-weight:700;

}

/*=========================
Statistics
=========================*/

.stats-section{

background:#fff;

}

.stat-card{

padding:40px 20px;
background:#fff;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;

}

.stat-card:hover{

background:#0b63ce;
color:#fff;
transform:translateY(-10px);

}

.stat-card h2{

font-size:50px;
font-weight:700;
color:#0b63ce;

}

.stat-card:hover h2{

color:#fff;

}

.stat-card h5{

margin-top:10px;
font-weight:600;

}   .image{
    width:100%;
}

.image img{
    width:100%;
    height:auto;
    display:block;
	margin-top:27px;
}/*==============================
Qualifications
==============================*/

.qualification-section{

background-image:url('../img/backgrounds/galleryback.jpg');
	background-attachment: fixed;
	background-size:cover;
	background-repeat:no-repeat;
}

.qualification-card{

position:relative;
background:#fff;
padding:35px 30px;
border-radius:20px;
overflow:hidden;
text-align:center;
transition:.4s;
box-shadow:0 10px 35px rgba(0,0,0,.08);
height:100%;

}

.qualification-card::before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#0b63ce,#56b4ff);

}

.qualification-card:hover{

transform:translateY(-10px);
box-shadow:0 20px 45px rgba(11,99,206,.18);

}

.qualification-icon{

width:85px;
height:85px;
background:linear-gradient(135deg,#0b63ce,#45b2ff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:20px;
font-size:34px;
color:#fff;
box-shadow:0 12px 25px rgba(11,99,206,.25);

}

.qualification-year{

display:inline-block;
padding:8px 18px;
background:#eef6ff;
color:#0b63ce;
font-weight:700;
border-radius:30px;
margin-bottom:18px;

}

.qualification-card h4{

font-weight:700;
margin-bottom:10px;

}

.qualification-card h6{

color:#0b63ce;
font-weight:600;
margin-bottom:15px;

}

.qualification-card p{

color:#666;
line-height:1.7;
margin:0;

}

.qualification-card:hover .qualification-icon{

transform:rotate(360deg);

transition:1s;

} /*==========================
Awards Section
==========================*/

.award-section{

background:#f7fbff;
position:relative;
overflow:hidden;

}

/* Decorative Shapes */

.shape-one{

position:absolute;
width:350px;
height:350px;
background:#0b63ce;
opacity:.05;
border-radius:50%;
left:-150px;
top:-120px;

}

.shape-two{

position:absolute;
width:250px;
height:250px;
background:#55b8ff;
opacity:.08;
right:-70px;
bottom:-80px;

}

/* Featured Award */

.featured-award{

background:#fff;
padding:45px;
border-radius:25px;
position:relative;
overflow:hidden;
height:100%;
box-shadow:0 20px 45px rgba(0,0,0,.08);
transition:.4s;

}

.featured-award:hover{

transform:translateY(-10px);

}

.featured-award::before{

content:"";
position:absolute;
left:0;
top:0;
width:7px;
height:100%;
background:linear-gradient(#0b63ce,#4cb4ff);

}

.ribbon{

position:absolute;
top:20px;
right:-40px;
background:#ffc107;
padding:8px 50px;
transform:rotate(45deg);
font-size:13px;
font-weight:700;
color:#333;

}

.award-icon{

width:95px;
height:95px;
background:linear-gradient(135deg,#0b63ce,#48b3ff);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:40px;
margin-bottom:25px;

}

.award-year{

display:inline-block;
background:#eaf5ff;
color:#0b63ce;
padding:8px 20px;
border-radius:40px;
font-weight:700;
margin-bottom:20px;

}

.featured-award h2{

font-weight:700;

}

.featured-award h5{

color:#0b63ce;
margin:15px 0;

}

/* Right Cards */

.small-award{

background:#fff;
padding:30px;
border-radius:20px;
display:flex;
gap:20px;
align-items:flex-start;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.4s;

}

.small-award:hover{

transform:translateX(8px);

}

.small-icon{

width:70px;
height:70px;
background:#0b63ce;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:28px;
flex-shrink:0;

}

.small-award span{

color:#0b63ce;
font-weight:700;

}

.small-award h4{

margin:10px 0;

}

/* Faculty */

.faculty-card{

background:linear-gradient(135deg,#0b63ce,#42b2ff);
padding:45px;
border-radius:25px;
color:#fff;
box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.faculty-circle{

width:110px;
height:110px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
color:#0b63ce;
margin:auto;

}

.faculty-card h3{

font-weight:700;
margin-bottom:20px;

}

.faculty-card p{

font-size:17px;
line-height:1.9;
margin:0;

}

/* Hover Effects */

.award-icon,
.small-icon,
.faculty-circle{

transition:.5s;

}

.featured-award:hover .award-icon{

transform:rotate(360deg);

}

.small-award:hover .small-icon{

transform:scale(1.1);

}

.faculty-card:hover .faculty-circle{

transform:rotate(-15deg);

}

/* Responsive */

@media(max-width:991px){

.featured-award{

margin-bottom:25px;

}

.small-award{

margin-bottom:20px;

}

.faculty-card{

text-align:center;

}

.faculty-circle{

margin-bottom:25px;

}

} /*==============================
Editorial Section
==============================*/

.editorial-section{

background:#f8fbff;
position:relative;
overflow:hidden;

}

.editorial-shape{

position:absolute;
border-radius:50%;
opacity:.08;

}

.shape-left{

width:332px;
height:320px;
background:#0b63ce;
left:-150px;
top:-120px;

}

.shape-right{

width:240px;
height:240px;
background:#59baff;
right:-80px;
bottom:-80px;

}

/* Cards */

.editorial-card{

background:#fff;
padding:35px;
border-radius:24px;
height:100%;
box-shadow:0 18px 45px rgba(0,0,0,.08);
transition:.4s;
position:relative;
overflow:hidden;

}

.editorial-card:hover{

transform:translateY(-10px);
box-shadow:0 25px 60px rgba(11,99,206,.18);

}

.editorial-card::before{

content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:6px;
background:linear-gradient(90deg,#0b63ce,#56b8ff);

}

.editorial-icon{

width:90px;
height:90px;
background:linear-gradient(135deg,#0b63ce,#4ab5ff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:35px;
color:#fff;
margin-bottom:25px;

}

.editorial-badge{

display:inline-block;
background:#eaf4ff;
color:#0b63ce;
padding:8px 18px;
border-radius:30px;
font-weight:700;
margin-bottom:20px;

}

.journal-list{

padding-left:18px;
line-height:2;

}

.journal-list li{

margin-bottom:8px;

}

/* Award */

.review-award{

background:linear-gradient(135deg,#0b63ce,#45b5ff);
border-radius:25px;
padding:40px;
color:#fff;
box-shadow:0 25px 55px rgba(0,0,0,.18);

}

.award-circle{

width:110px;
height:110px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
color:#0b63ce;
margin:auto;

}

.award-tag{

display:inline-block;
padding:8px 18px;
background:rgba(255,255,255,.18);
border-radius:30px;
font-weight:600;

}

.review-award h3{

font-weight:700;
margin-bottom:18px;

}

.review-award p{

margin:0;
line-height:1.8;

}

/* Hover Animation */

.editorial-card:hover .editorial-icon{

transform:rotate(360deg);

transition:1s;

}

.review-award:hover .award-circle{

transform:scale(1.08);

transition:.5s;

}

/* Responsive */

@media(max-width:991px){

.review-award{

text-align:center;
 
}

.award-circle{

margin-bottom:25px;

}

}
 /*==========================
    Gallery Section
===========================*/

.gallery-section{
    padding:80px 0;
    background:#f5f9ff;
}

.gallery-title{
    color:#0056b3;
    font-size:42px;
    font-weight:700;
}

.gallery-text{
    color:#666;
    max-width:700px;
    margin:auto;
}

/*==========================
    Gallery Card
===========================*/

.gallery-card{

    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.4s;
    height:100%;
    border:1px solid #e7eef8;

}

.gallery-card img{

    width:100%;
    height:280px;
    object-fit:cover;

}

.gallery-content{

    padding:3px;
    min-height:130px;
    display:flex;
    justify-content:center;
    align-items:center;

}

.gallery-content h4{

    font-size:18px;
    font-weight:600;
    color:#0056b3;
    line-height:1.5;
    text-align:center;
    margin:0;

}.owl{
    width: 300.25px;
}
/*==========================
    Owl Carousel
===========================*/

.gallery-slider{

    position:relative;

}

.gallery-slider .owl-stage{

    display:flex;

}

.gallery-slider .owl-item{

    display:flex;

}

/*==========================
    Navigation
===========================*/

.gallery-slider .owl-nav{

    margin:0;

}

.gallery-slider .owl-prev,
.gallery-slider .owl-next{

    position:absolute;
    top:38%;
    transform:translateY(-50%);

    width:48px;
    height:48px;

    border-radius:50%!important;

    background:#0056b3!important;
    color:#fff!important;

    font-size:26px!important;

    line-height:48px!important;

    transition:.3s;

}

.gallery-slider .owl-prev{

    left:-60px;

}

.gallery-slider .owl-next{

    right:-60px;

}
.fa-chevron-left{
	margin-left:2px;
}
.fa-chevron-right{
	margin-left:-2px
}

.gallery-slider .owl-prev:hover,
.gallery-slider .owl-next:hover{

    background:#003b80!important;
	

}

/*==========================
    Dots
===========================*/

.gallery-slider .owl-dots{

    margin-top:25px;
    text-align:center;

}

.gallery-slider .owl-dot span{

    width:12px;
    height:12px;
    background:#c7d7ef!important;

}

.gallery-slider .owl-dot.active span{

    background:#0056b3!important;

}

/*==========================
    Responsive
===========================*/

@media(max-width:991px){
	

.gallery-slider .owl-prev{

    left:-15px;

}

.gallery-slider .owl-next{

    right:-15px;

}

	.gallery-carousel .owl-nav .owl-prev {
		left:50px;}
	.gallery-carousel .owl-nav .owl-prev {
	right:50px;}
	
		
.gallery-card img{

    height:230px;

}

.gallery-content{

    min-height:110px;

}

}

@media(max-width:767px){

.gallery-title{

    font-size:30px;

}

.gallery-card img{

    height:220px;

}

.gallery-slider .owl-prev,
.gallery-slider .owl-next{

    width:40px;
    height:40px;
    font-size:22px!important;

}

}
.gallery1 {
    text-transform: uppercase;
 background-image: linear-gradient(to right top, #071f28, #004a64, #4eb7dd, #0a0852, #063648);
    background-size: 47% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #f1aeae00;
    font-family: 'Poppins', sans-serif;
    font-size: 45px;
    
	     animation: gradientAnim 7.5s ease alternate infinite;
    text-align: center;
}
.gallery-carousel {
    position: relative;
}

.gallery-carousel .owl-nav {
    margin: 0;
}

.gallery-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:48px;
    height: 48px;
    border-radius: 50% !important;
    background: rgba(16, 131, 173, 0.9) !important;
    color: #fff !important;
    font-size: 17px !important;
    border: none !important;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-carousel .owl-nav .owl-prev {
    left: -23px;
}

.gallery-carousel .owl-nav .owl-next {
    right: -23px;
}

.gallery-carousel .owl-nav .owl-prev:hover,
.gallery-carousel .owl-nav .owl-next:hover {
    background: #0a0852 !important;
    transform: translateY(-50%) scale(1.1);
}
.gallery-card:hover{

    transform:translateY(-8px);

}
.gallery-img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:18px;
	border:2px solid darkblue;

    transition:.3s;
}

.gallery-img:hover{
    transform:scale(1.05);
}

.gallery-carousel .item{
    padding:10px;
}

.owl-nav{
    margin-top:20px;
    text-align:center;
}

.owl-nav button{
    width:45px;
    height:45px;
    border-radius:50% !important;
    background:#0d6efd !important;
    color:#fff !important;
    margin:0 5px;
}

.owl-nav button:hover{
    background:#000 !important;
}
 /*============================== Why Choose Us ==============================*/ 
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
} 
.wcu-section{ 
	font-family:'Segoe UI',Arial,sans-serif; 
	padding:70px 20px;
	text-align:center;
	background: linear-gradient(rgb(255 233 233 / 70%), rgb(255 255 255 / 70%)), url("../img/backgrounds/whycooseusback.jpg");
	background-attachment:fixed; 
	background-size: cover; 
	background-repeat: no-repeat; 
}

.wcu-section h1{ 
	color:#0b3d91;
	font-size:2.5rem;
	font-weight:700; margin-bottom:50px;
	position:relative; display:inline-block; 
} 
.wcu-section h1::after{
	content:"";
	position:absolute; 
	left:50%; transform:translateX(-50%);
	bottom:-15px; 
	width:80px; 
	height:4px;
	background:#1e6fd9;
	border-radius:20px;
} 
.wcu-grid{
	display:grid; 
	grid-template-columns:repeat(6,1fr);
	gap:30px;
	max-width:1200px; 
	margin:0 auto;
} /* First Row */ 
.wcu-card:nth-child(1){
	grid-column:1 / span 2; 
}
.wcu-card:nth-child(2){
	grid-column:3 / span 2;
} 
.wcu-card:nth-child(3){
	grid-column:5 / span 2; 
}
/* Second Row - Center */ 
.wcu-card:nth-child(4){
	grid-column:2 / span 2; 
}
.wcu-card:nth-child(5){
	grid-column:4 / span 2; 
} 
.wcu-card{
	border:1px solid #d6e6fb; 
	border-radius:15px;
	padding:35px 25px;
	text-align:left; 
	background:#fff;
	box-shadow:0 5px 18px rgba(11,61,145,.08);
	transition:.35s; }
.wcu-card:hover{
	transform:translateY(-8px);
	border-color:#1e6fd9;
	box-shadow:0 12px 30px rgba(11,61,145,.18); 
}
.wcu-icon{
	width:60px; 
	height:60px; 
	border-radius:50%;
	border:2px solid #1e6fd9; 
	color:#0b3d91;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	font-weight:bold; 
	margin-bottom:20px;
} 
.wcu-card h3{
	color:#0b3d91;
	font-size:1.25rem;
	margin-bottom:15px;
	line-height:1.4;
}
.wcu-card p{ 
	color:#345583;
	font-size:15px;
	line-height:1.8;
} 
/* Tablet */ 
@media(max-width:991px){ 
	.wcu-grid{
		grid-template-columns:repeat(2,1fr); 
	} 
	.wcu-card:nth-child(1),
	.wcu-card:nth-child(2), 
	.wcu-card:nth-child(3), 
	.wcu-card:nth-child(4), 
	.wcu-card:nth-child(5){ 
		grid-column:auto;
	}
} 
/* Mobile */ 
@media(max-width:576px){ 
	.wcu-grid{ 
		grid-template-columns:1fr; 
	} 
	.wcu-section h1{
		font-size:2rem; 
	}
	.wcu-card{ 
		text-align:center;
	}
	.wcu-icon{
		margin:0 auto 20px; 
	}
} 
.condition-cloud{
	display:grid;
	grid-template-columns:repeat(3,1fr); 
	gap:20px; 
} 
.condition-title{
	margin-bottom:60px;
	text-align:center;
}
.condition-title h2{ 
	font-size:42px; 
	font-weight:700;
	color:#123b67;
}
.condition-cloud{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 25px;
} 
.tag{
	background: #fff; 
	border: 1px solid #d6e6ff; 
	border-radius: 18px; 
	padding: 30px 20px; 
	text-align: center; 
	min-height: 230px; 
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
}
.tag h4{
	font-size: 24px;
	font-weight: 700; 
	color: #0a3d73;
	margin: 0 0 15px; 
	line-height: 1.3; 
} 
.tag p{ 
	font-size: 16px;
	color: #555;
	line-height: 1.7;
	margin: 0; 
} 
/* Remove old styles */ 
.large, .wide, .xl{
	padding:22px 15px;
	font-size:16px; 
	max-width:none;
} 
.tag:nth-child(odd), .tag:nth-child(even){
	transform:none;
} 
.tag:hover{ 
	border-color:#0b63ce;
	transform:translateY(-6px); 
} /* Tablet */ 
@media(max-width:991px){ 
	.condition-cloud{ 
		grid-template-columns:repeat(2,1fr);
	} 
	
} /* Mobile */
@media(max-width:576px){ 
	.condition-cloud{ 
		grid-template-columns:1fr;
	} } } 
.form-control:focus{
	border-color:#0b63ce; 
	box-shadow:0 0 0 5px rgba(11,99,206,.12);
}
.form-control:invalid{
	border-color:#dc3545;
} 
.form-control:valid{ 
	border-color:#198754;
} 
  


 .procedure-card{
    background:#fff;
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    height:100%;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:all .35s ease;
    border:1px solid #e7eef6;
    position:relative;
    overflow:hidden;
}

.procedure-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#00a3ff,#0057b8);
}

.procedure-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

.procedure-card h4{
    font-size:22px;
    font-weight:700;
    color:#0b3c6d;
    margin-bottom:15px;
}

.procedure-card p{
    font-size:15px;
    line-height:1.7;
    color:#666;
    margin-bottom:25px;
}

.procedure-card .btn{
    background:#0b74d1;
    color:#fff;
    padding:10px 24px;
    border-radius:30px;
    text-decoration:none;
    display:inline-block;
    transition:.3s;
    font-weight:600;
}

.procedure-card .btn:hover{
    background:#063970;
    color:#fff;
}

.procedure-card i{
    font-size:55px;
    color:#0b74d1;
    margin-bottom:20px;
    display:block;
}
/*=================================
FAQ Section
==================================*/

.faq-section{
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.faq-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url('../img/backgrounds/faqback.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}
.faq-left{

background:linear-gradient(135deg,#0b63ce,#39a8ff);
border-radius:30px;
padding:60px 40px;
color:#fff;
height:100%;
position:relative;
overflow:hidden;

}

.faq-left::before{

content:'';
position:absolute;
width:250px;
height:250px;
background:rgba(255,255,255,.08);
border-radius:50%;
right:-80px;
bottom:-80px;

}

.faq-left h2{

font-size:46px;
font-weight:700;
line-height:1.2;
margin-top:20px;

}

.faq-icon{

width:90px;
height:90px;
border-radius:50%;
background:#fff;
color:#0b63ce;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
margin-top:40px;

}

/* Accordion */

.custom-faq .accordion-item{

border:none;
margin-bottom:18px;
border-radius:18px !important;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.custom-faq .accordion-button{

background:#fff;
font-weight:600;
font-size:18px;
padding:22px 25px;
color:#222;
box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

background:#0b63ce;
color:#fff;

}

.custom-faq .accordion-button::after{

filter:brightness(0);

}

.custom-faq .accordion-button:not(.collapsed)::after{

filter:brightness(10);

}

.custom-faq .accordion-body{

padding:22px 25px;
line-height:1.8;
color:#666;
background:#fff;

}

.accordion-item:hover{

transform:translateY(-3px);
transition:.3s;

}

@media(max-width:991px){

.faq-left{

text-align:center;
margin-bottom:40px;

}

.faq-icon{

margin:40px auto 0;

}

}
 .testimonial-section{
    background:#f5f9ff;
    padding:80px 0;
}

.testimonial-title{
    font-size:42px;
    color:#0b63ce;
    font-weight:700;
}
.carousel-item{
    transition: transform .3s ease-in-out;
}
.testimonial-card{
    max-width:800px;
    margin:auto;
    background:#fff;
    border-radius:20px;
    padding:50px 40px;
    text-align:center;
    border:1px solid #d8e8ff;
    box-shadow:0 10px 30px rgba(11,99,206,.12);
}

.quote-icon{
    font-size:45px;
    color:#0b63ce;
    margin-bottom:20px;
}

.testimonial-text{
    font-size:20px;
    color:#555;
    line-height:1.8;
    font-style:italic;
}

.testimonial-card h5{
    color:#0b63ce;
    font-size:22px;
    font-weight:700;
    margin-top:25px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:#0b63ce;
    border-radius:50%;
    padding:18px;
}

.carousel-indicators button{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#0b63ce;
}/*==========================
Contact Section
===========================*/

.contact-section{

    background:#f8fbff;
    padding:90px 0;
    position:relative;

}

.contact-wrapper{

    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/* LEFT */

.contact-form{

    padding:60px;

}

.contact-form h2{

    font-size:42px;
    font-weight:700;
    color:#153b66;
    margin:20px 0 35px;

}

.contact-form .form-control{

    height:58px;
    border-radius:15px;
    border:1px solid #d9e8f7;
    box-shadow:none;
    padding-left:20px;
    transition:.3s;

}

.contact-form textarea.form-control{

    height:auto;
    padding-top:15px;

}

.contact-form .form-control:focus{

    border-color:#0b63ce;
    box-shadow:0 0 0 4px rgba(11,99,206,.12);

}

.submit-btn{

    background:#0b63ce;
    color:#fff;
    border:none;
    border-radius:50px;
    padding:16px 45px;
    font-weight:600;
    transition:.35s;

}

.submit-btn:hover{

    background:#094ea2;
    color:#fff;
    transform:translateY(-3px);

}

/* RIGHT */

.contact-info{

    background:linear-gradient(135deg,#0b63ce,#38a9ff);
    color:#fff;
    padding:60px;
    height:100%;
  
   position:relative;
    overflow:hidden;

}

.contact-info::before{

    content:'';
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    right:-90px;
    top:-90px;

}

.contact-info h3{

    font-size:34px;
    font-weight:700;

}

.contact-info h4{

    margin-top:30px;
    font-weight:700;

}

.designation{

    opacity:.9;
    margin-bottom:35px;

}

.info-item{

    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:28px;

}

.icon{

    width:55px;
    height:55px;
    background:#fff;
    color:#0b63ce;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;

}

.info-item strong{

    display:block;
    margin-bottom:5px;

}

.info-item p{

    margin:0;

}

.hospital-box{

    margin-top:40px;
   background: rgb(0 32 135 / 36%);
    padding:25px;
    border-radius:18px;

}

.hospital-box h5{

    margin-bottom:18px;
    font-weight:700;

}

.hospital-box ul{

    padding-left:18px;
    margin:0;

}

.hospital-box li{

    margin-bottom:10px;

} .form-control:invalid{
    border-color:#dc3545;
}

.form-control:valid{
    border-color:#198754;
}

.form-control:focus{
    box-shadow:0 0 0 4px rgba(11,99,206,.12);
}

/* Responsive */

@media(max-width:991px){

.contact-form{

padding:35px;

}

.contact-info{

padding:35px;

}

.contact-form h2{

font-size:32px;

}

} /*Footer*/
.footer{
    background:url("../img/backgrounds/footerimg.jpg") center center/cover no-repeat;
    position:relative;
    color:#fff;
}

.footer::before{
    content:"";
    position:absolute;
    inset:0;
        background: rgb(2 53 106 / 88%);
}

.footer .container{
    position:relative;
    z-index:2;
}

.footer h4{
    font-weight:700;
    margin-bottom:20px;
    color:#fff;
}

.footer p{
    color:#e8f3ff;
    line-height:1.8;
    margin-bottom:10px;
}

.footer a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.footer a:hover{
    color:#8fd3ff;
    padding-left:5px;
}

.social-icons a{
    width:45px;
    height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    font-size:20px;
    margin-right:10px;
    transition:.3s;
}

.social-icons a:hover{
    background:#fff;
    color:#0b5ed7;
    transform:translateY(-5px);
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.2);
    margin-top:35px;
    padding-top:20px;
    text-align:center;
    color:#d9ebff;
}
/* ==========================
   Footer Responsive
========================== */

@media (max-width: 991px) {
    .footer{
        text-align:center;
    }

    .footer .row > div{
        margin-bottom:30px;
    }

    .footer-box{
        height:auto;
        padding:25px;
    }

    .footer-title{
        font-size:24px;
    }

    .social-icons{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:12px;
    }

    .social-icons a{
        margin:0;
    }
}

@media (max-width:576px){

    .footer{
        padding:50px 0 20px;
    }

    .footer-title{
        font-size:22px;
    }

    .footer p,
    .footer a{
        font-size:15px;
        line-height:1.7;
        word-break:break-word;
    }

    .footer-box{
        padding:20px;
        border-radius:15px;
    }

    .social-icons a{
        width:45px;
        height:45px;
        font-size:18px;
    }

    .footer-bottom{
        font-size:14px;
        padding-top:15px;
    }
}