/* 
                FINAL CTA
*/

.cta-wrapper{

    position:relative;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:70px;

    padding:70px;

    border-radius:34px;

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

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

    backdrop-filter:blur(20px);

    overflow:hidden;

}

/* Glass Shine */

.cta-wrapper::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    130deg,
    rgba(255,255,255,.08),
    transparent 40%,
    transparent 70%,
    rgba(255,255,255,.04));

    pointer-events:none;

}

/* Heading */

.cta-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:rgba(228,77,38,.12);

    border:1px solid rgba(228,77,38,.35);

    color:#E44D26;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.cta-wrapper h2{

    color:#fff;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

    margin-top:28px;

}

.cta-wrapper p{

    color:#CBD5E1;

    line-height:1.9;

    margin-top:24px;

    max-width:620px;

    font-size:17px;

}

/* Button */

.cta-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:18px 34px;

    background:#E44D26;

    color:#fff;

    border-radius:14px;

    font-weight:700;

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.cta-btn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:80%;

    height:100%;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transition:.7s;

}

.cta-btn:hover::before{

    left:130%;

}

.cta-btn:hover{

    transform:translateY(-4px);

    box-shadow:

    0 10px 35px rgba(228,77,38,.35);

}

.cta-btn i{

    transition:.35s;

}

.cta-btn:hover i{

    transform:translateX(7px);

}

/* ---------- IMAGE ---------- */

.cta-image{

    position:relative;

    width:100%;

    max-width:470px;

    z-index:2;

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

}

/* Ring Light */

.cta-image-glow{

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(228,77,38,.28),

    rgba(228,77,38,.12) 35%,

    rgba(65,101,183,.18) 65%,

    transparent 80%);

    filter:blur(35px);

   

}


/* 
          Tablet
*/

@media(max-width:1024px){

.cta-wrapper{

grid-template-columns:1fr;

padding:50px;

gap:50px;

text-align:center;

}

.cta-wrapper p{

margin:auto;

}

.cta-image{

max-width:370px;

margin:auto;

}

.cta-image-glow{

width:330px;

height:330px;

}

}

/* 
          Mobile
 */

@media(max-width:768px){

.cta-wrapper{

padding:35px 24px;

border-radius:24px;

}

.cta-wrapper h2{

font-size:34px;

}

.cta-wrapper p{

font-size:15px;

line-height:1.8;

}

.cta-btn{

width:100%;

justify-content:center;

padding:16px;

}

.cta-image{

max-width:270px;

}

.cta-image-glow{

width:240px;

height:240px;

filter:blur(28px);

}

}