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

.cyb-cta{

    margin:100px 0;

}

.cyb-cta-box{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:70px;

    padding:70px;

    border-radius:24px;

    background:#f7f8fb;

    border:1px solid #e5e7eb;

}

/*--------------------------------------------------
 Engineering Blueprint Background
--------------------------------------------------*/

.cyb-cta-box::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:url("../images/engineering-pattern.svg");

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    opacity:.35;

    pointer-events:none;

}

/*--------------------------------------------------
 Large Watermark
--------------------------------------------------*/



.cyb-cta-content,
.cyb-cta-image{

    position:relative;

    z-index:2;

}

/*--------------------------------------------------
 LEFT
--------------------------------------------------*/

.cyb-cta-content{

    flex:1;

    max-width:650px;

}

.cyb-cta-label{

    display:inline-block;

    padding:8px 18px;

    background:#eef4ff;

    color:var(--cyb-primary);

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:24px;

}

.cyb-cta-content h2{

    font-size:52px;

    line-height:1.1;

    color:#111827;

    font-weight:700;

    margin-bottom:24px;

}

.cyb-cta-content p{

    color:#6b7280;

    font-size:18px;

    line-height:1.9;

    margin-bottom:35px;

}

/*--------------------------------------------------
 BUTTONS
--------------------------------------------------*/

.cyb-cta-actions{

    display:flex;

    align-items:center;

    gap:25px;

}

.cyb-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    background:var(--cyb-primary);

    color:#fff;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.cyb-button:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(10,46,101,.15);

}

.cyb-cta-link{

    color:#111827;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.cyb-cta-link:hover{

    color:var(--cyb-primary);

}

/*--------------------------------------------------
 RIGHT SVG
--------------------------------------------------*/

.cyb-cta-image{

    position:relative;

    z-index:5;

    flex:0 0 320px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.cyb-cta-image img{

    display:block;

    width:100%;

    max-width:320px;

    height:auto;

    opacity:.35;

    filter:none;

}
/*--------------------------------------------------
 RESPONSIVE
--------------------------------------------------*/

@media(max-width:991px){

    .cyb-cta-box{

        flex-direction:column;

        text-align:center;

        padding:50px 30px;

    }

    .cyb-cta-content{

        max-width:100%;

    }

    .cyb-cta-actions{

        justify-content:center;

        flex-wrap:wrap;

    }

    .cyb-cta-image{

        width:220px;

    }

    .cyb-cta-content h2{

        font-size:38px;

    }

}