/*================ HEADER ================*/

.main-header{

position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
transition:.4s;

}

.main-header.sticky{

background:rgba(11,47,102,.92);
backdrop-filter:blur(18px);
box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.navbar{

padding:18px 0;
transition:.4s;

}

.main-header.sticky .navbar{

padding:10px 0;

}

.navbar-brand img{

height:108px;
transition:.4s;

}

.main-header.sticky .navbar-brand img{

height:60px;

}

.navbar-nav .nav-item{

margin-left:18px;

}

.navbar-nav .nav-link{

position:relative;
color:#fff;
font-weight:500;
font-size:16px;
padding:8px 0;

}

.navbar-nav .nav-link:hover{

color:#AEE3FF;

}

.navbar-nav .nav-link::after{

content:"";
position:absolute;
left:0;
bottom:-5px;
width:0;
height:2px;
background:#53B7E8;
transition:.4s;

}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
/* color: #fff !important; */
width:100%;

}
/* .navbar-nav .nav-link.active {
    color: rgb(255 255 255);
} */
.appointment-btn{

display:inline-block;
padding:13px 28px;
border-radius:40px;
background:#53B7E8;
color:#fff;
font-weight:600;
text-decoration:none;
transition:.4s;

}

.appointment-btn:hover{

background:#fff;
color:#0B2F66;

}

.menu-btn{

border:none;
box-shadow:none;

}

.menu-btn:focus{

box-shadow:none;

}

.menu-btn span{

display:block;
width:28px;
height:3px;
margin:6px 0;
background:#fff;
transition:.3s;

}

/*========== Mobile ==========*/

@media(max-width:991px){

.navbar-collapse{

background:#0B2F66;
padding:20px;
margin-top:20px;
border-radius:15px;

}

.navbar-nav .nav-item{

margin:10px 0;

}

.appointment-btn{

margin-top:15px;
display:inline-block;

}

}
/* header end */


/* Hero Section */

body{

font-family:'Poppins',sans-serif;
background:#F7FAFD;
overflow-x:hidden;

}

.hero-section{

position:relative;
background:linear-gradient(135deg,#0B2F66,#2D87C8);
padding:120px 0;
overflow:hidden;
color:#fff;

}

.hero-bg-circle{

position:absolute;
border-radius:50%;
filter:blur(120px);

}

.hero-circle1{

width:300px;
height:300px;
background:#4ab8ff;
top:-80px;
left:-80px;

}

.hero-circle2{

width:350px;
height:350px;
background:#77d4ff;
bottom:-120px;
right:-120px;

}

.hero-tag{

display:inline-block;
padding:10px 22px;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.3);
backdrop-filter:blur(10px);
border-radius:50px;
margin-bottom:20px;
font-size:14px;
margin-top: 50px;
}

.hero-section h1{

font-size:58px;
font-weight:700;
margin-bottom:15px;

}

.hero-section h4{

font-size:26px;
font-weight:500;
margin-bottom:25px;
color:#dcefff;

}

.hero-section p{

font-size:18px;
line-height:1.9;
margin-bottom:35px;
max-width:600px;

}

.hero-buttons{

display:flex;
gap:20px;
flex-wrap:wrap;
margin-bottom: 50px;
}

.hero-btn1{

background:#fff;
color:#0B2F66;
padding:15px 40px;
border-radius:50px;
font-weight:600;

}

.hero-btn1:hover{

background:#0B2F66;
color:#fff;

}

.hero-btn2{

background:transparent;
border:2px solid #fff;
padding:15px 40px;
border-radius:50px;
color:#fff;

}

.hero-btn2:hover{

background:#fff;
color:#0B2F66;

}

.doctor-image{

position:relative;

}

.doctor-image img{

width:90%;
animation:floatImage 5s ease-in-out infinite;

}

@keyframes floatImage{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-20px);
}

100%{
transform:translateY(0px);
}

}

.scroll-down{

position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);

}

.scroll-down span{

display:block;
width:25px;
height:45px;
border:2px solid #fff;
border-radius:30px;
position:relative;

}

.scroll-down span::before{

content:'';
position:absolute;
width:6px;
height:6px;
background:#fff;
border-radius:50%;
left:50%;
transform:translateX(-50%);
top:8px;
animation:scroll 2s infinite;

}

@keyframes scroll{

0%{
opacity:0;
top:8px;
}

50%{
opacity:1;
}

100%{
opacity:0;
top:25px;
}

}
/* Hero Section end*/ 
/*================ ABOUT SECTION ================*/

.about-section{

padding:110px 0;
background:#fff;

}

.section-subtitle{

display:inline-block;
color:#2D87C8;
font-weight:600;
letter-spacing:2px;
margin-bottom:15px;

}

.section-title{

font-size:42px;
font-weight:700;
color:#0B2F66;
margin-bottom:25px;
line-height:1.3;

}

.about-text{

font-size:17px;
line-height:1.9;
color:#666;
margin-bottom:35px;

}

.about-image{

position:relative;
text-align:center;

}

.about-image img{

border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.experience-box{

position:absolute;
bottom:30px;
right:-20px;
background:#0B2F66;
color:#fff;
padding:25px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.experience-box h2{

font-size:42px;
font-weight:700;
margin-bottom:5px;

}

.experience-box span{

font-size:15px;

}

.about-card{

background:#fff;
padding:30px;
border-radius:18px;
margin-bottom:25px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
transition:.4s;
height:100%;

}

.about-card:hover{

transform:translateY(-10px);

}

.about-card i{

width:65px;
height:65px;
line-height:65px;
text-align:center;
background:#EAF6FD;
border-radius:50%;
font-size:26px;
color:#2D87C8;
margin-bottom:18px;

}

.about-card h5{

font-weight:600;
color:#0B2F66;
margin-bottom:10px;

}

.about-card p{

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

}

@media(max-width:991px){

.about-section{

padding:80px 0;

}

.section-title{

font-size:32px;

}

.about-image{

margin-bottom:50px;

}

.experience-box{

right:15px;

}

}
/* about end */

/*================ COUNTER SECTION ================*/

.counter-section{

padding:90px 0;
background:linear-gradient(135deg,#0B2F66,#2D87C8);
position:relative;
overflow:hidden;

}

.counter-section::before{

content:'';
position:absolute;
width:450px;
height:450px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-200px;
left:-150px;

}

.counter-section::after{

content:'';
position:absolute;
width:350px;
height:350px;
background:rgba(255,255,255,.05);
border-radius:50%;
bottom:-150px;
right:-120px;

}

.counter-box{

position:relative;
background:rgba(255,255,255,.08);
backdrop-filter:blur(15px);
padding:40px 25px;
border-radius:20px;
text-align:center;
border:1px solid rgba(255,255,255,.15);
transition:.4s;
height:100%;
z-index:2;

}

.counter-box:hover{

transform:translateY(-10px);
background:rgba(255,255,255,.15);

}

.counter-icon{

width:85px;
height:85px;
margin:auto;
margin-bottom:25px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;

}

.counter-icon i{

font-size:34px;
color:#2D87C8;

}

.counter-box h2{

display:inline-block;
font-size:52px;
font-weight:700;
color:#fff;
margin:0;

}

.counter-box span{

font-size:40px;
font-weight:700;
color:#53B7E8;

}

.counter-box h5{

margin-top:18px;
font-size:19px;
color:#fff;
font-weight:600;

}

@media(max-width:991px){

.counter-section{

padding:70px 0;

}

.counter-box{

margin-bottom:15px;

}

}
/*================ END COUNTER SECTION ================*/

/*================ EXPERTISE SECTION ================*/

.expertise-section{

padding:110px 0;
background:#f7fafd;

}

.section-heading{

/*max-width:760px;*/
margin:auto;

}

.section-heading p{

font-size:17px;
line-height:1.8;
color:#666;
margin-top:15px;

}

.expert-card{

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

}

.expert-card::before{

content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#0B2F66,#53B7E8);
transform:scaleX(0);
transition:.4s;

}

.expert-card:hover::before{

transform:scaleX(1);

}

.expert-card:hover{

transform:translateY(-12px);

}

.expert-icon{

width:90px;
height:90px;
margin:auto;
margin-bottom:25px;
border-radius:50%;
background:#EAF6FD;
display:flex;
align-items:center;
justify-content:center;
transition:.4s;

}

.expert-card:hover .expert-icon{

background:#0B2F66;
transform:rotateY(180deg);

}

.expert-icon i{

font-size:36px;
color:#2D87C8;
transition:.4s;

}

.expert-card:hover .expert-icon i{

color:#fff;

}

.expert-card h4{

font-size:22px;
font-weight:600;
color:#0B2F66;
margin-bottom:15px;

}

.expert-card p{

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

}
/*================ END EXPERTISE SECTION ================*/
/*================ PROCEDURE SECTION ================*/

.procedure-section{

padding:120px 0;
background:#ffffff;

}

.procedure-image{

position:relative;

}

.procedure-image img{

border-radius:25px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
transition:.5s;

}

.procedure-image:hover img{

transform:scale(1.03);

}

.procedure-badge{

position:absolute;
bottom:25px;
left:25px;
background:#0B2F66;
color:#fff;
padding:25px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.procedure-badge i{

font-size:35px;
margin-bottom:12px;
color:#53B7E8;

}

.procedure-badge h4{

margin-bottom:5px;
font-size:28px;
font-weight:700;

}

.procedure-badge p{

margin:0;
font-size:15px;

}

.procedure-text{

margin:25px 0 35px;
font-size:17px;
line-height:1.9;
color:#666;

}

.procedure-list{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;

}

.procedure-item{

background:#F8FBFF;
padding:18px 20px;
border-radius:15px;
display:flex;
align-items:center;
transition:.35s;
border:1px solid #E6EEF8;

}

.procedure-item:hover{

background:#0B2F66;
transform:translateX(8px);

}

.procedure-item i{

font-size:22px;
color:#2D87C8;
margin-right:15px;
transition:.35s;

}

.procedure-item:hover i{

color:#53B7E8;

}

.procedure-item span{

font-weight:500;
color:#333;
transition:.35s;

}

.procedure-item:hover span{

color:#fff;

}

.procedure-btn{

display:inline-block;
margin-top:40px;
padding:15px 38px;
background:#0B2F66;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.35s;

}

.procedure-btn:hover{

background:#2D87C8;
color:#fff;

}

@media(max-width:991px){

.procedure-list{

grid-template-columns:1fr;

}

.procedure-image{

margin-bottom:50px;

}

}
/*================ END PROCEDURE SECTION ================*/

/*================ WHY SECTION ================*/

.why-section{

padding:120px 0;
background:#F8FBFF;

}

.why-image{

position:relative;

}

.why-image img{

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

}

.floating-box{

position:absolute;
right:-25px;
bottom:40px;
width:250px;
background:#0B2F66;
padding:25px;
border-radius:20px;
color:#fff;
box-shadow:0 20px 40px rgba(0,0,0,.20);

animation:floatBox 4s ease-in-out infinite;

}

.floating-box i{

font-size:36px;
color:#53B7E8;
margin-bottom:15px;

}

.floating-box h4{

font-size:22px;
margin-bottom:10px;

}

.floating-box p{

margin:0;
font-size:15px;
line-height:1.6;

}

@keyframes floatBox{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

.why-text{

margin:25px 0 40px;
font-size:17px;
line-height:1.9;
color:#666;

}

.why-card{

background:#fff;
padding:28px;
border-radius:18px;
margin-bottom:25px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
transition:.35s;
height:100%;
border-top:4px solid transparent;

}

.why-card:hover{

transform:translateY(-10px);
border-color:#2D87C8;

}

.why-card i{

width:65px;
height:65px;
background:#EAF6FD;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
color:#2D87C8;
margin-bottom:20px;
transition:.35s;

}

.why-card:hover i{

background:#0B2F66;
color:#fff;
transform:rotate(360deg);

}

.why-card h5{

font-size:20px;
font-weight:600;
color:#0B2F66;
margin-bottom:12px;

}

.why-card p{

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

}

@media(max-width:991px){

.why-section{

padding:80px 0;

}

.why-image{

margin-bottom:50px;

}

.floating-box{

position:relative;
right:0;
bottom:0;
margin-top:20px;
width:100%;

}

}
/*================ END WHY SECTION ================*/

/*================ TIMELINE SECTION ================*/

.timeline-section{

padding:120px 0;
background:#ffffff;

}

.timeline{

position:relative;
max-width:1100px;
margin:70px auto 0;

}

.timeline::before{

content:'';
position:absolute;
left:50%;
top:0;
width:4px;
height:100%;
background:#2D87C8;
transform:translateX(-50%);

}

.timeline-item{

position:relative;
width:50%;
padding:20px 45px;

}

.timeline-item.left{

left:0;
text-align:right;

}

.timeline-item.right{

left:50%;

}

.timeline-content{

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

}

.timeline-content:hover{

transform:translateY(-8px);

}

.timeline-year{

display:inline-block;
padding:8px 18px;
background:#0B2F66;
color:#fff;
border-radius:30px;
font-size:14px;
margin-bottom:15px;

}

.timeline-content h4{

color:#0B2F66;
font-size:24px;
margin-bottom:8px;

}

.timeline-content h6{

color:#2D87C8;
margin-bottom:15px;
font-weight:600;

}

.timeline-content p{

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

}

.timeline-item::after{

content:'';
position:absolute;
top:45px;
width:22px;
height:22px;
background:#53B7E8;
border:5px solid #fff;
border-radius:50%;
box-shadow:0 0 0 5px #2D87C8;

}

.timeline-item.left::after{

right:-11px;

}

.timeline-item.right::after{

left:-11px;

}

/* Mobile */

@media(max-width:991px){

.timeline::before{

left:25px;

}

.timeline-item{

width:100%;
padding-left:70px;
padding-right:20px;
margin-bottom:35px;
text-align:left !important;

}

.timeline-item.left,
.timeline-item.right{

left:0;

}

.timeline-item::after{

left:15px;

}

}
/*================ END TIMELINE SECTION ================*/
/*================ RESEARCH SECTION ================*/

.research-section{

padding:120px 0;
background:#F7FAFD;

}

.research-slider{

margin-top:60px;
padding-bottom:60px;

}

.research-card{

background:#fff;
padding:40px 30px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
height:380px;
transition:.4s;
position:relative;
overflow:hidden;

}

.research-card::before{

content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#0B2F66,#53B7E8);
transform:scaleX(0);
transition:.4s;

}

.research-card:hover::before{

transform:scaleX(1);

}

.research-card:hover{

transform:translateY(-12px);

}

.research-icon{

width:80px;
height:80px;
background:#EAF6FD;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:25px;

}

.research-icon i{

font-size:34px;
color:#2D87C8;

}

.research-year{

display:inline-block;
padding:7px 18px;
background:#0B2F66;
color:#fff;
border-radius:30px;
font-size:14px;
margin-bottom:18px;

}

.research-card h4{

font-size:22px;
color:#0B2F66;
margin-bottom:18px;
line-height:1.4;

}

.research-card p{

color:#666;
line-height:1.8;

}
.swiper-horizontal{
    padding: 80px 0 !important;

}

.swiper-pagination-bullet{

background:#2D87C8;

}

.swiper-pagination-bullet-active{

background:#0B2F66;

}
/*================ END RESEARCH SECTION ================*/

/*================ AWARDS SECTION ================*/

.awards-section{

padding:120px 0;
background:linear-gradient(135deg,#0B2F66,#1F6EB8);

}

.awards-section .section-subtitle,
.awards-section .section-title,
.awards-section p{

color:#fff;

}

.award-card{

background:rgba(255,255,255,.10);
backdrop-filter:blur(15px);
border:1px solid rgba(255,255,255,.15);
padding:40px 30px;
border-radius:20px;
text-align:center;
transition:.4s;
height:100%;

}

.award-card:hover{

transform:translateY(-12px);

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

}

.award-icon{

width:90px;
height:90px;
margin:auto;
margin-bottom:25px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;

}

.award-icon i{

font-size:36px;
color:#0B2F66;

}

.award-card span{

display:inline-block;
padding:8px 18px;
background:#53B7E8;
color:#fff;
border-radius:30px;
margin-bottom:20px;
font-size:14px;

}

.award-card h4{

color:#fff;
font-size:22px;
margin-bottom:15px;

}

.award-card p{

color:#EAEAEA;
line-height:1.8;
margin:0;

}
/*================ END AWARDS SECTION ================*/

/*================ CONFERENCE SECTION ================*/

.conference-section{

padding:120px 0;
background:#F8FBFF;

}

.conference-timeline{

max-width:900px;
margin:70px auto 0;
position:relative;

}

.conference-timeline::before{

content:"";
position:absolute;
left:70px;
top:0;
width:3px;
height:100%;
background:#2D87C8;

}

.conference-item{

display:flex;
align-items:flex-start;
margin-bottom:40px;
position:relative;

}

.conference-year{

min-width:70px;
height:70px;
border-radius:50%;
background:#0B2F66;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
z-index:2;

}

.conference-content{

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

}

.conference-content:hover{

transform:translateY(-8px);

}

.conference-content h4{

color:#0B2F66;
margin-bottom:8px;

}

.conference-content h6{

color:#2D87C8;
margin-bottom:15px;

}

.conference-content p{

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

}

@media(max-width:768px){

.conference-timeline::before{

left:35px;

}

.conference-item{

flex-direction:column;

}

.conference-content{

margin-left:0;
margin-top:20px;

}

}
/*================ CONFERENCE SECTION ================*/

/*================ CONTACT SECTION ================*/

.contact-section{

padding:120px 0;
background:#F8FBFF;

}

.contact-form-box,
.review-box{

background:#fff;
padding:45px;
border-radius:25px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
height:100%;

}

.contact-form-box h3,
.review-box h2{

color:#0B2F66;
margin-bottom:30px;
font-weight:700;

}

.form-control{

height:55px;
border-radius:12px;
border:1px solid #ddd;

}

textarea.form-control{

height:auto;
padding-top:15px;

}

.form-control:focus{

box-shadow:none;
border-color:#2D87C8;

}

.contact-btn{

background:#0B2F66;
color:#fff;
padding:15px 40px;
border:none;
border-radius:50px;
transition:.4s;

}

.contact-btn:hover{

background:#2D87C8;

}

.rating{

font-size:34px;
color:#FFC107;
margin:15px 0;

}

.review-card{

margin-top:30px;
background:#F8FBFF;
padding:30px;
border-radius:20px;
border-left:5px solid #2D87C8;

}

.review-card i{

font-size:35px;
color:#2D87C8;
margin-bottom:20px;

}

.review-card p{

line-height:1.9;
color:#666;

}

.review-card h5{

color:#FFC107;
margin-top:15px;

}

.google-btn{

display:inline-block;
margin-top:30px;
padding:14px 35px;
background:#2D87C8;
color:#fff;
text-decoration:none;
border-radius:50px;
transition:.4s;

}

.google-btn:hover{

background:#0B2F66;
color:#fff;

}
/*================ END CONTACT SECTION ================*/


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

.footer{

background:#071D42;
padding:90px 0 20px;
color:#fff;
position:relative;

}

.footer-logo{

height:120px;
margin-bottom:25px;

}

.footer-about{

line-height:1.9;
color:#D6D6D6;

}

.footer h4{

margin-bottom:25px;
font-size:22px;

}

.footer ul{

list-style:none;
padding:0;
margin:0;

}

.footer ul li{

margin-bottom:15px;

}

.footer ul li a{

color:#D6D6D6;
text-decoration:none;
transition:.3s;

}

.footer ul li a:hover{

color:#53B7E8;
padding-left:8px;

}

.footer-contact li{

display:flex;
gap:12px;
align-items:flex-start;
line-height:1.8;

}

.footer-contact i{

color:#53B7E8;
margin-top:6px;

}

.footer-social{

display:flex;
gap:15px;
margin-top:30px;

}

.footer-social a{

width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
color:#fff;
transition:.4s;

}

.footer-social a:hover{

background:#53B7E8;
transform:translateY(-6px);

}

.footer-btn{

display:inline-block;
margin-top:25px;
padding:14px 30px;
background:#53B7E8;
color:#fff;
text-decoration:none;
border-radius:50px;
transition:.4s;

}

.footer-btn:hover{

background:#fff;
color:#0B2F66;

}

.footer hr{

margin:60px 0 25px;
border-color:rgba(255,255,255,.15);

}

.footer-bottom{

display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:15px;

}

.footer-bottom p{

margin:0;
color:#CFCFCF;

}

.footer-bottom a{

color:#53B7E8;
text-decoration:none;

}

/* Scroll Top */

.scroll-top{

position:fixed;
right:25px;
bottom:100px;
width:50px;
height:50px;
background:#0B2F66;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
font-size:18px;
z-index:999;
transition:.4s;

}

.scroll-top:hover{

background:#53B7E8;
transform:translateY(-5px);

}

/* WhatsApp */

.whatsapp-float{

position:fixed;
left:25px;
bottom:25px;
width:60px;
height:60px;
background:#25D366;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:30px;
text-decoration:none;
z-index:999;
box-shadow:0 10px 25px rgba(0,0,0,.25);
animation:whatsapp 2s infinite;

}

@keyframes whatsapp{

0%,100%{

transform:scale(1);

}

50%{

transform:scale(1.12);

}

}

@media(max-width:768px){

.footer-bottom{

text-align:center;
justify-content:center;

}

.scroll-top{

right:15px;

}

.whatsapp-float{

left:15px;

}

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

#preloader{

position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:#fff;
z-index:99999;
display:flex;
justify-content:center;
align-items:center;

}

.loader{

text-align:center;

}

.loader img{

height:90px;
margin-bottom:25px;

animation:logoFloat 2s infinite ease-in-out;

}

.loader span{

display:block;
width:60px;
height:60px;
margin:auto;
border:5px solid #E5EEF8;
border-top:5px solid #0B2F66;
border-radius:50%;

animation:spin 1s linear infinite;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}

@keyframes logoFloat{

50%{

transform:translateY(-10px);

}

}
/*================ END PRELOADER ================*/

.cursor{

width:22px;
height:22px;
border:2px solid #2D87C8;
border-radius:50%;
position:fixed;
pointer-events:none;
z-index:999999;
transition:.08s;
transform:translate(-50%,-50%);

}

.progress-bar-top{

position:fixed;
left:0;
top:0;
height:4px;
width:0;
background:linear-gradient(90deg,#53B7E8,#0B2F66);
z-index:999999;

}

/* appointment-float */
.appointment-float{

position:fixed;

right:25px;

bottom:25px;

background:#0B2F66;

color:#fff;

padding:15px 25px;

border-radius:50px;

text-decoration:none;

font-weight:600;

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

z-index:999;

transition:.4s;

}

.appointment-float:hover{

background:#53B7E8;

color:#fff;

}
/* appointment-float end*/


.gallery{
    padding:100px 0;
    background:#f7f9fc;
}

.gallery-item{
    display:block;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.4s;
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

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




/*team start*/

.team-member{
    background:#f8fbff;
}

.section-tag{
    display:inline-block;
    background:#e8f1ff;
    color:#0B2F66;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.team-member h2{
    font-size:42px;
    font-weight:700;
    color:#0B2F66;
}

.team-member h5{
    font-weight:600;
}

.team-member p{
    line-height:1.9;
    color:#555;
}

.team-img img{
    width:100%;
    border-radius:20px;
}

.qualification-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
}

.qualification-box h5{
    color:#0B2F66;
    margin-bottom:20px;
    font-weight:700;
}

.qualification-box ul{
    padding-left:18px;
}

.qualification-box li{
    margin-bottom:12px;
    color:#444;
}

.qualification-box small{
    color:#777;
}




/*team end*/



/*gallery pop up*/
.modal-body img{
    height:550px;
    object-fit:contain;
}

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

.btn-primary{
    background:#0B2F66;
    border:none;
}

.btn-primary:hover{
    background:#174c9c;
}
/*gallery pop up end */

@media(max-width:786px){
.cardx{
    display: block!important;
}
}

@media(max-width:786px){
.awardmobilegap{
    margin-bottom: 10px;
}
}