/* 
      FINAL CTA
*/

.cta-section{

    position:relative;

}

/* 
      Floating Particles
*/

.cta-particle{

    position:absolute;

    width:8px;

    height:8px;

    border-radius:50%;

    background:var(--p-color);

    box-shadow:0 0 16px var(--p-color);

    opacity:.6;

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

    pointer-events:none;

}

@keyframes ctaFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

}

/* 
      CTA Card
 */

.cta-card{

    position:relative;

    border-radius:32px;

    overflow:hidden;

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

    backdrop-filter:blur(18px);

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

}

.cta-border-glow{

    position:absolute;

    inset:-2px;

    border-radius:32px;

    padding:2px;

    background:conic-gradient(

    from 0deg,

    #293681,

    #EC6530,

    #8FDDDF,

    #E05454,

    #293681

    );

    -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:.35;

    animation:ctaBorderSpin 6s linear infinite;

}

@keyframes ctaBorderSpin{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

/* 
      CTA Button
 */

.cta-btn{

    display:inline-flex;

    align-items:center;

    padding:16px 40px;

    border-radius:14px;

    background:linear-gradient(135deg, #E44D26, #ff7d4d);

    color:#fff;

    font-weight:700;

    font-size:16px;

    box-shadow:0 15px 40px rgba(228,77,38,.3);

    transition:.35s ease;

}

.cta-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 50px rgba(228,77,38,.45);

}

.cta-btn i{

    transition:.35s ease;

}

.cta-btn:hover i{

    transform:translateX(4px);

}

/* 
      Mobile
*/

@media(max-width:640px){

.cta-particle{

    display:none;

}

.cta-btn{

    padding:14px 32px;

    font-size:15px;

}

}

/* ======================================================
      PESTEL CTA — Border Glow Color Override
    
====================================================== */

.pestel-cta .cta-border-glow{

    background:conic-gradient(

    from 0deg,

    #293681,

    #8FDDDF,

    #4CAF7D,

    #A855F7,

    #293681

    );

}