@font-face {
    font-family: 'yekan';
    src: url('../font/byekan.ttf') format('truetype');
}

@font-face {
    font-family: 'iranianSans';
    src: url('../font/iranian sans.ttf') format('truetype');
    src: url('../font/iransansweb(fanum).ttf') format('truetype');
}

@font-face {
    font-family: 'b_koodak';
    src: url('../font/b koodak bold_0.ttf') format('truetype');
}




/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #360550;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f29f05;
    border: 1px solid #bb4de6;
    border-radius: 1px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #823b84;
    }







@keyframes UpDown {
    0% {
        top: 0px;
    }

    50% {
        top: 10px;
    }

    100% {
        top: 0;
    }
}



.ScrollToTop {
    position: fixed;
    bottom: 25px;
    left: 25px;
    background: rgb(3 78 162 / 70%);
    cursor: pointer;
    color: white;
    z-index: 9999999999;
    padding: 6px 12px;
    border-radius: 50px;
    box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    display: none;
}

    .ScrollToTop:hover {
        background: rgb(3 78 162 / 100%);
    }

    .ScrollToTop i {
        font-size: 18px;
    }



* {
    box-sizing: border-box;
    padding: 0;
    font-family: 'iranianSans';
    line-height: 1.5;
    font-weight: normal;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fc {
    clear: both;
}

.headerfrontColer {
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
}

.headerfrontColer2 {
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
}

.carousel-inner {
    height: 100vh;
}

.HeaderSlideImage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: -100;
}

.slidecontent_txt {
    z-index: 10000;
}

.slidecontent_img {
    z-index: 14654;
}

.carousel-item .HeaderSlideImage {
    background-position: center;
    background-size: cover;
}

.carousel-item:nth-child(1) .HeaderSlideImage {
    background-image: url('/img/IndexHeaderBack3.jpg');
}

.carousel-item:nth-child(2) .HeaderSlideImage {
    background-image: url('/img/IndexHeaderBack2.jpg');
}

.carousel-item:nth-child(3) .HeaderSlideImage {
    background-image: url('/img/IndexHeaderBack1.jpg');
}



body {
    direction: rtl;
    background-color: white;
    overflow-x: hidden !important;
}

header {
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0;
    margin-bottom: 55px;
}

.crake-nav {
    /*background-color:rgba(0,0,0,.7);*/
    position: relative;
    top: 20px;
}

body > section {
    margin-bottom: 55px;
    width: 100%;
    margin: auto;
    padding: 20px;
}

div#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

#carouselExampleIndicators {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    /*z-index:80;*/
}






/*-----------------------------------------My Class & ID------------------------------------------*/
#Header_background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.slidecontent_txt {
    width: 50%;
    height: 80vh;
    padding: 50px 50px 0 0;
    padding-top: 40vh;
    text-align: right;
    vertical-align: middle
}

.slidecontent_img {
    width: 50%;
    height: 80vh;
    padding-top: 20vh;
}

.titleHeaderLBL {
    width: 100%;
    text-align: center;
}

.HeaderLBL {
}

.InnerLBL {
    font-size: 16px;
}



.W_yekan_LBL {
    color: white;
}

.B_yekan_LBL {
    color: black;
}

.IRSens_LBL {
}

.hoverscale {
    transition-duration: .5s;
}

    .hoverscale:hover {
        transform: scaleX(1.2)
    }
/*.hoverMoveUp {
    transition-duration: .5s;
}
.hoverMoveUp:hover {
    transform:translateY(-5px)
}*/

.Top_Fixed_nav {
    position: fixed;
    top: 0;
    transition-duration: .5s;
    background-color: #f29f05;
    opacity: .9;
    /*background-color: rgba(208,78,252,1);*/
}




.Fixed_PlaceHolder {
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

    .Fixed_PlaceHolder > label {
        position: absolute;
        top: 8px;
        left: 22px;
        color: #6b6b6b;
        background-color: white;
        transition-duration: .3s;
    }

.PlaceHolderMove {
    top: -15px !important;
    left: 8px !important;
    font-size: 20px !important;
}





.right_Fixed_Nav {
    position: fixed;
    top: 55vh;
    width: 400px;
    height: 164px;
    z-index: 1000;
    left: -370px;
    transition-duration: .6s;
}

    .right_Fixed_Nav > div {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        transition-duration: .6s;
        background-color: #f29f05;
        opacity: 0.9;
        /*background-color: rgba(78,33,254,.9);*/
        border-bottom: 1px solid white;
    }

        .right_Fixed_Nav > div:first-child {
            border-radius: 0 8px 0 0;
        }

        .right_Fixed_Nav > div:last-child {
            border-radius: 0 0 8px 0;
        }

        .right_Fixed_Nav > div:hover {
            left: 370px;
            border-bottom: 1px solid transparent;
            border-radius: 0 8px 8px 0;
            opacity: 1;
            /*border: 1px solid white;*/
        }

.right_nav_img {
    width: 40px;
    /*border-right:1px solid white;*/
    height: 40px;
    padding-top: 7px;
}

    .right_nav_img > i {
        color: white;
        font-size: 23px;
        margin: 5px;
    }

.right_nav_txt {
    width: 360px;
    text-align: center;
    padding-top: 7px;
}

    .right_nav_txt > label {
        color: white;
        font-size: 13px;
    }









.Section_content {
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 15px;
    box-shadow: 2px 2px 15px 0px #00000038;
    transition-duration: .5s;
    background-color: #faedfa;
    border-radius: 8px;
}

    .Section_content img {
        margin-bottom: 20px;
        transition-duration: .5s;
    }

    .Section_content h3 {
        color: #282828;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0px;
    }

    .Section_content p {
        color: #858585;
        text-align: justify;
        font-size: 15px;
        margin-bottom: 10px;
        transition-duration: .5s;
    }


    .Section_content:hover {
        transform: translateY(-10px);
        border-radius: 10px;
        /*background-color: #d1d1cb;*/
        /*background-color: #dededc*/
    }

        .Section_content:hover img {
            transform: translateY(10px)
        }

        .Section_content:hover p {
            color: #525252;
        }

p {
    text-align: justify;
}

.packageHeading {
    font-family: "iranianSans";
    font-weight: normal !important;
}

.Section_content2 {
    width: 100%;
    padding: 10px;
    text-align: right;
    margin: 15px;
    transition-duration: .5s;
    display: flex;
    align-items: center;
}

    .Section_content2 h4 {
        color: #282828;
        margin-bottom: 10px;
    }

    .Section_content2 p {
        color: #858585;
        font-size: 15px;
        margin-bottom: 10px;
        transition-duration: .5s;
    }

.Section_content2--main {
    display: flex;
}

.Section_content2--main--contant {
    flex: 0 0 50%;
    max-width: 50%;
}

.Section_content2--main--img div {
    flex: 0 0 100%;
    max-width: 100%;
}


.Section_content2--main--img {
    flex: 0 0 50%;
    max-width: 50%;
    margin: auto;
}


.rounded_div {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #f29f05;
    transition-duration: .5s;
    line-height: 75px;
    text-align: center;
}

    .rounded_div > i {
        font-size: 40px;
        color: #f29f05;
        transition-duration: .5s;
    }


.Section_content2:hover {
    transform: translateY(-10px);
}

    .Section_content2:hover p {
        color: #525252;
    }

    .Section_content2:hover .rounded_div {
        background-color: #f29f05;
    }

        .Section_content2:hover .rounded_div > i {
            color: white;
        }

.liveMove {
    position: relative;
    animation-name: UpDown;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



.Tab_Panel {
    margin-top: 50px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 1px 1px 1px 1px #888888;
    height: 550px;
}


#Index_section2 .row:first-child .Index_section2__content {
    margin-top: 10px !important;
}

.Index_section2__content {
    margin-top: 50px;
}

.Index_section2__title {
    display: inline-flex;
    align-items: center;
}

    .Index_section2__title i {
        font-size: 40px;
        color: #f29f05;
    }

    .Index_section2__title h3 {
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        margin: 0;
        margin-right: 5px;
    }




.copyright {
    font-family: "iranianSans";
    font-size: 13px;
    color: white !important;
    text-align: center;
}

.footer-area {
    position: relative;
    /*z-index:0;*/
}

.FooterIMG {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.FooterLayColor {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.FooterContent {
    position: relative;
    z-index: 10;
}

.single-footer-widget {
    text-align: center;
}

.LicenseLogoWrapper {
    padding: 15px;
}

.LicenseLogo {
    height: 120px;
    width: 120px;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    margin: auto;
    border-radius: 8px;
    padding: 10px;
}

    .LicenseLogo img {
        cursor: pointer;
        /*height: fit-content;*/
        filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.2));
        transition: all 0.15s ease-in-out;
    }

        .LicenseLogo img:hover {
            filter: none;
            transition: all 0.2s ease-in-out;
        }

.LicenseLogo__container {
    display: flex;
    justify-content: center;
}


.copyright-area {
    background-color: rgba(0,0,0,.5)
}

.footer-Title {
    color: aliceblue;
}




/* ======================================== */
/* ============== Responsive ============== */
/* ======================================== */
@media only screen and (max-width: 383px) {
    .app-download .section-title .download-btn {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

        .app-download .section-title .download-btn a {
            margin: 3px;
        }
}

@media only screen and (max-width: 420px) {
    .LicenseLogo {
        height: 90px !important;
        width: 90px !important;
    }
}

@media only screen and (max-width: 540px) {
    .tab .tabs li {
        -ms-flex: 0 0 30%;
        -webkit-box-flex: 0;
        flex: 0 0 30%;
        max-width: 30%;
        margin-bottom: 20px;
    }

    .tab .tabs {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .tab .tabs li a {
            width: max-content;
        }

    .tab__items {
        overflow: auto;
        margin-bottom: 20px;
    }

        .tab__items::-webkit-scrollbar {
            height: 5px;
        }

        .tab__items::-webkit-scrollbar-thumb {
            background: #f29f05;
            border: 1px solid #bb4de6;
            border-radius: 1px;
        }

        .tab__items::-webkit-scrollbar-track {
            background: #3605502b;
        }
}

@media only screen and (max-width: 767px) {
    .saas-tools .container {
        max-width: initial !important;
        padding: 0;
    }

    .footer-area .container {
        max-width: initial !important;
    }

    .carousel-item .item .slidecontent_txt {
        padding-top: 65px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 475px) {
    .Section_content__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

        .Section_content__item .Section_content {
            width: 95%;
        }
}

@media only screen and (max-width: 991px) {
    .MobileOff {
        display: none !important;
    }

    .ShowDesk {
        display: none !important;
    }

    .crake-mobile-nav {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: rgba(0,0,0,.9);
        height: 80px;
    }

        .crake-mobile-nav > nav > ul {
            margin: 0;
        }

    .logo > img {
        width: 200px !important;
    }


    #SideBarToggle {
        color: white;
        font-size: 30px;
        cursor: pointer;
        position: absolute;
        top: 26px;
        right: 30px;
    }

    .MobileSidebar {
        display: none;
        position: absolute;
        height: Calc(100vh - 80px);
        z-index: 10;
        top: 80px;
        min-width: 300px;
        max-width: 100vw;
        right: 0;
        background-color: rgba(0,0,0,.9);
        overflow-y: auto;
    }

        .MobileSidebar > ul {
            padding: 15px;
            border-top: 1px solid white;
        }

            .MobileSidebar > ul > li {
                display: block;
                border-bottom: 1px solid #ffffff3b;
                background: #ffffff0f;
                margin-bottom: 3px;
                transition: .3s all ease-in-out;
            }

                .MobileSidebar > ul > li:hover {
                    border-bottom: 1px solid #fff;
                    background-color: rgb(255 255 255 / 0.1);
                    transition: .2s all ease-in-out;
                }

                .MobileSidebar > ul > li:first-child {
                    text-align: center;
                    background: #f29f05;
                    border-bottom: none;
                    margin-bottom: 10px;
                    border-radius: 5px;
                }

                .MobileSidebar > ul > li:last-child {
                    border: none;
                }

        .MobileSidebar li > a {
            font-size: 15px;
            color: white;
        }

        .MobileSidebar li > label {
            font-size: 15px;
            color: white;
            cursor: pointer;
        }

    .dropdown_menu {
        padding-right: 35px;
        /*padding-top: 12px;*/
        margin-bottom: 20px;
        display: none;
        transition-duration: 1s;
    }

        .dropdown_menu > li {
            margin: 15px 0;
            border-right: 1.255px solid #ffffff54;
            padding-right: 10px;
            transition: .3s all ease-in-out;
        }

            .dropdown_menu > li:hover {
                border-right: 1.255px solid #fff;
                transition: .2s all ease-in-out;
            }

            .dropdown_menu > li > a {
                width: 100%;
            }

    .ShowSubMenu {
        display: block;
    }

    /*.dropdown_menu {
    }*/
    /* width */
    .MobileSidebar::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .MobileSidebar::-webkit-scrollbar-track {
        background: #120260;
    }

    /* Handle */
    .MobileSidebar::-webkit-scrollbar-thumb {
        background: #e1e1e1;
    }

        /* Handle on hover */
        .MobileSidebar::-webkit-scrollbar-thumb:hover {
            background: #a29baa;
        }


    .carousel-item .item {
        display: flex !important;
        flex-direction: column;
    }

        .carousel-item .item .slidecontent_txt {
            order: 2;
            width: 100%;
            height: 50vh;
            padding: 0px 20px 50px;
            padding-top: 32px;
            text-align: right;
            vertical-align: middle;
            text-align: center;
        }

        .carousel-item .item .slidecontent_img {
            order: 1;
            width: 100%;
            height: 360px;
            /*padding-top: 20vh;*/
        }

            .carousel-item .item .slidecontent_img img {
                width: auto !important;
                /*height: 100%;*/
                max-width: 289px;
            }


    div#particles-js {
        display: none !important;
    }


    .HeaderLBL {
        font-size: 20px;
        font-weight: bold;
        border-right: 4px solid #f29f05;
        display: inline-block;
        padding-right: 10px;
    }

    .InnerLBL {
        font-size: 15px;
        line-height: 1.5;
    }

    .Section_content2 {
        width: inherit;
        padding-right: 0;
        display: flex;
        background: white;
        box-shadow: 0 0 10px rgb(0 0 0 / 26%);
        text-align: center;
        border-radius: 8px;
        flex-direction: column;
        align-items: center;
    }

    .Section_content {
        margin: 8px;
    }


    .Section_content2--main {
        justify-content: space-evenly;
    }

    .Section_content2--main--contant {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Section_content2--main--img {
        display: none;
    }

    .Section_content h3 {
        color: #282828;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0px;
    }

    .rounded_div {
        margin-bottom: 10px;
    }

    .Section_content2 p {
        text-align: center;
    }


    #Index_section2 .row {
        flex-direction: column;
        align-items: center;
    }


    .app-download .download-image {
        text-align: center;
    }

    .download-btn {
        display: flex;
        justify-content: space-evenly;
    }

    .LicenseLogo {
        height: 100px;
        width: 100px;
    }
}

@media only screen and (min-width: 991px) {
    .ShowDesk {
        display: block !important;
    }
}

@media only screen and (min-width: 983px) {
    .Index_section2__content , #Index_section2 .row:first-child .Index_section2__content {
        margin: auto !important;
    }
}
@media only screen and (max-width: 983px) {
    .Index_section2__content, #Index_section2 .row:first-child .Index_section2__content {
        margin: 12px !important;
    }
}
/* ======================================== */
/* ============== Responsive ============== */
/* ======================================== */


.Section_content2--main--container {
    width: 100%;
    margin: auto;
    display: block;
    margin-top: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Section_content2--main--row {
    width: 590px;
    position: relative;
}

.Section_content2-item-1 {
    position: absolute;
    top: 90px;
    right: -60px;
}

.Section_content2-item-1-content {
    width: 225px;
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    right: -72px;
    top: 15px;
    position: relative;
}

.Section_content2-item-2 {
    position: absolute;
    top: 80px;
    right: 560px;
}

.Section_content2-item-2-content {
    width: 225px;
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    right: -72px;
    top: 15px;
    position: relative;
}

.Section_content2-item-3 {
    position: absolute;
    top: -90px;
    right: 270px;
}

.Section_content2-item-3-content {
    width: 225px;
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    right: -72px;
    top: 15px;
    position: relative;
}



#Section_content2-item {
    width: 0;
    cursor: pointer;
}

#Section_content2-content {
    background-color: #ffffffab;
    transition: .2s all cubic-bezier(0.65, 0.25, 0.47, 0.81);
}

#Section_content2-item:hover #Section_content2-content {
    background-color: #fffffff0;
}

#Section_content2-content h4 {
    font-size: 19px;
    text-align: center;
}

#Section_content2-content p {
    font-size: 15px;
    display: none;
}


.main--row__items .Section_content2-item-1, .main--row__items .Section_content2-item-2, .main--row__items .Section_content2-item-3 {
    transition-duration: .5s;
}

    .main--row__items .Section_content2-item-1:hover .rounded_div {
        background-color: #f29f05;
    }

        .main--row__items .Section_content2-item-1:hover .rounded_div > i {
            color: white;
        }

    .main--row__items .Section_content2-item-2:hover .rounded_div {
        background-color: #f29f05;
    }

        .main--row__items .Section_content2-item-2:hover .rounded_div > i {
            color: white;
        }

    .main--row__items .Section_content2-item-3:hover .rounded_div {
        background-color: #f29f05;
    }

        .main--row__items .Section_content2-item-3:hover .rounded_div > i {
            color: white;
        }