@media only screen and (max-width: 600px) {
    .mid_section {
        background-image: url(../img/error_mobbg.svg);
        padding-top: 100px;
        padding-bottom: 77px;
    }

    .error_num {
        font-size: 128px;
    }

    .error_subtitle {
        font-size: 30px;
    }

    .error_border {
        padding: 48px 24px;
        gap: 24px;
        border-left: none;
        border-right: none;
    }

    /*.error_button {*/
    /*    margin-top: 32px;*/
    /*}*/
    
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {}

@media only screen and (min-width: 1349px) and (max-width:1439px) {}

@media only screen and (min-width: 1440px) and (max-width:1499px) {}

@media only screen and (min-width: 1500px) and (max-width:1599px) {}

@media only screen and (min-width: 1600px) and (max-width:1699px) {}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}











/*terms responsive css */


@media only screen and (max-width: 600px) {
    .terms_top {
        background-image: url(../img/termsbg_mob.svg);
        padding: 100px 0px;
    }

    .terms_blur {
        display: flex;
        flex-direction: column;
        padding: 64px 24px;
    }
  
    .terms_title {
        font-size: 32px;
        letter-spacing: 0.64px;
    }
     
    .content_section {
        display: flex;
        justify-content: center;
        padding: 40px 0px;
        background: white;
    }

    .term_container {
        background-color: white;
        background-image: none;
        gap: 24px;
        padding: 0px 24px;
    }
    
    .update_text {
        font-size: 16px;
        font-style: normal;
    }
    .terms_button {
        display: flex;
        align-items: center;
        gap: 16px;
        border: none;
        background: none;
        border-radius: 0px;
        padding: 0px;
        color: var(--core-off-white, #445C59);
        text-align: center;
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .terms_button:hover {
        display: flex;
        align-items: center;
        padding-right: 41px;
        border: none;
        background: none;
        padding: 0px;
        color: var(--core-off-white, #44877F);
        text-align: center;
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .terms_button:hover .error_arrow {
        transform: rotate(270deg);
    }
    
    .terms_button:hover .error_react {
        stroke: #445C59;
    }
    
    .terms_button:hover .error_path {
        stroke: #445C59;
    }
    .term_read_button{
        display: flex;
        justify-content: center;
    }
    
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {}

@media only screen and (min-width: 1349px) and (max-width:1439px) {}

@media only screen and (min-width: 1440px) and (max-width:1499px) {}

@media only screen and (min-width: 1500px) and (max-width:1599px) {}

@media only screen and (min-width: 1600px) and (max-width:1699px) {}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}