@font-face {
    font-family: IranSans;
    src: url(../Fonts/IRANSANS/woff2/IRANSansWeb.woff2) format(woff2);
}

body {
    font-family: IranSans !important;
}

header{
    background-color: #F0C80F;
}

aside {
    direction: ltr;
    position: fixed;
    top: 0px;
    right: -65%;
    width: 65%;
    height: 100lvh;
    background-color: #292626;
    transition: right 0.2s ease-in-out;
    background-image: url(../images/langBg.png);
    background-size: 100% 100%;
    z-index: 1000;
}

.active {
    right: 0px;
}

.antiAside {
    position: fixed;
    width: 100%;
    height: 100lvh;
    top: 0px;
    right: 0px;
    direction: ltr;
    background-color: rgba(0, 0, 0, .2);
    display: none;
    z-index: 999;
}

.antiActive {
    display: block;
}

.greatFont{
    @media only screen and (min-width: 992px){
        font-size: 18px;
    }
}

.fontSizeTitle{
    @media only screen and (min-width: 450px){
        font-size: 20px;
        text-align: center;
    } 
}

.bi-plus{
    cursor: pointer;
}
.bi-dash{
    cursor: pointer;
}

.bigImg{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90svw;
    max-height: 90svh;
    z-index: 1000;
}

.backgroundDiv{
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100svw;
    height: 100svh;
    z-index: 999;
    top: 0px;
    left: 0px;
}

* {
    box-sizing: border-box;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 3px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 70px;
    height: 70px;
}

.img-zoom-result {
    /* border: 1px solid #d4d4d4; */
    /*set the size of the result div:*/
    width: 50vw;
    aspect-ratio: 1/1;
    position: fixed;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    max-width: 90svw;
    max-height: 90svh;
    z-index: 1000;
    /* box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.304);
    border-radius: 10px; */
}

.colorActive{
    border-color: #0075ff !important;
}