:root {
    --primary_font: 'Montserrat', sans-serif;
    --secondary_font: 'Poppins', sans-serif;

    --primary_color: #FBFCFF;
    --accent_color: #01CAFF; 
    --text_color: #FFF;
    --primary_bg: #030540;

}

/* Call To Action Start */
.d2c_c2a_wrapper {
    background: var(--primary_bg);
    padding: 50px 0px;
    background-image: url(../images/call_to_action_ellipse.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
}
h2 {
    color: var(--primary_color);
    font-family: var(--primary_font);
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
}
p {
    color: var(--primary_color);
    font-family: var(--primary_font);
    font-size: 18px;
    font-weight: 400;
    padding-right: 100px;
    margin-bottom: 40px;
}
.btn {
    color: var(--text_color);
    font-family: var(--secondary_font);
    font-size: 22px;
    font-weight: 700;
    border-radius: 5px;
    background: var(--accent_color);
    padding: 12px 40px 11px;
    border: 1px solid var(--accent_color);
    transition: all ease 0.4s;
}
.btn:hover {
    color: var(--accent_color);
    background: transparent;
    border: 1px solid var(--accent_color);
    transition: all ease 0.4s;
}
.btn:active {
    color: var(--accent_color) !important;
    background: transparent !important;
    border: 1px solid var(--accent_color) !important;
    transition: all ease 0.4s;
}
/* Call To Action End */



/* 
    Template Name: {{10+ Free Website Call To Action | Bootstrap UI Kits}}
    Template URL: {{https://designtocodes.com/product/10-free-website-call-to-action}}
    Description: {{Are you struggling to craft CTAs that capture attention and inspire action? Check out our 10+ free website Call To Action now!}}
    Author: DesignToCodes
    Author URL: https://www.designtocodes.com
    Text Domain: {{Call To Action | Bootstrap UI Kits}}
*/