:root {
    /* color */
    --primary_color: #ECF2FE;
    --secondary_color: #020747;
    --color_one: #999999;
    /* font */
    --primary_font-family: 'Raleway', sans-serif;
    --secondary_font-family: 'Roboto', sans-serif;
}
.d2c_get_a_quote_wrapper {
    padding: 100px 0px;
    background: var(--secondary_color);
}
.d2c_get_a_quote_wrapper .d2c_title_wrapper {
    font-family: var(--primary_font-family);
    font-weight: 700;
    font-size: 55px;
    color: var(--primary_color);
    margin-top: 10px;
    text-transform: capitalize;
}
.d2c_get_a_quote_wrapper .d2c_content_wrapper {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_color);
}

.d2c_get_a_quote_wrapper .d2c_column {
    padding: 0px 10px;
}
.d2c_get_a_quote_wrapper .firstname {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_color);
    padding: 15px 0px;
}
.d2c_get_a_quote_wrapper .lastname {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_color);
    padding: 15px 0px;
}
.d2c_get_a_quote_wrapper .emailaddress {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_color);
    padding: 15px 0px;
}
.d2c_get_a_quote_wrapper .password {
    font-family: var(--secondary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_color);
    padding: 15px 0px;
}
.d2c_get_a_quote_wrapper .input_firstname {
    width: 100%;
    padding: 11px 10px 13px 16px;
    background: var(--primary_color);
    border-radius: 8px;
    border: none;
}
.d2c_get_a_quote_wrapper .input_firstname::placeholder {
    font-family: var(--primary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--color_one);
}
.d2c_get_a_quote_wrapper .input_firstname:focus {
    outline: none;
}
.d2c_get_a_quote_wrapper .input_lastname {
    width: 100%;
    padding: 11px 10px 13px 16px;
    background: var(--primary_color);
    border-radius: 8px;
    border: none;
}
.d2c_get_a_quote_wrapper .input_lastname::placeholder {
    font-family: var(--primary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--color_one);
}
.d2c_get_a_quote_wrapper .input_lastname:focus {
    outline: none;
}
.d2c_get_a_quote_wrapper .input_emailaddress {
    width: 100%;
    padding: 11px 10px 13px 16px;
    background: var(--primary_color);
    border-radius: 8px;
    border: none;
}
.d2c_get_a_quote_wrapper .input_emailaddress::placeholder {
    font-family: var(--primary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--color_one);
}
.d2c_get_a_quote_wrapper .input_emailaddress:focus {
    outline: none;
}
.d2c_get_a_quote_wrapper .input_password {
    width: 100%;
    padding: 11px 10px 13px 16px;
    background: var(--primary_color);
    border-radius: 8px;
    border: none;
}
.d2c_get_a_quote_wrapper .input_password::placeholder {
    font-family: var(--primary_font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--color_one);
}
.d2c_get_a_quote_wrapper .input_password:focus {
    outline: none;
}
.d2c_get_a_quote_wrapper .btn {
    font-family: var(--secondary_font-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--secondary_color);
    background: var(--primary_color);
    text-decoration: none;
    Width: 145px;
    Height: 47px;
    margin-top: 45px;
    margin-left: 10px;
    border-radius: 8px;
}
.d2c_get_a_quote_wrapper .btn:focus {
    box-shadow: none;
}

/* 
    <!-- 
      KIT Name: 10+ Get A Quote - Bootstrap Bundle
      Product URL: https://www.designtocodes.com/product/10-get-a-quote-bootstrap-bundle-2022/
      Product Description: The Get A Quote kit is made of all the basic elements you need to create a stunning website, from the start. 
      Author: designtocodes.com
      Author URI: https://www.designtocodes.com/
    -->
*/