/*==================================================
CTA RESPONSIVE
==================================================*/


/*==================================================
1200px
==================================================*/

@media (max-width:1200px){

.cta-wrapper{

padding:80px 60px;

}

.cta-content{

max-width:700px;

}

.cta-content h2{

font-size:2.7rem;

}

.cta-content p{

max-width:600px;

font-size:1rem;

}

.cta-glow{

width:560px;

height:560px;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.cta-wrapper{

padding:70px 50px;

border-radius:26px;

}

.cta-content{

max-width:650px;

}

.cta-content h2{

font-size:2.4rem;

line-height:1.25;

}

.cta-content p{

max-width:580px;

font-size:.98rem;

}

.cta-buttons{

gap:16px;

}

.cta-glow{

width:500px;

height:500px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.cta-wrapper{

padding:60px 40px;

border-radius:22px;

}

.cta-content{

max-width:100%;

}

.cta-content h2{

font-size:2.1rem;

}

.cta-content p{

font-size:.96rem;

line-height:1.8;

}

.cta-buttons{

flex-direction:column;

align-items:center;

gap:16px;

}

.cta-buttons .btn{

width:100%;

max-width:340px;

justify-content:center;

}

.cta-glow{

width:420px;

height:420px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.cta-wrapper{

padding:50px 28px;

border-radius:20px;

}

.cta-content h2{

font-size:1.85rem;

}

.cta-content p{

font-size:.93rem;

}

.cta-buttons{

margin-top:35px;

}

.cta-buttons .btn{

max-width:100%;

}

.cta-glow{

width:340px;

height:340px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.cta-wrapper{

padding:45px 22px;

border-radius:18px;

}

.cta-content h2{

font-size:1.65rem;

line-height:1.3;

}

.cta-content p{

font-size:.9rem;

line-height:1.75;

}

.cta-buttons{

gap:14px;

}

.cta-buttons .btn{

width:100%;

}

.cta-glow{

width:280px;

height:280px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.cta-wrapper{

padding:40px 18px;

border-radius:16px;

}

.cta-content h2{

font-size:1.45rem;

line-height:1.35;

}

.cta-content p{

font-size:.88rem;

line-height:1.7;

}

.cta-buttons{

margin-top:28px;

gap:12px;

}

.cta-buttons .btn{

width:100%;

font-size:.9rem;

padding:14px 18px;

}

.cta-glow{

width:220px;

height:220px;

}

}