.maincontent {
padding:0;
position:relative;
width:100%;
max-width:100%;
margin: 0 auto;
}

.estimate-box {
background:var(--accent-color);
margin:auto;
padding:25px;
color:#ffffff;
max-width:500px;
text-align:center;
position:relative;
z-index:2;
top:0px;
-webkit-box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.15); 
box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.15);
border-top:8px solid var(--accent-color-alpha);
}


.estimate-box h3 {
font-weight:700;
text-transform:uppercase;
}


/* -- Home - Estimate Box */



.estimate-heading {
    color: #F06C22;
    margin: 10px 0;
    font-weight: bold;
}


.service-type {
    width: 50%;
}

.project-type {
width:33%;
display:flex;
}

.radio_checkbox_value {
    width: 100%;
    color: #fff;
    padding: 5px;
}
.radio_checkbox_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
justify-content:center;
}


.estimate-box .form_field_wrapper {
    padding: 3px;
    margin-bottom: 5px;
}
.estimate-box .form_field_wrapper:hover {
    background: none;
}

.estimate-box .form_field_content {
    width: 100% !important;

}
.estimate-box .form_field_text,
.form_field_select,
.estimate-box .form_field_textarea {
    width: 100%;
    background: #ffffff;
}
.estimate-box .required_field_element {
    display: none;
}
.estimate-box .required_field {
    width: 100% !important;
}

.estimate-box .radio_checkbox {
    width: 100%;
}
.estimate-box .radio_checkbox img {
    width: 100%;
    height: auto;
}
.estimate-box .radio_checkbox input:focus ~ label {
    background: #ffffff;
}
.estimate-box .radio_checkbox input:checked ~ label {
    background: #fff;
    color: #F06C22;
}

.estimate-box .radio_checkbox i {
    vertical-align: middle;
    margin-right: 5px;
}

.estimate-box .thank_you_content {
    background: #F06C22;
    color: #fff;
    padding: 15px;
    font-weight: 600;
}

.estimate-box .form_field_title {
display:none;
}


#resroof-img {
background-image: url(/imageserver/_new_imageserver/HoverCards2022/asphalt-shingles-2.jpg);
background-size:cover;
background-position: bottom;   
background-repeat: no-repeat;
}



#commroof-img {
background-image: url(/imageserver/_new_imageserver/HoverCards2022/comm-roof.jpg);
background-size:cover;
background-position: bottom;   
background-repeat: no-repeat;
}


#siding-img {
background-image: url(/imageserver/_new_imageserver/HoverCards2022/siding-vinyl.jpg);
background-size:cover;
background-position: bottom;   
background-repeat: no-repeat;
}

.estimate-box .btn.btn-primary {
color:#ffffff;
width:70%;
text-transform:uppercase;
font-weight:800;
background-color:var(--accent-color-alpha);
border:0;
padding:12px 6px;
}

.estimate-box .btn.btn-primary:hover {
background-color:#2065e6;
border:0;
color:#ffffff;
}


.exterior-svc-section {
background: #f1f1f1;
margin-top:-20px;
padding-block: 17px;
}