.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(--cta-color);
    border:0;
    padding:12px 6px;
    }
    
    .estimate-box .btn.btn-primary:hover {
    background-color:var(--accent-color-alpha);
    border:0;
    color:#ffffff;
    }

    .intro-left img{
        max-width: 85%;
    }

    @media(max-width: 1140px){
        .intro-left img{
            max-width: 50%;
        }
    }

    .svc-card{
        height: 370px;
    }