@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/woff2/IRANSansWeb.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansWeb_Bold';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansWeb_Light';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/woff2/IRANSansWeb_Light.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSansWeb_UltraLight';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir-Light-FD-WOL';
    src: url('fonts/vaziri/Vazir-Light-FD-WOL.woff2') format('woff2');
}

@font-face {
    font-family: 'Vazir-Bold-FD-WOL';
    src: url('fonts/vaziri/Vazir-Bold-FD-WOL.woff2') format('woff2');
}

@font-face {
    font-family: 'BNazanin';
    src: url('LifePayment/fonts/BNazanin.ttf') format('truetype');
}

@font-face {
    font-family: 'BHoma';
    src: url('LifePayment/fonts/BHoma.ttf') format('truetype');
}

@font-face {
    font-family: 'Vazir-Bold-FD-WOL';
    src: url('fonts/vaziri/Vazir-Bold-FD-WOL.woff2') format('woff2');
}


.banner-image {
    box-shadow: 2px 2px 15px #666;
    width: 100%;

}
.banner {
    width: 100%;
}
.banner-datetime {
    top: 33%;
    left: 18%;
    font-size: 12px;
       position: absolute;
        font-family: Vazir-Bold-FD-WOL;
    }