/* Background */

.why-section{
background:linear-gradient(180deg,#f7fbff,#ffffff);
overflow:hidden;
}

/* Heading */

.title-badge{

background:#0d6efd;
color:#fff;
padding:10px 28px;
border-radius:50px;
font-weight:600;
letter-spacing:1px;

}

/* Letter Animation */

.title-animation{

font-size:55px;
font-weight:800;
line-height:1.2;

}

.title-animation span{

display:inline-block;
opacity:0;
transform:translateY(60px);
animation:letterUp .8s forwards;

}

.title-animation span:nth-child(1){animation-delay:.1s;}
.title-animation span:nth-child(2){animation-delay:.2s;}
.title-animation span:nth-child(3){animation-delay:.3s;}
.title-animation span:nth-child(4){animation-delay:.4s;}
.title-animation span:nth-child(5){animation-delay:.5s;}
.title-animation span:nth-child(6){animation-delay:.6s;}
.title-animation span:nth-child(7){animation-delay:.7s;}

@keyframes letterUp{

100%{

opacity:1;
transform:translateY(0);

}

}

/* Timeline */

.why-timeline{

position:relative;
padding-left:40px;

}

.why-timeline:before{

content:"";
position:absolute;
left:22px;
top:0;
bottom:0;
width:3px;
background:linear-gradient(#0d6efd,#6ea8fe);

}

.timeline-item{

display:flex;
margin-bottom:35px;
position:relative;

}

.timeline-icon{

width:65px;
height:65px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#0d6efd;
box-shadow:0 15px 35px rgba(13,110,253,.18);
z-index:5;
margin-right:25px;

}

.timeline-content{

background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.06);
transition:.4s;

}

.timeline-content:hover{

transform:translateX(10px);

}

/* Image */

.image-box{

position:relative;

}

.image-box img{

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

}

.floating-card{

position:absolute;
left:-30px;
bottom:40px;
background:#fff;
padding:18px 30px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.floating-card.two{

right:-20px;
left:auto;
top:40px;

}

.floating-card h3{

color:#0d6efd;
font-size:40px;
font-weight:700;
margin:0;

}

/* Bottom */

.premium-feature{

background:#fff;
padding:35px;
text-align:center;
border-radius:25px;
transition:.4s;
height:100%;
box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.premium-feature i{

font-size:42px;
color:#0d6efd;
margin-bottom:20px;

}

.premium-feature:hover{

background:#0d6efd;
color:#fff;
transform:translateY(-12px);

}

.premium-feature:hover i,
.premium-feature:hover p{

color:#fff;

}

@media(max-width:991px){

.title-animation{

font-size:36px;

}

.floating-card{

display:none;

}

}


.animated-title{

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

}

.animated-title span{

display:inline-block;

opacity:0;

transform:
translateY(40px)
rotateX(90deg);

animation:letterAnimation .7s forwards;

}

.animated-title span:nth-child(1){animation-delay:.05s;}
.animated-title span:nth-child(2){animation-delay:.1s;}
.animated-title span:nth-child(3){animation-delay:.15s;}
.animated-title span:nth-child(4){animation-delay:.2s;}
.animated-title span:nth-child(5){animation-delay:.25s;}
.animated-title span:nth-child(6){animation-delay:.3s;}
.animated-title span:nth-child(7){animation-delay:.35s;}
.animated-title span:nth-child(8){animation-delay:.4s;}
.animated-title span:nth-child(9){animation-delay:.45s;}
.animated-title span:nth-child(10){animation-delay:.5s;}
.animated-title span:nth-child(11){animation-delay:.55s;}
.animated-title span:nth-child(12){animation-delay:.6s;}
.animated-title span:nth-child(13){animation-delay:.65s;}
.animated-title span:nth-child(14){animation-delay:.7s;}
.animated-title span:nth-child(15){animation-delay:.75s;}
.animated-title span:nth-child(16){animation-delay:.8s;}
.animated-title span:nth-child(17){animation-delay:.85s;}
.animated-title span:nth-child(18){animation-delay:.9s;}
.animated-title span:nth-child(19){animation-delay:.95s;}
.animated-title span:nth-child(20){animation-delay:1s;}
.animated-title span:nth-child(21){animation-delay:1.05s;}
.animated-title span:nth-child(22){animation-delay:1.1s;}

@keyframes letterAnimation{

0%{

opacity:0;

transform:
translateY(50px)
rotateX(90deg);

}

100%{

opacity:1;

transform:
translateY(0)
rotateX(0deg);

}

}

.focus-card{

position:relative;

background:#fff;

padding:45px 35px;

border-radius:25px;

overflow:hidden;

height:100%;

transition:.45s;

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

border:1px solid #eef3ff;

}

.focus-card:before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:linear-gradient(
180deg,
#0057ff,
#33c6ff);

transition:.4s;

}

.focus-card:hover{

transform:translateY(-15px);

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

}

.focus-card:hover:before{

width:100%;

opacity:.05;

}

.focus-number{

position:absolute;

right:20px;

top:20px;

font-size:70px;

font-weight:800;

color:#eef3ff;

line-height:1;

}

.focus-icon{

width:90px;

height:90px;

border-radius:50%;

background:linear-gradient(
135deg,
#0057ff,
#30c4ff);

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

color:#fff;

margin-bottom:25px;

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

transition:.45s;

}

.focus-card:hover .focus-icon{

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

}

.focus-card p{

color:#6b7280;

line-height:1.9;

margin-top:15px;

}

.read-more{

font-weight:600;

text-decoration:none;

color:#0057ff;

display:inline-flex;

gap:10px;

align-items:center;

margin-top:20px;

}

.read-more i{

transition:.3s;

}

.read-more:hover i{

transform:translateX(8px);

}
.focus-section{

position:relative;

background:

radial-gradient(circle at top right,
rgba(0,87,255,.05),
transparent 35%),

radial-gradient(circle at bottom left,
rgba(0,195,255,.08),
transparent 30%),

#f8fbff;

overflow:hidden;

}

.focus-section::before{

content:"";

position:absolute;

width:500px;

height:500px;

background:rgba(13,110,253,.04);

border-radius:50%;

right:-200px;

top:-150px;

}

.display-5{

animation:titleUp 1s ease;

}

@keyframes titleUp{

from{

opacity:0;

transform:
translateY(60px);

}

to{

opacity:1;

transform:
translateY(0);

}

}

.contact-section{

background:#f6f9fc;

}

.contact-wrapper{

background:#fff;

border-radius:30px;

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

}

.contact-image{

position:relative;

height:100%;

min-height:700px;

overflow:hidden;

}

.contact-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.contact-wrapper:hover .contact-image img{

transform:scale(1.08);

}

.contact-image:before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(
180deg,
rgba(0,0,0,.1),
rgba(0,32,96,.75));

}

.image-content{

position:absolute;

left:50px;

bottom:50px;

color:#fff;

z-index:2;

max-width:420px;

}

.image-content h2{

font-size:44px;

font-weight:700;

margin:20px 0;

line-height:1.2;

}

.image-content span{

color:#7fd3ff;

}

.contact-form{

padding:60px;

}

.contact-form h3{

font-size:36px;

}

.form-control,
.form-select{

height:56px;

border-radius:14px;

border:1px solid #dbe5f0;

box-shadow:none;

}

textarea.form-control{

height:auto;

}

.form-control:focus,
.form-select:focus{

border-color:#0d6efd;

box-shadow:0 0 0 .15rem rgba(13,110,253,.15);

}

/*.btn-primary{

padding:14px 38px;

border-radius:50px;

font-weight:600;

}*/

.mini-card{

padding:25px;

text-align:center;

background:#f8fbff;

border-radius:20px;

transition:.35s;

height:100%;

}

.mini-card:hover{

background:#0d6efd;

color:#fff;

transform:translateY(-8px);

}

.mini-card i{

font-size:28px;

margin-bottom:15px;

display:block;

color:#0d6efd;

}

.mini-card:hover i{

color:#fff;

}

@media(max-width:991px){

.contact-image{

min-height:400px;

}

.contact-form{

padding:35px;

}

.image-content{

left:25px;

bottom:25px;

}

.image-content h2{

font-size:32px;

}

}
.contact-premium{
    background:#f8fbff;
    position:relative;
}

.shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.25;
}

.shape-1{
    width:280px;
    height:280px;
    background:#4caba7;
    left:-100px;
    top:40px;
}

.shape-2{
    width:220px;
    height:220px;
    background:#2f80ed;
    right:-80px;
    bottom:30px;
}

.contact-content{
    background:#fff;
    padding:55px;
    border-radius:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.section-tag{
    display:inline-block;
    padding:8px 20px;
    background:#e9f5ff;
    color:#2f80ed;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}

.contact-content h2 span{
    color:#4caba7;
}

.contact-box{
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px;
    margin-bottom:20px;
    border-radius:18px;
    background:#f9fbfd;
    transition:.35s;
}

.contact-box:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.contact-icon{
    width:65px !important;
    height:65px !important;
    border-radius:18px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
}

.conference-card{
    position:absolute;
    bottom:-40px;
    right:-20px;
    width:320px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
    border-radius:22px;
    padding:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.conference-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#4caba7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-right:15px;
}

.conference-card h4{
    color:#2f80ed;
    font-weight:700;
    margin-bottom:3px;
}

.contact-premium img{
    min-height:620px;
    object-fit:cover;
}

@media(max-width:991px){

.contact-content{
    padding:35px;
}

.conference-card{
    position:relative;
    width:100%;
    right:auto;
    bottom:auto;
    margin-top:-60px;
}

.contact-premium img{
    min-height:420px;
}

}