/* اصل، غیرت است */
/* +++----===== 👇JUST MAIN👇 +++----===== */
/* main */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    main {
        margin-top: 42px;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;

    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    main {
        margin-top: 42px;
        margin-left: 5px;
        margin-right: 5px;
        overflow: hidden;

    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    main {
        margin-top: 42px;
        margin-left: 15px;
        margin-right: 15px;
        overflow: hidden;

    }
}/* XLARGE */@media (min-width: 1280px) {
    main {
        margin-top: 42px;
        margin-left: 30px;
        margin-right: 30px;
        overflow: hidden;

    }
}


/* .yademan */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan {
        background-image: url("../assets/template-images/bg-gel.png");
        box-shadow: 0 0 110px rgb(126, 104, 78) inset;
        border-radius: 15px;
        height: auto;
        padding-bottom: 40px;

        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;

        z-index: 1;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan {
        background-image: url("../assets/template-images/bg-gel.png");
        box-shadow: 0 0 110px rgb(126, 104, 78) inset;
        border-radius: 20px;
        height: auto;
        padding-bottom: 40px;

        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;

        z-index: 1;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan {
        background-image: url("../assets/template-images/bg-gel.png");
        box-shadow: 0 0 110px rgb(126, 104, 78) inset;
        border-radius: 20px;
        height: auto;
        padding-bottom: 40px;

        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;

        z-index: 1;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan {
        background-image: url("../assets/template-images/bg-gel.png");
        box-shadow: 0 0 250px rgb(126, 104, 78) inset;
        border-radius: 45px;
        height: auto;
        padding-bottom: 110px;

        position: relative;
        display: flex;
        flex-direction: row;

        z-index: 1;
    }
}

/* .yademan .jelve-container */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .jelve-container {
        width: 100%;
        height: auto;

        position: static;
        /*top: 0;*/
        transform: scale(1) translateY(19%);

        display: flex;
        justify-content: center;
        align-items: center;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .jelve-container {
        width: 100%;
        height: auto;

        position: static;
        /*top: 0;*/
        transform: scale(1) translateY(12%);

        display: flex;
        justify-content: center;
        align-items: center;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .jelve-container {
        width: 100%;
        height: auto;

        position: static;
        /*top: 0;*/
        transform: scale(1) translateY(12%);

        display: flex;
        justify-content: center;
        align-items: center;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .jelve-container {
        width: 43%;
        height: 100%;

        position: sticky;
        top: 0;
        transform: scale(1.8) translateY(12%);

        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* .yademan .jelve-container .jelve */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .jelve-container .jelve {
        width: 313px;
        height: 360px;
        /*width: 360px;*/
        /*height: 414px;*/
        margin-top: -81px;
        margin-bottom: 150px;

        position: relative;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .jelve-container .jelve {
        width: 460px;
        height: 530px;
        margin-top: -81px;
        margin-bottom: 150px;

        position: relative;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .jelve-container .jelve {
        width: 600px;
        height: 690px;
        margin-top: -81px;
        margin-bottom: 150px;

        position: relative;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .jelve-container .jelve {
        width: 313px;
        height: 360px;
        margin-top: 50px;
        margin-bottom: 150px;

        position: relative;
    }
}


.yademan .jelve-container .jelve * {
    position: absolute;
}
.yademan .jelve-container .jelve .taqche { /* taqche */
    width: 100%;
    top: 62%;

    transform-origin: 50% 20%;
    animation-name: taqche;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
}
.yademan .jelve-container .jelve .qab-box { /* qab-box */
    width: 63%;
    right: 20%;
    top: 6%;
}
.yademan .jelve-container .jelve .qab-box .bg { /* bg */
    width: 70%;
    left: 15%;
    top: 9%;

    animation-name: bg-shahid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
}
.yademan .jelve-container .jelve .qab-box .shahid { /* shahid */
    width: 70%;
    left: 15%;
    top: 20%;

    animation-name: shahid;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
}
.yademan .jelve-container .jelve .qab-box .qab { /* qab */
    position: relative;
    width: 100%;
    height: auto;
}
.yademan .jelve-container .jelve .ruyetaqche { /* ruyetaqche */
    width: 100%;
    bottom: 27%;
}
.yademan .jelve-container .jelve .ruyetaqche .quran {
    width: 12%;
    right: 8%;
    bottom: 3%;
}
.yademan .jelve-container .jelve .ruyetaqche .parcham {
    width: 21%;
    right: 14%;
    position: relative;

    animation-name: parcham;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
    transform-origin: bottom;
}
.yademan .jelve-container .jelve .ruyetaqche .gol {
    height: 30%;
    bottom: 40%;
    left: 6%;

    animation-name: gol;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
    transform-origin: bottom;
}
.yademan .jelve-container .jelve .ruyetaqche .goldan {
    position: absolute;
    left: 12%;
    bottom: 4%;
    height: 41%;
}



/* .yademan .moshakhasat */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat {
        width: 100%;
        height: auto;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat {
        width: 100%;
        height: auto;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat {
        width: 100%;
        height: auto;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat {
        width: 57%;
        height: 100%;
    }
}

/* .yademan .moshakhasat .tablo-container */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .tablo-container {
        max-width: 760px;
        margin: auto;
        position: relative;
        font-size: 20px;
        transform: scale(1) translateX(0);
        z-index: 0;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .tablo-container {
        max-width: 760px;
        margin: auto;
        position: relative;
        font-size: 20px;
        transform: scale(1) translateX(0);
        z-index: 0;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .tablo-container {
        max-width: 760px;
        margin: auto;
        position: relative;
        font-size: 20px;
        transform: scale(1) translateX(0);
        z-index: 0;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .tablo-container {
        width: 100%;
        margin: auto;
        position: relative;
        font-size: 20px;
        transform: scale(1) translateX(0);
        z-index: 0;
    }
}

.yademan .moshakhasat .tablo-container .tablo-border {
    position: relative;
    width: 100%;
    z-index: 2;
}
.yademan .moshakhasat .tablo-container .tablo-bg {
    position: absolute;
    top: 15%;
    left: 7%;
    width: 87%;
    z-index: 1;
}

/* .yademan .moshakhasat .tablo-container .tablo-text-prefix */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .tablo-container .tablo-text-prefix {
        position: absolute;
        left: 20%;
        right: 15%;
        top: 25%;
        text-align: right;
        z-index: 3;

        color: white;
        font-weight: bold;
        font-size: 0.6em;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .tablo-container .tablo-text-prefix {
        position: absolute;
        left: 20%;
        right: 13%;
        top: 25%;
        text-align: right;
        z-index: 3;

        color: white;
        font-weight: bold;
        font-size: 0.7em;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .tablo-container .tablo-text-prefix {
        position: absolute;
        left: 20%;
        right: 20%;
        top: 25%;
        text-align: right;
        z-index: 3;

        color: white;
        font-weight: bold;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .tablo-container .tablo-text-prefix {
        position: absolute;
        left: 20%;
        right: 20%;
        top: 25%;
        text-align: right;
        z-index: 3;

        color: white;
        font-weight: bold;
    }
}


/* .yademan .moshakhasat .tablo-container .tablo-text-name */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .tablo-container .tablo-text-name {
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        text-align: center;
        z-index: 3;

        color: white;
        font-size: 1.2em;
        font-weight: bolder;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .tablo-container .tablo-text-name {
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        text-align: center;
        z-index: 3;

        color: white;
        font-size: 1.8em;
        font-weight: bolder;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .tablo-container .tablo-text-name {
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        text-align: center;
        z-index: 3;

        color: white;
        font-size: 2.5em;
        font-weight: bolder;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .tablo-container .tablo-text-name {
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        text-align: center;
        z-index: 3;

        color: white;
        font-size: 2.5em;
        font-weight: bolder;
    }
}

.yademan .moshakhasat .tablo-container .mahi {
    position: absolute;
    left: 50%;
    top: 69%;
    width: 6%;
    z-index: 5;

    animation-name: mahi;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    /*animation-direction: alternate-reverse;*/
}

/* .yademan .moshakhasat .details */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .details {
        /*padding-right: 10%;*/
        /*padding-left: 8%;*/
        /*margin-top: -7%;*/
        margin-bottom: 35px;
        position: relative;
        z-index: 1;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .details {
        /*padding-right: 10%;*/
        /*padding-left: 8%;*/
        /*margin-top: -7%;*/
        margin-bottom: 35px;
        position: relative;
        z-index: 1;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .details {
        padding-right: 10%;
        padding-left: 8%;
        /*margin-top: -7%;*/
        margin-bottom: 110px;
        position: relative;
        z-index: 1;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .details {
        padding-right: 10%;
        padding-left: 8%;
        /*margin-top: -7%;*/
        position: relative;
        z-index: 1;
    }
}

/* .yademan .moshakhasat .details .shahadat-details */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .details .shahadat-details {
        display: flex;
        direction: rtl;
        flex-direction: column;
        align-items: center;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .details .shahadat-details {
        display: flex;
        direction: rtl;
        flex-direction: column;
        align-items: center;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .details .shahadat-details {
        display: flex;
        direction: rtl;
        flex-direction: row;
        justify-content: space-between;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .details .shahadat-details {
        display: flex;
        direction: rtl;
        flex-direction: row;
        justify-content: space-between;
    }
}

/* .yademan .moshakhasat .details ul */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .moshakhasat .details ul {
        padding-left: 0;
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .moshakhasat .details ul {
        padding-left: 0;
        margin: 0;
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .moshakhasat .details ul {
        padding-left: 0;
        margin: 0;
        width: 47.5%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .moshakhasat .details ul {
        padding-left: 0;
        margin: 0;
        width: 47.5%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

.yademan .moshakhasat .details  ul li {

    font-weight: bold;
    font-size: large;
    list-style: none;

    margin-bottom: 8px;

    padding: 3px;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 7px;
}
.yademan .moshakhasat .details  ul li:not(.pigeon-li) {
    display: flex;
    direction: rtl;
    flex-direction: row;
    justify-content: stretch;

    background: rgb(153,116,86);
    background: linear-gradient(90deg, rgba(143,108,81,0.5) 1%, rgba(158,116,69,0.5) 100%);
}
.yademan .moshakhasat .details  ul .pigeon-li {
    text-align: center;
 }
.yademan .moshakhasat .details  ul .pigeon-li .pigeon {
    width: 27px;
    height: auto;
    display: inline-block;

 }
.yademan .moshakhasat .details .shahadat-details ul li .property {
    text-align: right;
}
.yademan .moshakhasat .details .shahadat-details ul li .value {
    flex-grow: 1;
    text-align: left;
}



.yademan .divider {
    display: block;
    background-color: white;
    border-radius: 100%;
    height: 8px;
    margin-top: 17px;
    margin-bottom: 25px;
}

/* .yademan .logo */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .logo {
        position: static;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .logo {
        position: static;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .logo {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .logo {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

.yademan .logo img {
    width: 135px;
}

/* .yademan .logo .logo-text */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan .logo .logo-text {
        position: static;

        width: max-content;
        font-weight: bold;
        font-size: 17px;
        opacity: 0.7;
        color: white;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan .logo .logo-text {
        position: static;

        width: max-content;
        font-weight: bold;
        font-size: 17px;
        opacity: 0.7;
        color: white;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan .logo .logo-text {
        position: absolute;
        right: 118px;
        bottom: 18px;

        width: max-content;
        font-weight: bold;
        font-size: 17px;
        opacity: 0.7;
        color: white;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan .logo .logo-text {
        position: absolute;
        right: 118px;
        bottom: 18px;

        width: max-content;
        font-weight: bold;
        font-size: 17px;
        opacity: 0.7;
        color: white;
    }
}


.yademan .logo .logo-text .en {
    font-family: 'Dosis';
    letter-spacing: 3px;
    direction: ltr;
}

/* .yademan-download  */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .yademan-download {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 15px;
        transition: 0.3s;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .yademan-download {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 19px;
        transition: 0.3s;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .yademan-download {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 22px;
        transition: 0.3s;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .yademan-download {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 22px;
        transition: 0.3s;
    }
}

.yademan-download:hover {
    text-shadow: 0 0 3px black;
    transform: scale(1.05);
}
.yademan-download a {

}
.revayatha {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* .revayat */
/* SMALL */@media (min-width: 0px) and (max-width: 479px) {
    .revayat {
        width: 40%;
        margin: 16px 0;
        transition: 0.3s;
    }
}/* MEDIUM */@media (min-width: 480px) and (max-width: 767px) {
    .revayat {
        width: 28%;
        margin: 16px 0;
        transition: 0.3s;
    }
}/* LARGE */@media (min-width: 768px) and (max-width: 1279px) {
    .revayat {
        width: 28%;
        margin: 16px 0;
        transition: 0.3s;
    }
}/* XLARGE */@media (min-width: 1280px) {
    .revayat {
        width: 15%;
        margin: 16px 0;
        transition: 0.3s;
    }
}

/*.revayat:hover {*/
/*    transform: translateY(-20px) scale(1.05);*/
/*}*/
.revayat img {
    width: 100%;
    cursor: pointer;
}
.revayatha .modal-title {
    flex-grow: 1;
    text-align: center;
    font-weight: bolder;
}
.revayatha .modal-close-sign {
    background-color: transparent;
    font-size: xxx-large;
}
.revayatha .modal-body {
    font-size: 1.1em;
}


/* +++----===== 👆JUST MAIN👆 +++----===== */