/*==================================================
PREMIUM CTA BANNER
==================================================*/

.cta-section{

position:relative;

padding:110px 0;

overflow:hidden;

background:linear-gradient(135deg,#0F4C81 0%,#1363A5 50%,#00A8A8 100%);

}

.cta-section::before{

content:"";

position:absolute;

width:520px;

height:520px;

border-radius:50%;

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

top:-220px;

right:-180px;

animation:floatCircle1 12s infinite ease-in-out;

}

.cta-section::after{

content:"";

position:absolute;

width:420px;

height:420px;

border-radius:50%;

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

bottom:-180px;

left:-180px;

animation:floatCircle2 14s infinite ease-in-out;

}

.cta-box{

position:relative;

z-index:2;

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

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

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

border-radius:30px;

padding:70px 60px;

text-align:center;

overflow:hidden;

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

}

.cta-badge{

display:inline-block;

padding:10px 22px;

border-radius:40px;

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

color:#fff;

font-size:14px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

margin-bottom:25px;

}

.cta-box h2{

font-size:52px;

font-weight:800;

color:#fff;

line-height:1.2;

margin-bottom:20px;

}

.cta-box p{

max-width:760px;

margin:0 auto 35px;

font-size:18px;

line-height:1.9;

color:rgba(255,255,255,.92);

}

.cta-buttons{

display:flex;

justify-content:center;

align-items:center;

gap:20px;

flex-wrap:wrap;

}

.cta-btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 36px;

background:#fff;

color:var(--primary);

font-weight:700;

border-radius:50px;

transition:.35s;

}

.cta-btn-primary:hover{

background:var(--accent);

color:#fff;

transform:translateY(-5px);

}

.cta-btn-outline{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 36px;

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

border-radius:50px;

color:#fff;

font-weight:700;

transition:.35s;

}

.cta-btn-outline:hover{

background:#fff;

color:var(--primary);

}

.cta-floating{

position:absolute;

width:70px;

height:70px;

border-radius:50%;

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

}

.float1{

top:60px;

left:80px;

animation:floatCircle1 8s infinite ease-in-out;

}

.float2{

bottom:70px;

right:90px;

animation:floatCircle2 10s infinite ease-in-out;

}

.float3{

top:45%;

left:15%;

width:45px;

height:45px;

animation:floatCircle1 7s infinite ease-in-out;

}

.float4{

top:30%;

right:18%;

width:55px;

height:55px;

animation:floatCircle2 9s infinite ease-in-out;

}

@keyframes floatCircle1{

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

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

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

}

@keyframes floatCircle2{

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

50%{transform:translateY(18px);}

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

}

@media(max-width:991px){

.cta-section{

padding:80px 0;

}

.cta-box{

padding:50px 35px;

}

.cta-box h2{

font-size:38px;

}

.cta-box p{

font-size:16px;

}

}

@media(max-width:576px){

.cta-box{

padding:35px 25px;

}

.cta-box h2{

font-size:30px;

}

.cta-buttons{

flex-direction:column;

}

.cta-btn-primary,

.cta-btn-outline{

width:100%;

}

.float1,

.float2,

.float3,

.float4{

display:none;

}

}