@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/persianFonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot?');
    src: url('../fonts/persianFonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/persianFonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../fonts/persianFonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('../fonts/persianFonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype')
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: hidden;
    direction: rtl;
    font-family: IRANSans;
}

body {
    /* Add any additional styles for the body here */
}

.background-gif {
    position: absolute;
    top: 24%;
    /* left: -15%; */
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url("../../storage/neocart/404Page.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.not-found-container {
    width: 100vw;
    height: 100vh;
    text-align: center;
    position: relative; /* Ensure the child elements are positioned relative to this container */
}

.not-found-container img {
    margin: 0 auto;
    width: 15%;
    height: auto;
    z-index: 1; /* Place the image above the background */
}

.not-found-container p {
    font-size: 3rem;
    color: #EECA63;
    z-index: 1; /* Place the paragraph above the background */
}
/*Mobiles*/
@media (max-width: 480px) {
    .not-found-container p {
        font-size: 24px;
    }
    .background-gif {
        top: 0;
    }
}
/* small device*/
@media (min-width: 481px) and (max-width: 767px) {
    .not-found-container p {
        font-size: 35px;
    }
    .background-gif {
        top: 2%;
    }
}