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

.tr-cta{

    padding:110px 20px;

    background:
        radial-gradient(circle at top right,
            rgba(10,132,255,.20),
            transparent 40%),
        radial-gradient(circle at bottom left,
            rgba(255,255,255,.05),
            transparent 35%),
        linear-gradient(
            135deg,
            #081b33 0%,
            #0d2b52 100%
        );

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.tr-cta__wrapper{

    max-width:1100px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}

.tr-cta__content{

    flex:1;

    min-width:320px;

}

.tr-cta__badge{

    display:inline-block;

    padding:8px 18px;

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

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    margin-bottom:22px;

}

.tr-cta__title{

    font-size:44px;

    line-height:1.2;

    font-weight:700;

    color:#ffffff;

    margin-bottom:22px;

}

.tr-cta__description{

    font-size:18px;

    line-height:1.8;

    color:#d9e4f5;

    margin-bottom:35px;

    max-width:650px;

}

.tr-cta__features{

    list-style:none;

    margin:0;

    padding:0;

    display:grid;

    gap:16px;

}

.tr-cta__features li{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:17px;

}

.tr-cta__features span{

    width:30px;

    height:30px;

    border-radius:50%;

    background:#0A84FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    flex-shrink:0;

}

.tr-cta__actions{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.tr-cta__actions .tr-btn{

    min-width:230px;

    justify-content:center;

}

/* Secondary Button */

.tr-btn--secondary{

    background:transparent;

    color:#ffffff;

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

}

.tr-btn--secondary:hover{

    background:#ffffff;

    color:#081b33;

    border-color:#ffffff;

}

/* Tablet */

@media(max-width:991px){

    .tr-cta{

        text-align:center;

        padding:80px 20px;

    }

    .tr-cta__wrapper{

        flex-direction:column;

    }

    .tr-cta__features li{

        justify-content:center;

    }

    .tr-cta__actions{

        width:100%;

        align-items:center;

    }

}

/* Mobile */

@media(max-width:576px){

    .tr-cta{

        padding:70px 20px;

    }

    .tr-cta__title{

        font-size:32px;

    }

    .tr-cta__description{

        font-size:16px;

    }

    .tr-cta__actions .tr-btn{

        width:100%;

        max-width:320px;

    }

}