/*==========================
CTA SECTION
===========================*/

.cta-section{

padding:120px 0;

}

.cta-box{

padding:70px;

border-radius:35px;

background:linear-gradient(135deg,#4f46e5,#7c3aed,#8b5cf6);

color:#fff;

box-shadow:0 30px 60px rgba(79,70,229,.25);

position:relative;

overflow:hidden;

}

.cta-box::before{

content:"";

position:absolute;

width:320px;

height:320px;

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

border-radius:50%;

right:-80px;

top:-80px;

}

.cta-tag{

display:inline-block;

padding:8px 18px;

border-radius:40px;

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

font-size:13px;

font-weight:700;

margin-bottom:20px;

letter-spacing:1px;

}

.cta-box h2{

font-size:46px;

font-weight:800;

margin-bottom:20px;

line-height:1.2;

}

.cta-box p{

font-size:18px;

opacity:.9;

max-width:600px;

margin-bottom:0;

}

.cta-btn-white{

display:inline-block;

padding:18px 34px;

background:#fff;

color:#111;

border-radius:50px;

font-weight:700;

text-decoration:none;

margin-right:15px;

transition:.35s;

}

.cta-btn-white:hover{

transform:translateY(-4px);

color:#111;

}

.cta-btn-outline{

display:inline-block;

padding:18px 34px;

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

border-radius:50px;

text-decoration:none;

color:#fff;

font-weight:700;

transition:.35s;

}

.cta-btn-outline:hover{

background:#fff;

color:#111;

}

@media(max-width:991px){

.cta-box{

padding:40px;

text-align:center;

}

.cta-box h2{

font-size:34px;

}

.cta-btn-white,

.cta-btn-outline{

margin:10px 5px;

display:inline-block;

}

}