img.home-icon {
    width: 20px;
    height: 20px;
}
.bgimage{
    margin-top: 20px;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    border-radius: 20px;
    width: 100%;
    background: url(../images/box-by-material.jpg);
    padding: 12% 60px;
}
.box-inside-image{
    width: 50%;
}
.box-inside-image h1{
    font-size: 28px;
}
.box-inside-image a.btn_custom{
    background-color: #fd7d77;
    padding: 6px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
}
.box-inside-image a.btn_custom:hover{
    background-color: #1b2b5c;
}
#box_by_material{
    padding: 60px 0;
    text-align: center;
}
#box_by_material .header_box{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
}
#box_by_material .header_box h2{
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#box_by_material .col-md-2 a{
    width: 100%;
}
#box_by_material .col-md-2 img{
    width: 100%;
    margin-bottom: 10px;
}
#box_by_material .col-md-2 span{
    font-weight: 600;
    font-size: 16px;
}
.get-a-quote-modal {
    background-color: #1b2b5c;
    color: #fff;
    padding: 10px 50px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    width: 250px;
    margin: 0 auto;
}
.get-a-quote-modal:hover {
    background-color: #fd7d77;
}
.get-a-quote-modal:focus,
.get-a-quote-modal:active{
    outline: none !important;
    box-shadow: none !important;
    background-color: #fd7d77;
    border: 0;
}
.two-section-layout {
    margin: 5rem 0;
}

.two-section-layout h3{
    font-size: 30px;
    font-weight: 650;
    margin-bottom: 10px;
}

.two-section-layout .row1st,
.two-section-layout .row2nd {
    margin-bottom: 80px;
}

@media screen and (max-width:767px) {
    .two-section-layout .row1st {
        margin-bottom: 3rem;
    }

    .two-section-layout .row2nd .col-md-6:first-child {
        order: 2;
    }

    .two-section-layout .row1st .col-md-6:first-child,
    .two-section-layout .row2nd .col-md-6:first-child {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:575px) {
    .two-section-layout {
        padding: 0 10px;
    }
}

/* Faq CSS */
.faq__section .accordion-flush .accordion-item .accordion-button {
    font-size: 16px !important;
    font-weight: 600;
}

.content.faq__section .accordion-item {
    margin: 15px 0;
    border: 1px solid #d7d7d7 !important;
}

.content.faq__section .accordion-item:first-child h2.accordion-header,
.content.faq__section .accordion-item:first-child,
.content.faq__section .accordion-item:first-child .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.content.faq__section .accordion-item:last-child h2.accordion-header,
.content.faq__section .accordion-item:last-child,
.content.faq__section .accordion-item:last-child .accordion-button {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.content.faq__section .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e5e5e5;
}

.content.faq__section .accordion-button:focus {
    box-shadow: none;
}

.content.faq__section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media screen and (max-width:767px) {
    .faq__section .accordion-flush .accordion-item .accordion-button {
        font-size: 14px !important;
    }
}
/* FAQ CSS Ends */

section#order_sample_section {
    margin-bottom: 60px !important;
}
#order_sample_section form input,
#order_sample_section form select{
    font-size: 16px;
    padding: 10px 12px;
    border-radius: 8px;
}
#order_sample_section .heading_description h2{
    font-size: 30px;
}
#order_sample_section form input:hover,
#order_sample_section form input:focus,
#order_sample_section form input:active,
#order_sample_section form select:hover,
#order_sample_section form select:focus,
#order_sample_section form select:active{
    outline: none;
    box-shadow: none;
    border-color: #fd7d77;
}
#order_sample_section form .custom-btn{
    padding: 6px 30px;
    font-size: 16px;
    border-radius: 8px;
    background-color: #fd7d77;
    border-color: #fd7d77;
}
#order_sample_section form .custom-btn:hover,
#order_sample_section form .custom-btn:focus,
#order_sample_section form .custom-btn:active{
    background-color: #1b2b5c;
    border-color: #1b2b5c;
    outline: none;
    box-shadow: none;
}

#order_sample_section .col-md-6{
    display: flex;
    align-items: center;
}
#order_sample_section .col-md-6 img{
    border-radius: 8px;
}

.img-inside img{
    border-radius: 12px;
}

@media screen and (max-width:767px) {
    .bgimage{
        padding: 30px;
        background-position: 100%;
        background-size: cover;
    }
    .box-inside-image {
        width: 70%;
    }
    #box_by_material .col-md-2{
        max-width: 50%;
        margin-bottom: 20px;
    }
    .two-section-layout .layout-box-content{
        padding: 30px 0;
    }
    .two-section-layout h3,
    .two-section-layout p{
        margin-bottom: 20px;
    }
    #order_sample_section .heading_description{
        text-align: center;
    }
    #order_sample_section .col-md-6{
        justify-content: center;
    }
    #order_sample_section .heading_description h2{
        margin-bottom: 20px;
    }
    #order_sample_section .col-md-6:last-child{
        margin-top: 30px;
    }
}