*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

html{
scroll-behavior:smooth;
}

body{
background:#f5fbff;
overflow-x:hidden;
}

/***********************
NAVBAR
************************/

.navbar{

padding:18px 0;
transition:.4s;
background:rgba(5,25,55,.45);
backdrop-filter:blur(20px);
}

.navbar.scrolled{

background:#071833;
padding:12px 0;
box-shadow:0 10px 30px rgba(0,0,0,.2);

}

.navbar-brand img{

height:65px;

}

.nav-link{

color:#fff!important;
font-weight:500;
margin:0 10px;
transition:.3s;

}

.nav-link:hover{

color:#49c6ff!important;

}

.btn-contact{

background:#ffffff;
color:#0d47c4;
padding:10px 28px;
border-radius:50px;
font-weight:600;
margin-right:12px;
transition:.4s;
border:none;

}

.btn-contact:hover{

transform:translateY(-3px);

}

.btn-project{

background:linear-gradient(45deg,#2196f3,#3949ab);
color:#fff;
padding:10px 28px;
border-radius:50px;
font-weight:600;
transition:.4s;
border:none;

}

.btn-project:hover{

transform:translateY(-3px);

}

/***************************
HERO
****************************/

.hero{

height:100vh;
position:relative;
display:flex;
align-items:center;
overflow:hidden;

background:
linear-gradient(rgba(5,18,45,.82),rgba(6,28,74,.88)),
url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1800&q=80");

background-size:cover;
background-position:center;

}

.hero::before{

content:'';
position:absolute;
width:700px;
height:700px;
background:#2aaeff33;
filter:blur(80px);
border-radius:50%;
left:-200px;
top:-180px;

}

.hero::after{

content:'';
position:absolute;
width:500px;
height:500px;
background:#3949ab44;
filter:blur(100px);
right:-150px;
bottom:-100px;

}

.hero h5{

letter-spacing:4px;
color:#7ed8ff;
font-weight:600;

}

.hero h1{

font-size:44px;
font-weight:800;
line-height:1.15;
color:#fff;
padding-top: 100px;

}

.hero p{

font-size:18px;
line-height:32px;
color:#d7e7ff;
margin-top:25px;

}

.hero-btn{

padding:15px 36px;
border-radius:50px;
font-weight:600;
font-size:17px;

}

.btn-blue{

background:linear-gradient(45deg,#00b8ff,#1d4ed8);
color:#fff;
border:none;

}

.btn-outline-light{

border:2px solid #fff;

}

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

.info-card{

background:rgba(255,255,255,.12);
backdrop-filter:blur(15px);

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

padding:30px;
margin-top: 100px;
border-radius:25px;

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

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

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0px);

}

}

.info-card h2{

color:#fff;
font-size:45px;
font-weight:700;

}

.info-card h6{

color:#fff;
font-size:18px;

}

.info-card p{

color:#d9edff;

font-size:15px;

line-height:28px;

}

/***************************
COUNTER
****************************/

.counter{

margin-top:50px;

}

.counter h2{

font-size:42px;
font-weight:700;
color:#4cc9ff;

}

.counter p{

color:#fff;

margin:0;

}

/**************************/

.shape{

position:absolute;
border-radius:50%;
animation:rotate 18s linear infinite;

}

.s1{

width:120px;
height:120px;
background:#2196f333;

top:15%;

right:12%;

}

.s2{

width:70px;
height:70px;
background:#fff2;

left:6%;

bottom:12%;

}

@keyframes rotate{

100%{

transform:rotate(360deg);

}

}

/******************/

@media(max-width:991px){

.hero{

text-align:center;
height:auto;
padding:150px 0 80px;

}

.hero h1{

font-size:42px;

}

.info-card{

margin-top:50px;

}

.navbar-brand img{

height:55px;

}

}

.services-section{

background:linear-gradient(135deg,#eef8ff,#ffffff);

}

.service-card{

background:#fff;

padding:40px 30px;

border-radius:25px;

text-align:center;

transition:.4s;

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

height:100%;

}

.service-card:hover{

transform:translateY(-12px);

background:linear-gradient(135deg,#1d4ed8,#38bdf8);

color:#fff;

}

.service-card i{

font-size:60px;

margin-bottom:20px;

display:block;

color:#1d4ed8;

transition:.4s;

}

.service-card:hover i{

color:#fff;

}

.service-card h4{

font-weight:700;

margin-bottom:15px;

}

.choose-box{

background:#fff;

padding:45px 20px;

text-align:center;

border-radius:20px;

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

transition:.4s;

}

.choose-box:hover{

transform:translateY(-10px);

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:#fff;

}

.choose-box h4{

font-size:40px;

font-weight:700;

margin-bottom:10px;

}

.services-area{

background:linear-gradient(135deg,#071a52,#0e4dc7,#2db7ff);

position:relative;

}

.section-tag{

display:inline-block;

padding:10px 25px;

background:white;

color:#0b3ba7;

border-radius:50px;

font-weight:600;

margin-bottom:20px;

}

.section-title{

font-size:48px;

font-weight:700;

color:white;

}

.section-text{

color:#d8ebff;

font-size:18px;

}

.service-box{

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

backdrop-filter:blur(18px);

padding:35px;

border-radius:25px;

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

transition:.45s;

height:100%;

text-align:center;

}

.service-box:hover{

transform:translateY(-12px);

background:white;

}

.icon{

width:85px;

height:85px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#26c6ff,#2148d8);

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:white;

margin-bottom:25px;

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

}

.service-box h4{

font-weight:700;

margin-bottom:15px;

color:white;

transition:.3s;

}

.service-box:hover h4{

color:#0c3cb5;

}

.service-box p{

color:#d8e8ff;

}

.service-box:hover p{

color:#666;

}

.bg-circle{

position:absolute;

border-radius:50%;

filter:blur(70px);

}

.one{

width:320px;

height:320px;

background:#5dd5ff55;

left:-100px;

top:-100px;

}

.two{

width:420px;

height:420px;

background:#2245ff44;

right:-100px;

bottom:-120px;

}

.reports{

background:#f7fbff;

}

.report-card{

background:white;

padding:22px;

border-radius:15px;

font-weight:600;

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

transition:.3s;

}

.report-card:hover{

background:#0b4dd8;

color:white;

transform:translateX(10px);

}

.report-card i{

margin-right:10px;

color:#00a8ff;

}

.report-card:hover i{

color:white;

}
.advantage-section{

background:linear-gradient(135deg,#071b45,#0d47c4,#1fb8ff);

position:relative;

overflow:hidden;

}

.section-subtitle{

display:inline-block;

background:#fff;

color:#0d47c4;

padding:10px 25px;

border-radius:40px;

font-weight:600;

margin-bottom:20px;

}

.section-title{

font-size:48px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.section-desc{

max-width:750px;

margin:auto;

color:#d7eaff;

font-size:18px;

}

.adv-card{

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

backdrop-filter:blur(15px);

padding:30px;

border-radius:20px;

margin-bottom:25px;

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

transition:.4s;

}

.adv-card:hover{

background:#fff;

transform:translateY(-10px);

}

.icon{

width:75px;

height:75px;

background:linear-gradient(135deg,#00c6ff,#1d4ed8);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#fff;

margin-bottom:20px;

}

.adv-card h5{

font-weight:700;

color:#fff;

transition:.3s;

}

.adv-card:hover h5{

color:#0d47c4;

}

.adv-card p{

color:#dfeeff;

margin:0;

}

.adv-card:hover p{

color:#666;

}

.center-circle{

width:330px;

height:330px;

margin:auto;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

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

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

}

.center-circle img{

width:170px;

}

@keyframes float{

50%{

transform:translateY(-12px);

}

}

.highlight-card{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

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

transition:.4s;

height:100%;

}

.highlight-card:hover{

background:linear-gradient(135deg,#0d47c4,#20b8ff);

transform:translateY(-10px);

color:#fff;

}

.highlight-card h2{

font-size:42px;

font-weight:700;

color:#0d47c4;

margin-bottom:15px;

}

.highlight-card:hover h2{

color:#fff;

}
.director-section{

background:linear-gradient(135deg,#eef7ff,#ffffff);

position:relative;

overflow:hidden;

}

.director-image{

position:relative;

text-align:center;

}

.director-image img{

border-radius:30px;

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

transition:.4s;

}

.director-image:hover img{

transform:translateY(-10px);

}

.experience-box{

position:absolute;

bottom:25px;

right:-15px;

background:linear-gradient(135deg,#0d47c4,#21c4ff);

padding:25px;

border-radius:20px;

color:#fff;

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

}

.experience-box h2{

font-size:42px;

font-weight:700;

margin:0;

}

.director-tag{

display:inline-block;

padding:10px 24px;

background:#0d47c4;

color:#fff;

border-radius:40px;

font-weight:600;

margin-bottom:15px;

}

.director-name{

font-size:52px;

font-weight:800;

color:#0a2348;

margin-bottom:10px;

}

.director-designation{

color:#21a6ff;

font-weight:600;

margin-bottom:25px;

}

.director-text{

font-size:18px;

line-height:34px;

color:#555;

margin-bottom:25px;

}

.qualification{

background:#fff;

padding:18px 25px;

border-left:5px solid #0d47c4;

border-radius:12px;

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

margin-bottom:35px;

font-size:18px;

}

.qualification i{

color:#0d47c4;

margin-right:10px;

font-size:22px;

}

.project-list{

list-style:none;

padding:0;

}

.project-list li{

padding:12px 0;

font-weight:500;

position:relative;

padding-left:35px;

}

.project-list li::before{

content:"✓";

position:absolute;

left:0;

top:10px;

width:24px;

height:24px;

background:#0d47c4;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:13px;

}

.quote-box{

margin-top:40px;

background:linear-gradient(135deg,#0d47c4,#1fb8ff);

padding:40px;

border-radius:25px;

color:#fff;

position:relative;

overflow:hidden;

}

.quote-box i{

font-size:60px;

opacity:.2;

position:absolute;

top:15px;

left:25px;

}

.quote-box p{

font-size:22px;

font-style:italic;

line-height:40px;

margin:0;

padding-left:35px;

font-weight:500;

}

@media(max-width:991px){

.director-name{

font-size:38px;

}

.experience-box{

position:relative;

right:0;

bottom:0;

margin-top:-40px;

display:inline-block;

}

.quote-box p{

font-size:18px;

line-height:32px;

}

}
/*===================================
LEADERSHIP SECTION
===================================*/

.leader-section{

background:#ffffff;

position:relative;

overflow:hidden;

}

.leader-photo{

position:relative;

text-align:center;

}

.leader-photo img{

border-radius:25px;

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

transition:.4s;

}

.leader-photo:hover img{

transform:translateY(-10px);

}

.leader-exp{

position:absolute;

bottom:20px;

right:-15px;

background:linear-gradient(135deg,#0d47c4,#25c6ff);

padding:22px;

border-radius:20px;

color:#fff;

box-shadow:0 20px 40px rgba(0,0,0,.2);

}

.leader-exp h2{

margin:0;

font-size:40px;

font-weight:700;

}

.leader-badge{

display:inline-block;

padding:10px 25px;

background:#0d47c4;

color:#fff;

border-radius:40px;

font-weight:600;

margin-bottom:15px;

}

.leader-title{

font-size:50px;

font-weight:800;

color:#071b45;

margin-bottom:10px;

}

.leader-role{

color:#18a8ff;

font-weight:600;

margin-bottom:25px;

}

.leader-description{

font-size:18px;

line-height:34px;

color:#555;

}

.qualification-box{

display:flex;

gap:20px;

background:#f7fbff;

padding:25px;

border-radius:18px;

margin-top:30px;

border-left:5px solid #0d47c4;

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

}

.qualification-box i{

font-size:40px;

color:#0d47c4;

}

.qualification-box h5{

font-weight:700;

margin-bottom:10px;

}

.project-list{

list-style:none;

padding:0;

margin:0;

}

.project-list li{

padding:12px 0;

padding-left:34px;

position:relative;

font-weight:500;

}

.project-list li::before{

content:"✓";

position:absolute;

left:0;

width:22px;

height:22px;

background:#0d47c4;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:12px;

}

.leader-highlight{

margin-top:40px;

display:flex;

gap:20px;

padding:30px;

background:linear-gradient(135deg,#0d47c4,#25c6ff);

border-radius:25px;

color:#fff;

align-items:flex-start;

}

.leader-highlight .icon{

width:70px;

height:70px;

background:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.leader-highlight i{

font-size:30px;

color:#0d47c4;

}

.leader-highlight h5{

font-weight:700;

margin-bottom:10px;

}

@media(max-width:991px){

.leader-title{

font-size:38px;

}

.leader-exp{

position:relative;

right:0;

bottom:0;

display:inline-block;

margin-top:-35px;

}

.qualification-box{

flex-direction:column;

}

.leader-highlight{

flex-direction:column;

text-align:center;

}

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

.footer-section{

background:#071B45;

color:#fff;

padding-top:90px;

position:relative;

overflow:hidden;

}

.footer-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:#1e40af33;

border-radius:50%;

left:-180px;

top:-180px;

filter:blur(60px);

}

.footer-section::after{

content:"";

position:absolute;

width:400px;

height:400px;

background:#38bdf844;

right:-150px;

bottom:-150px;

border-radius:50%;

filter:blur(70px);

}

.footer-logo{

height:80px;

}

.footer-text{

line-height:30px;

color:#d8e6ff;

}

.footer-section h4{

font-size:22px;

font-weight:700;

margin-bottom:25px;

position:relative;

padding-bottom:10px;

}

.footer-section h4::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:60px;

height:3px;

background:#38bdf8;

}

.footer-section ul{

padding:0;

margin:0;

list-style:none;

}

.footer-section ul li{

margin-bottom:15px;

color:#d8e6ff;

transition:.3s;

}

.footer-section ul li a{

text-decoration:none;

color:#d8e6ff;

transition:.3s;

}

.footer-section ul li:hover{

padding-left:10px;

}

.footer-section ul li a:hover{

color:#38bdf8;

}

.contact-item{

display:flex;

align-items:flex-start;

margin-bottom:22px;

}

.contact-item i{

font-size:20px;

color:#38bdf8;

margin-right:15px;

margin-top:4px;

}

.contact-item span{

color:#d8e6ff;

line-height:28px;

}

.footer-social a{

width:45px;

height:45px;

display:inline-flex;

align-items:center;

justify-content:center;

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

border-radius:50%;

margin-right:10px;

color:#fff;

font-size:18px;

transition:.4s;

text-decoration:none;

}

.footer-social a:hover{

background:#38bdf8;

transform:translateY(-5px);

}

.footer-bottom{

margin-top:70px;

padding:25px 0;

border-top:1px solid rgba(255,255,255,.15);

font-size:15px;

color:#c7dcff;

}

@media(max-width:991px){

.footer-bottom{

text-align:center;

}

.footer-bottom .text-md-end{

margin-top:10px;

text-align:center !important;

}

}