*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


body{
font-family:system-ui,-apple-system,sans-serif;
scroll-behavior:smooth;
}

/* HERO */

.hero{
padding:160px 0 120px;
background:linear-gradient(120deg,#f7f9fc,#e9f2ff);
}

/* SECTION */

.section{
padding:80px 0;
}

/* FEATURE BOX */

.feature-box{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
height:100%;
transition:all .35s ease;
text-align:left;
}

.feature-box:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* ICON */


.feature-icon{
font-size:32px;
color:#4f6df5;
margin-bottom:15px;
display:inline-block;
}

.feature-icon i{
font-size:34px;
}
/* TITLE */

.feature-title{
font-weight:600;
font-size:18px;
white-space:nowrap;
margin-bottom:10px;
}
ul.navbar-nav {
    display: flex;
    align-items: center;
}
/* TEXT */

.feature-box p{
color:#555;
font-size:15px;
margin-bottom:0;
}
/* BUTTON */

.btn-main{
background:#007ec5;
color:white;
border-radius:40px;
padding:14px 34px;
font-weight:600;
line-height:1.1;
text-align:center;
    margin: 2px;
}

.btn-main:hover{
background:#3d56c5;
transform:scale(1.05);
box-shadow:0 10px 25px rgba(79,109,245,0.4);
color:white;
}

/* IMAGE HOVER */

img{
transition:transform .5s ease;
}

img:hover{
transform:scale(1.04);
}

/* CTA */

.cta{
background:#007ec5;
color:white;
padding:80px 0;
text-align:center;
}

/* NAVBAR SCROLL EFFECT */

.navbar{
transition:all .3s ease;
}

.navbar.scrolled{
background:white !important;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

/* FADE ANIMATION */

.fade-up{
opacity:0;
transform:translateY(40px);
transition:all .7s ease;
}

.fade-up.show{
opacity:1;
transform:translateY(0);
}

/* HERO FLOAT IMAGE */

.hero img{
animation:float 4s ease-in-out infinite;
}

@keyframes float{
0%{transform:translateY(0px);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0px);}
}

/* FOOTER */

footer{
padding:40px 0;
background:#f5f5f5;
}
/* ICON */

.feature-icon{
font-size:40px;
margin-bottom:15px;
transition:transform .4s ease;
}

/* CARD */

.interactive-card{
position:relative;
overflow:hidden;
transition:all .35s ease;
cursor:pointer;
}

/* CARD HOVER */

.interactive-card:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 25px 50px rgba(0,0,0,0.15);
}

/* ICON ANIMATION */

.interactive-card:hover .feature-icon{
transform:scale(1.2) rotate(5deg);
}

/* GRADIENT HOVER BACKGROUND */

.interactive-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,#007ec5,#6c8cff);
opacity:0;
transition:.4s;
z-index:0;
}

.interactive-card:hover::before{
opacity:.08;
}

/* TEXT ABOVE GRADIENT */

.interactive-card *{
position:relative;
z-index:1;
}

/* ABOUT IMAGE */

.about-img-wrapper{
position:relative;
display:inline-block;
}

.about-img{
border-radius:15px;
transition:transform .6s ease;
animation:floatImage 5s ease-in-out infinite;
}

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

/* FLOATING IMAGE */

@keyframes floatImage{
0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}
}


/* FEATURE LIST */

.about-feature{
background:white;
padding:12px 18px;
border-radius:10px;
display:flex;
align-items:center;
gap:12px;
font-weight:500;
box-shadow:0 6px 15px rgba(0,0,0,0.05);
transition:all .3s ease;
cursor:pointer;
}

.about-feature:hover{
transform:translateX(8px);
box-shadow:0 12px 25px rgba(0,0,0,0.12);
}

/* ICON */

.feature-icon{
font-size:22px;
background:linear-gradient(135deg,#007ec5,#6c8cff);
color:white;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
flex-shrink:0;
}
/* PROGRAM CARD */

.program-card{
background:white;
padding:30px;
border-radius:14px;
height: 265px;
text-align:center;
position:relative;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
transition:all .35s ease;
cursor:pointer;
overflow:hidden;
}

/* HOVER EFFECT */

.program-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

/* NUMBER BADGE */

.program-icon{
width:55px;
height:55px;
margin:auto;
margin-bottom:15px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:20px;
color:white;
background:linear-gradient(135deg,#007ec5,#6c8cff);
transition:.4s;
}

/* ICON HOVER */

.program-card:hover .program-icon{
transform:scale(1.2) rotate(8deg);
}

/* CARD GLOW EFFECT */

.program-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,#007ec5,#6c8cff);
opacity:0;
transition:.4s;
}

.program-card:hover::before{
opacity:.07;
}
img.nav-logo {
    width: 70px;
}
/* CTA SECTION */

.cta{
background:linear-gradient(135deg, #0081c6, #73a8d6);
color:white;
padding:90px 0;
text-align:center;
position:relative;
overflow:hidden;
}

/* CTA BUTTON */

.btn-cta{
background:white;
color:#007ec5;
border-radius:40px;
padding:14px 34px;
font-weight:600;
transition:all .3s ease;
position:relative;
}

/* BUTTON HOVER */

.btn-cta:hover{
transform:scale(1.08);
box-shadow:0 12px 30px rgba(0,0,0,0.25);
color:#007ec5;
}

/* PULSE ANIMATION */

.btn-cta::after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:40px;
animation:pulse 2s infinite;
}

@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(255,255,255,0.6);}
70%{box-shadow:0 0 0 20px rgba(255,255,255,0);}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
}

/* TRUST BADGES */

.cta-trust span{
margin:0 10px;
font-size:14px;
opacity:0.9;
}

/* FLOATING SHAPES */

.cta-shape{
position:absolute;
border-radius:50%;
background:rgba(255,255,255,0.2);
animation:float 6s infinite ease-in-out;
}

.shape1{
width:120px;
height:120px;
top:20%;
left:10%;
}

.shape2{
width:80px;
height:80px;
bottom:20%;
right:15%;
}

@keyframes float{
0%{transform:translateY(0);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0);}
}
/* SPEAKER WRAPPER */

.about-speakers{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

/* SPEAKER CARD */

.speaker-card{
position:relative;
border-radius:15px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
transition:all .4s ease;
background:white;
}

/* IMAGE */

.speaker-img{
width:100%;
display:block;
transition:transform .5s ease;
}

/* HOVER EFFECT */

.speaker-card:hover{
transform:translateY(-10px) scale(1.03);
}

.speaker-card:hover .speaker-img{
transform:scale(1.08);
}

/* OVERLAP POSITION */

.speaker-1 {
    margin-right: -15px;
    margin-top: -80px;
    z-index: 2;
}

.speaker-2 {
    margin-left: -60px;
    margin-top: 200px;
}

/* SPEAKER INFO */

.speaker-info{
position:absolute;
bottom:0;
width:100%;
background:rgba(0,0,0,0.6);
color:white;
padding:10px;
text-align:center;
font-size:14px;
}
/* SOCIAL ICONS */

.social-icons{
display:flex;
justify-content:center;
gap:18px;
margin-top:10px;
}

.social-icons a{
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#007ec5;
color:white;
font-size:20px;
transition:all .3s ease;
text-decoration:none;
}

.social-icons a:hover{
background:#3d56c5;
transform:translateY(-5px) scale(1.1);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}   
.social-sidebar {
    margin-left: -200px;
    width: 230px;
    padding: 0;
    display: inline-table;
    border-radius: 10px;
    height: 0px;
    background-color: #007ec5;
    -moz-transition-property: margin-left;
    -moz-transition-duration: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-property: margin-left;
    -ms-transition-duration: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-property: margin-left;
    -o-transition-duration: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-property: margin-left;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s;
    box-shadow: 0px 0px 6px 0px #3E3D3D;
    cursor: pointer;
    margin-bottom: 5px;
}

.social-sidebar:hover {
  margin-left: -30px;
  width: 230px;
}

.facebook {
  color: #ffff;
}

.twitter {
  color: #fff;
}

.google {
  color: #fff;
}

.linkedin p i {
  left: 20px;
}

.google p i {
  left: 35px;
}

.youtube p i {
  left: 18px;
}

.youtube:hover {
  background-color: #E52D27;
}

.linkedin:hover {
  background-color: #0976B4;
}
.sm-icon {
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: flex-end;
}
.text-social {
    padding-right: 25px;
}
.fa-icon {
    font-size: 25px;
}

.tooltip.custom-tooltip .tooltip-inner {
  background-color: red; 
  color: #ffffff; 
}
.tooltip.custom-tooltip .tooltip-arrow::before {
  border-top-color: #ff0000; 
}
    
    
.sidebar {
  height: auto;
  width: 0px;
  position: fixed;
  text-align: center;
  top: 35vh;
  padding: 10px;
}

p i {
  left: 30px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
}

#loader {
    display: none;
}