.error_section {
    position: relative;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wave {
    position: relative;
    -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(0 0 0 / .2))
}

.wave span {
    position: relative;
    display: inline-block;
    color: #bd262b;
    font-size: 200px;
    text-transform: uppercase;
    animation: animate 2s ease-in-out infinite;
    animation-delay: calc(.1s*var(--i))
}

@keyframes animate {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-20px)
    }

    40%,
    100% {
        transform: translateY(0)
    }
}

.etra_page_txt p {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 20px 0;
    line-height: 1.7em
}

.extra_btn_inr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 10px
}

.t_extra_padd.pd100 {
    padding-top: 350px !important;
    padding-bottom: 100px !important
}

.popup {
    width: 100% !important;
    max-width: 50% !important;
}

.qoute_popup {
    width: 100%;
    height: 100%;
    padding: 40px !important;
    border: 1px dashed #BD262B
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #BD262B57;
    color: #000;
    border: 1px dashed #BD262B
}

.qoute_popup .cotnact_main_row .site_button {
    margin: auto
}

.da-popup-visible .sfm-navicon-button.sf_label_default {
    display: none
}

@media all and (min-width: 320px) and (max-width:767px) {

    .thank_you_section .wave span {
        font-size: 47px !important
    }

    .t_extra_padd.pd100 {
        padding-top: 50px !important;
        padding-bottom: 30px !important
    }

    .error_section .wave span {
        font-size: 88px
    }

    .etra_page_txt p {
        font-size: 14px
    }

    .cust_width.popup {
        width: 100% !important;
        max-width: 100% !important
    }

    .qoute_popup {
        padding: 20px 0 10px 0px !important
    }

}

@media all and (min-width: 481px) and (max-width:767px) {

    .error_section .wave span {
        font-size: 100px
    }

    .thank_you_section .wave span {
        font-size: 70px !important
    }

}

@media all and (min-width: 768px) and (max-width:980px) {

    .t_extra_padd.pd100 {
        padding-top: 100px !important;
        padding-bottom: 40px !important
    }

    .wave span {
        font-size: 120px
    }

    .etra_page_txt p {
        font-size: 14px
    }

    .qoute_popup {
        padding: 25px !important
    }

}

@media only screen and (min-width: 981px) and (max-width:1024px) {

    .t_extra_padd.pd100 {
        padding-top: 200px !important;
        padding-bottom: 50px !important
    }

    .wave span {
        font-size: 140px
    }

    .etra_page_txt p {
        font-size: 15px
    }

    .qoute_popup {
        padding: 30px !important
    }

}

@media all and (min-width: 1025px) and (max-width:1140px) {

    .t_extra_padd.pd100 {
        padding-top: 200px !important;
        padding-bottom: 50px !important
    }

    .wave span {
        font-size: 150px
    }

    .etra_page_txt p {
        font-size: 15px
    }

    .qoute_popup {
        padding: 30px !important
    }

}

@media all and (min-width: 1141px) and (max-width:1280px) {

    .wave span {
        font-size: 160px
    }

    .etra_page_txt p {
        font-size: 16px
    }

    .t_extra_padd.pd100 {
        padding-top: 200px !important;
        padding-bottom: 60px !important
    }

    .qoute_popup {
        padding: 30px !important
    }

}

@media all and (min-width: 1281px) and (max-width:1440px) {

    .wave span {
        font-size: 170px
    }

    .etra_page_txt p {
        font-size: 16px
    }

    .t_extra_padd.pd100 {
        padding-top: 250px !important;
        padding-bottom: 60px !important
    }

    .qoute_popup {
        padding: 30px !important
    }

}

@media all and (min-width: 1441px) and (max-width:1680px) {

    .wave span {
        font-size: 180px
    }

    .etra_page_txt p {
        font-size: 17px
    }

    .t_extra_padd.pd100 {
        padding-top: 250px !important;
        padding-bottom: 80px !important
    }

    .qoute_popup {
        padding: 30px !important
    }

}

@media all and (min-width: 1681px) and (max-width:1880px) {

    .wave span {
        font-size: 190px
    }

    .etra_page_txt p {
        font-size: 17px
    }

    .t_extra_padd.pd100 {
        padding-top: 300px !important;
        padding-bottom: 80px !important
    }

    .qoute_popup {
        padding: 30px !important
    }

}