@font-face {
    font-family: Vazir;
    src: url('/dist/css/font/Vazir.eot');
    src: url('/dist/css/font/Vazir.eot?#iefix') format('embedded-opentype'), url('/dist/css/font/Vazir.woff') format('woff'), url('/dist/css/font/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/css/font/Vazir-Bold.eot');
    src: url('/dist/css/font/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('/dist/css/font/Vazir-Bold.woff') format('woff'), url('/dist/css/font/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/css/font/Vazir-Light.eot');
    src: url('/dist/css/font/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('/dist/css/font/Vazir-Light.woff') format('woff'), url('/dist/css/font/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@media only screen and (min-width:580px) {
    /* For tablets: */
    .slider {
        display: table;
        margin: auto;
        width: 100%!important;
    }
    .pic_5 {
        width: 100%;
        display: table!important;
    }
    .pic_6 {
        width: 100%;
        display: none!important;
    }
    .bg_2 {
        background-image: url("/dist/img/qday/Mask Group.png")!important;
        background-repeat: no-repeat;
        background-size: cover!important;
    }
    .logo {
        margin-top: 30%!important;
        width: 45%!important;
    }
    .bg_5 {
        background-image: url("/dist/img/qday/Group 7503.png")!important;
        background-repeat: no-repeat;
        background-size: contain;
        display: table;
    }
    .text_2 {
        text-align: center;
        color: #00237A;
        margin-top: 35%!important;
        margin-right: 0%!important;
        margin-left: 0%!important;
    }
    .text_5 {
        text-align: center;
        color: #00237A;
        margin-top: 35% !important;
        margin-left: 0%!important;
        margin-right: 0%!important;
    }
    .grid {
        display: grid!important;
    }
    .margin {
        margin: 0px!important;
    }
    .pic_2 {
        z-index: 1!important;
        width: 8%!important;
        float: right!important;
        margin-top: 0%!important;
    }
    .pic_4 {
        float: left;
        z-index: 1;
        width: 4%;
        position: inherit!important;
    }
    .pic_1 {
        float: right;
        z-index: 1;
        width: 8%;
        position: inherit!important;
        margin-top: 0px!important;
        margin-left: 0px!important;
    }
}


/* ----------------------------------------------------------------------------------------------------------------------------- */

body {
    font-family: 'Vazir', Arial, sans-serif;
    font-weight: normal;
    background: white;
    ;
    /* background-image: url("/dist/img/picopool/Mask Group (3).png") ; */
    /* overflow-x: hidden; */
}

.slider {
    display: table;
    margin: auto;
    width: 70%;
}

@media only screen and (max-width: 554px) {
    .navbar {
        padding: 0px !important;
        color: #000 !important;
        text-align: center;
    }
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        color: #000 !important;
    }
    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin: 0px 0px 20px 0px;
    }
}

.grid {
    display: list-item;
}

.margin {
    margin: 20px;
}

.text_2 {
    text-align: center;
    color: #00237A;
    margin-top: 18%;
    margin-left: 63%;
}

.text_5 {
    text-align: center;
    color: #00237A;
    margin-top: 24%;
    margin-right: 32%;
}

.bg_5 {
    background-image: url("/dist/img/qday/Mask Group (3).png");
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
}

.bg_2 {
    background-image: url("/dist/img/qday/Mask Group (footer2).png");
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
}

.pic_5 {
    width: 100%;
    display: none;
}

.pic_6 {
    width: 100%;
    display: table;
}

a {
    color: white !important;
    text-decoration: none;
    background-color: transparent;
}

.img {
    width: 35%;
}

.start {
    background-image: url("/dist/img/qday/Group 7527.png");
    width: 100%;
    background-repeat: no-repeat;
    direction: rtl;
    background-size: cover;
    background-position: top;
    margin-top: -5%;
}

.bg {
    /* background: rgba(255, 255, 255, 0.29);
      border: 1px solid #FFFFFF;
      box-sizing: border-box;
      backdrop-filter: blur(1px);
      border-radius: 30px; */
    margin-top: 18%;
    padding: 7px;
}

.near {
    display: contents;
    direction: ltr;
    text-align: right;
}

.textr {
    text-align: right;
}

.text {
    color: white;
}

.div {
    margin-top: 10%;
}

.drtl {
    direction: rtl;
}

.dltr {
    direction: ltr;
}

.div_1 {
    margin: auto;
    display: table;
}

.nav-link {
    color: white !important;
}

.pad15 {
    background: #EAF6FF;
    box-shadow: -7px 4px 22px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    display: table;
    margin-top: 26%;
    text-align: center;
}

.btn_1 {
    background: #F3EDFE;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 33%;
    margin-top: -3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
}

.icon_1 {
    margin-top: -50px;
    width: 30%;
    box-shadow: -18px 4px 20px rgb(0 0 0 / 12%);
    border-radius: 50%;
}

.text {
    color: white !important;
}

.text_1 {
    text-align: right;
    padding: 15px;
    color: #390039;
}

.color {
    color: #390039;
}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.slid {
    margin: auto;
    display: table;
}

.star {
    border: 0.5px solid #ffffff;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10%;
    transform: rotate(9.74deg);
    background: #FEFEFE;
    box-shadow: -18px 4px 20px rgb(0 0 0 / 12%);
    border-radius: 10px;
}

.text_3 {
    background: #FAFAFA;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 20px;
    margin-top: 25px;
    padding: 15px;
    text-align: right;
}

.text_4 {
    display: block;
    text-align: left;
}

.tt {
    display: contents;
}

.COL {
    background: linear-gradient(180deg, rgba(250, 245, 255, 0.26) 0%, rgba(108, 115, 242, 0.26) 0.01%, rgba(49, 223, 242, 0.26) 100%);
    border-radius: 20px;
    margin: auto;
}

.logo {
    margin-top: -20%;
    margin-right: 27%;
    width: 46%;
    display: table;
}

.font_1 {
    color: white;
    margin-top: 41px;
    text-align: right;
}

.font {
    font-size: 38px;
    color: #4850AC!important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: xx-large;
    color: white;
}

.navbar {
    padding: 0px!important;
}

.slide {
    padding: 15px;
    border-radius: 25px;
    /* margin-right: 70px; */
}

.slide1 {
    padding: 15px;
    border-radius: 25px;
    /* margin-left: 70px; */
}

.pic {
    position: absolute;
    z-index: 1;
    /* margin-left: 3%; */
    width: 18%;
}

.pic_1 {
    float: right;
    z-index: 1;
    width: 8%;
    position: absolute;
    margin-top: 68%;
    margin-left: 92%;
}

.pic_4 {
    float: left;
    z-index: 1;
    width: 4%;
    position: absolute;
}

.pic_7 {
    float: left;
    z-index: 1;
    width: 4%;
}

.pic_2 {
    z-index: 1;
    width: 8%;
    float: right;
    margin-top: -30%;
}

.pic_3 {
    margin-top: -13%;
    z-index: 1;
    position: absolute;
    width: 10%;
}

.left {
    display: block;
    text-align: left;
}

.COL_1 {
    margin: auto;
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}

.bb {
    background: black;
}

.star_1 {
    background: #33DCF2;
    box-shadow: -18px 4px 20px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    transform: rotate(-9.74deg);
}

.bg_icon {
    width: 80%;
    margin: auto;
    background: #DFE1FF;
    border-radius: 10px;
    margin-top: 9px;
}

.bg_liner {
    background: linear-gradient(182.28deg, #6C73F2 1.91%, #31DFF2 98.1%);
    border-radius: 15px;
    width: 100%;
    height: 60px;
}

.pad_0 {
    padding-right: 0px!important;
    padding-left: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
    text-align: center;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    margin: 10px;
    color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    border-radius: 50%;
    margin: 1%;
}

.MultiCarousel .leftLst {
    left: 0;
    position: revert;
}

.MultiCarousel .rightLst {
    right: 0;
    position: revert;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}