.cta-section { background: #6b00f9; padding: 50px 0 50px;position: relative;overflow: hidden; } 
.cta-section .container-fluid { display: flex; align-items: center; justify-content: center; column-gap: 16%; }
.cta-section .container { display: flex; align-items: center; column-gap: 16%; justify-content: space-between;position: relative; z-index: 1; }
.cta-section .rgt_con { flex-shrink: 0; } 
.cta-section h2 { color: #fff; text-align: left; margin: 0 0 20px; font-size: 40px; } 
.cta-section .lft_con { max-width: 960px; } 
.cta-section .rgt_con > * { margin: 0; } 
.cta-section .secondary_btn { min-height: 60px; min-width: 230px; animation: glowPulse 2s infinite ease-in-out; } 
.cta-section .description,.cta-section .description * { font-weight: 500; line-height: 1.5;color:#fff; } 
@keyframes glowPulse {
  0% {
    box-shadow: 0 0 50px 20px rgba(107, 0, 249, 0.2);
  }
  50% {
    box-shadow: 0 0 110px 30px rgba(107, 0, 249, 0.5);
  }
  100% {
    box-shadow: 0 0 50px 20px rgba(107, 0, 249, 0.2);
  }
}
.cta-section .secondary_btn { border-color: #fff; color: #fff; } 
.cta-section .secondary_btn:after { background: #fff; } 
.cta-section .secondary_btn:hover { color: #6b00f9; }
.cta-section:after { content: ""; position: absolute; top: 0; bottom: 0; width: 180px; height: 180px; background: url(../../../../../wp-content/uploads/2025/10/gradient-ring.svg); background-size: 100% 100%; margin: auto; right: -70px; pointer-events: none;animation: spin 3s linear infinite; }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/* Responsive CSS */

@media (max-width:1199px){

.cta-section .container { column-gap: 50px; }

}

@media (max-width:991px){

.cta-section h2{font-size: 35px;}

}

@media (max-width:767px){

.cta-section h2{font-size: 30px;}
.cta-section .container { flex-direction: column; justify-content: center; row-gap: 30px; text-align: center; } 
.cta-section{padding:42px 0;}
.cta-section .secondary_btn { min-width: 200px; min-height: 50px; }
.cta-section h2 { text-align: center; }
.cta-section:after { bottom: -60px; top: auto; }

}

@media (max-width:575px){

.cta-section h2{font-size: 25px;}
.cta-section{padding:32px 0;}

}