/*#region Body*/

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: normal;
    src: url('../Font/IRANYekan/iranyekanwebregular(fanum).eot');
    src: url('../Font/IRANYekan/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Font/IRANYekan/iranyekanwebregular(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/IRANYekan/iranyekanwebregular(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/IRANYekan/iranyekanwebregular(fanum).ttf') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: bold;
    src: url('../Font/IRANYekan/iranyekanwebbold(fanum).eot');
    src: url('../Font/IRANYekan/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Font/IRANYekan/iranyekanwebbold(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/IRANYekan/iranyekanwebbold(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/IRANYekan/iranyekanwebbold(fanum).ttf') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 300;
    src: url('../Font/IRANYekan/iranyekanweblight(fanum).eot');
    src: url('../Font/IRANYekan/iranyekanweblight(fanum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Font/IRANYekan/iranyekanweblight(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/IRANYekan/iranyekanweblight(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/IRANYekan/iranyekanweblight(fanum).ttf') format('truetype');
}


@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: normal;
    src: url('../Font/Vazir/Vazir.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir.ttf') format('truetype');
}


@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('../Font/Vazir/Vazir-Bold.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir-Bold.ttf') format('truetype');
}


@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('../Font/Vazir/Vazir-Medium.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir-Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('../Font/Vazir/Vazir-Thin.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir-Thin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir-Thin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir-Thin.ttf') format('truetype');
}


@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: lighter;
    src: url('../Font/Vazir/Vazir-Light.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir-Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir-Light.ttf') format('truetype');
}


@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('../Font/Vazir/Vazir-Medium.eot') format('embedded-opentype');
    src: url('../Font/Vazir/Vazir-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Font/Vazir/Vazir-Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Font/Vazir/Vazir-Medium.ttf') format('truetype');
}


body {
    font-family: IRANYekan !important;
    overflow-x: hidden;
    overflow-y: scroll;
    cursor: default;
    direction: rtl;
}


@media screen and (max-width:299px) and (min-width:0px) {
    body {
        display: none !important;
    }
}



/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
    display: none !important;
}

/* Hide scrollbar for IE and Edge */
* {
    -ms-overflow-style: none !important;
    overflow: -moz-scrollbars-none !important; /* Old Versions */
}

input, button, select, textarea {
    outline: none !important;
}


@media screen and (max-width:299px) and (min-width:0px) {
    body {
        display: none !important;
    }
}


/*#endregion Body*/


/*#region root*/

:root {
    --Banner_Lg: calc(100% - 100px);
    /*--Banner_xs: calc(100% - 100px);*/
}

/*#endregion root*/

/********************************************************************************************************** First Section */
/*#region FirstSection*/
/********************************************************************************************************** Top Navbar */
/*#region TopNavbar*/
.SectionContent {
    width: 100%;
    height: auto;
    /*background: linear-gradient(top, #628FFC, #628FFC var(--Banner_Lg), transparent var(--Banner_Lg), transparent 100%), url('../../Images/Landing/shape=cloud.svg') bottom no-repeat;
    background: -webkit-linear-gradient(top, #628FFC, #628FFC var(--Banner_Lg), transparent var(--Banner_Lg), transparent 100%), url('../../Images/Landing/shape=cloud.svg') bottom no-repeat;*/
    background-size: 100%;
    background-color: #628FFC;
}


/*.Mowji {
        background: url('../../Images/Landing/Vector.svg') bottom no-repeat;
    }*/


.rColBanner {
    padding-bottom: 120px;
    float: right;
    display: grid;
}

.lColBanner {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
}

a, a:hover {
    text-decoration: none !important;
}

@media screen and (min-width:768px) {
    /*.SectionContent {
        height: 800px;
        background-image: url(../../Images/Landing/TopBackground_lg.png);
        background-size: 100% 100%;
    }*/
    .TopRow {
        width: 100%;
        direction: rtl;
        height: auto;
        padding: 50px 56px;
        display: inline-flex;
    }

    .TopLogoGroup {
        float: right;
        display: inline-flex;
    }

    .AsemoonCloud {
        width: auto;
        height: 40px;
        object-fit: contain;
        float: right;
    }

    .NavLinksDiv {
    }


    .NavLinks {
        display: inline-flex;
        float: right;
        direction: rtl;
    }

    .LinkDiv {
        cursor: pointer;
    }

    .NavLinks .LinkDiv:first-child {
        margin-right: 70px;
    }

    .LinkDiv a, .LinkDiv a:hover {
        color: #ffffff;
        opacity: 1 !important;
        text-decoration: none;
        width: 100%;
        height: 100%;
        padding: 10px 17px;
        font-family: IRANYekan !important;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        display: inline-flex;
    }



    .LeftOfNav {
        display: inline-flex;
        float: left;
        position: absolute;
        left: 56px;
    }

    .RegisterBtn {
        width: 140px;
        height: 40px;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        color: #485465;
        font-family: IRANYekan !important;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        padding: 10px;
        text-align: center;
    }
}


@media screen and (max-width:992px) {
    .rColBanner {
        padding-bottom: 70px;
    }
}


@media screen and (max-width:900px) and (min-width:768px) {

    .NavLinksDiv {
        height: 40px;
        margin-top: 70px;
    }


    .NavLinks {
        display: inline-flex;
        float: right;
        direction: rtl;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
    }

        .NavLinks .LinkDiv {
            cursor: pointer;
            position: relative;
            width: 25%;
            text-align: center;
        }


            .NavLinks .LinkDiv a, .NavLinks .LinkDiv a:hover {
                color: #ffffff;
                opacity: 1 !important;
                text-decoration: none;
                width: 100%;
                height: 40px;
                padding: 10px 17px;
                font-family: IRANYekan !important;
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                display: grid;
            }


            .NavLinks .LinkDiv:first-child {
                margin-right: auto;
            }
}


@media screen and (max-width:768px) and (min-width:300px) {

    .rColBanner {
        display: flex;
        padding-left: 31px;
        min-width: 250px;
        flex-wrap: wrap;
    }

    /*.SectionContent {
        width: 100%;
        height:auto;
        height: 550px;
        background-image: url(../../Images/Landing/TopBackground_xs.png);
        background-size: 100% 100%;
    }*/
    .TopRow {
        width: 100%;
        direction: rtl;
        height: auto;
        padding: 22px;
        display: inline-flex;
    }

    .TopLogoGroup {
        float: right;
        margin-top: 4px;
        display: inline-flex;
    }


    .AsemoonCloud {
        width: auto;
        height: 25px;
        object-fit: contain;
        float: right;
        visibility: initial;
    }

    .NavLinksDiv {
        height: 40px;
        margin-top: 59px;
    }


    .NavLinks {
        display: inline-flex;
        float: right;
        direction: rtl;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
    }

        .NavLinks .LinkDiv {
            cursor: pointer;
            position: relative;
            width: 25%;
            text-align: center;
        }


    .LinkDiv a, .LinkDiv a:hover {
        color: #ffffff;
        opacity: 1 !important;
        text-decoration: none;
        width: 100%;
        height: 40px;
        padding: 12px 0;
        font-family: IRANYekan !important;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        display: grid;
    }



    .LeftOfNav {
        display: inline-flex;
        float: left;
        position: absolute;
        left: 22px;
    }

    .RegisterBtn {
        width: 101px;
        height: 29px;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        color: #485465;
        font-family: IRANYekan !important;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        padding: 6px;
        text-align: center;
    }

    .LeftOfNav .LinkDiv a, .LeftOfNav .LinkDiv a:hover {
        height: 29px;
        padding: 6px 17px;
    }
}


@media screen and (max-width:400px) and (min-width:300px) {
    .AsemoonCloud {
        content: url("../../Images/Landing/AsemoonCloud.png");
    }
}


/*#endregion TopNavbar*/

/********************************************************************************************************** Big Title Etc */

/*#region BigTitleEtc*/


.TopBigTitle {
    text-align: right;
    color: #ffffff;
    width: auto;
    /*height: 225px;*/
    font-family: Vazir;
    font-weight: bold;
    float: right;
    font-size: 48px;
    margin-right: 63px;
}

.Second_TopBigTitle, .SectionTitle {
    font-size: 38px;
}

.TopBigTitleBr1 {
    display: none;
}

.TopBigTitleBr2 {
    display: block;
}

.Asoone, .FreeTest {
    direction: rtl;
    text-align: right;
    color: #ffffff;
    font-family: IRANYekan;
    /*font-size: 2.344vw;*/
    font-size: 16px;
    /*font-weight: bold;*/
    float: right;
    margin-right: 63px;
    max-width: 600px;
    margin-top: 25px;
    margin-bottom: 30px;
    line-height: initial;
}

.Price {
    color: #ffffff;
    margin-right: 63px;
    font-weight: bold;
    font-size: 25px;
    /*line-height: 43px;*/
}

/*.FreeTest {
    color: #ffffff;
    margin-right: 63px;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
}*/

.VisitFacilitiesBtn {
    float: right;
    width: 167px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    color: #485465;
    font-family: IRANYekan !important;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    margin-right: 63px;
    margin-top: 40px;
}

.TopPicture {
    /*width: 50%;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:900px) and (min-width:768px) {
/*    .TopPicture {
        width: 317px;
        height: 346px;
    }*/
}

@media screen and (max-width:768px) and (min-width:300px) {
    .TopBigTitle {
        height: 93px;
        width: auto;
        /*font-size: 6.667vw;*/
        margin-right: 31px;
    }

    .Price {
        margin-right: 31px;
    }

    .TopBigTitleBr1 {
        display: block;
    }

    .TopBigTitleBr2 {
        display: none;
    }

    .Asoone, .FreeTest {
        /*font-size: 4vw;*/
        margin-right: 31px;
        margin-top: 20px;
    }


    .VisitFacilitiesBtn, .MyBtn {
        width: max-content;
        font-size: 12px !important;
        padding: 10px 15px !important;
    }

    .VisitFacilitiesBtn {
        margin-right: 23px;
        margin-top: 30px;
    }
}

@media screen and (max-width:768px) and (min-width:700px) {
    .TopBigTitle {
        font-size: 41px;
    }

    .Second_TopBigTitle, .SectionTitle {
        font-size: 31px;
    }

    .Asoone {
        /*margin-top: 110px;*/
        margin-top: 50px;
    }

    .Asoone, .FreeTest {
        font-size: 14.5px;
    }

    .Price {
        font-size: 19px;
    }

    .TopPicture {
       /* width: 317px;
        height: 346px;*/
        margin-top: -155px;
    }
}

@media screen and (max-width:700px) and (min-width:533px) {
    .TopBigTitle {
        font-size: 34px;
    }

    .Second_TopBigTitle, .SectionTitle {
        font-size: 24px;
    }

    .Asoone {
        /*margin-top: 80px;*/
        margin-top: 50px;
    }

    .Asoone, .FreeTest {
        font-size: 13px;
    }


    .Price {
        font-size: 17px;
    }


    .TopPicture {
        /*width: 259px;
        height: 283px;*/
        margin-top: -85px;
    }
}


@media screen and (max-width:533px) and (min-width:300px) {
    .TopBigTitle {
        font-size: 27px;
    }

    .Second_TopBigTitle, .SectionTitle {
        font-size: 17px;
    }

    .Asoone, .FreeTest {
        font-size: 11.5px;
        /*margin-top: 50px;*/
    }

    .Price {
        font-size: 13px;
    }

    .TopPicture {
        /*width: 259px;
        height: 283px;*/
        margin-top: -50px;
    }
}

@media screen and (max-width:415px) and (min-width:300px) {

    .TopPicture {
        /*width: 201px;
        height: 220px;
        margin-left: 5%;*/
        margin-top: -15px;
    }
}
/*#endregion BigTitleEtc*/
/*#endregion FirstSection*/
/********************************************************************************************************** Second Section */
/*#region SecondSection*/

.myCol {
    float: right;
    direction: rtl;
}





.SecondSectionDiv {
    direction: rtl;
    text-align: center;
    color: #485465;
    width: 100%;
    margin-bottom: 120px;
}

    .SecondSectionDiv:last-child {
        margin-bottom: 30px;
    }


.SecondSectionTitle {
    font-family: Vazir;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 15px;
}

.SecondSectionContent {
    font-family: IRANYekan;
    font-size: 16px;
    font-weight: bold;
    margin: 15px auto 65px;
}

.SecondSectionContent2 {
    line-height: 3;
}


.SecondSectionContent p {
    margin: 0;
}



@media screen and (max-width:768px) and (min-width:533px) {
    .SecondSectionContent2 {
        padding: 0 50px;
    }
}


@media screen and (max-width:768px) and (min-width:300px) {

    .SecondSectionDiv {
        direction: rtl;
        text-align: center;
        color: #485465;
        width: 100%;
        /*margin-top: 100px;*/
        padding-right: 31px;
        padding-left: 25px;
        margin-bottom: 60px;
    }

        .SecondSectionDiv:last-child {
            margin-bottom: 25px;
        }



    .SecondSectionTitle {
        font-family: Vazir;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .SecondSectionContent {
        font-family: IRANYekan;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
    }


    .SecondSectionContent2 {
        line-height: normal;
    }
}



/*#endregion SecondSection*/


/********************************************************************************************************** Third Section */
/*#region ThirdSection */


.ThirdSectionRow {
    background-image: url(../../Images/Landing/ThirdSectionBG.png);
    background-size: 100% 100%;
    margin-bottom: 100px;
}

.ThirdSection_PictureDiv {
    width: 100%;
    margin-bottom: 70px;
}

.ThirdSectionCol {
    text-align: center;
}


.PictureInfo {
    direction: rtl;
    text-align: center;
    color: #485465;
    font-family: IRANYekan;
    font-size: 18px;
    font-weight: bold;
}

.WebPicture {
    /*width: 411px;
    height: 283px;*/
    width: 100%;
    height: auto;
    object-fit: contain;
}


@media screen and (max-width:768px) and (min-width:300px) {

    .ThirdSectionRow {
        margin-bottom: 60px;
    }


    .PictureInfo {
        font-size: 10.8px;
    }

    .WebPicture {
        width: 247px;
        height: 170px;
    }
}




/*#endregion ThirdSection */



/********************************************************************************************************** Fourth Section */

/*#region FourthSection */


/*.MobileImg, .FourthSectionSecondRow {
    display: none;
}*/

.MobileImg {
    width: 100%;
}

.FourthSectionTitle {
    text-align: center;
    color: #ffffff;
    font-family: Vazir;
    font-weight: bold;
}

.FourthSectionContent {
    text-align: right;
    color: #ffffff;
    font-family: IRANYekan;
    font-size: 18px;
    font-weight: bold;
    direction: rtl;
    max-width: 421px;
}


.SecondRegisterBtn {
    text-align: center;
    color: #485465;
    font-family: IRANYekan;
    font-size: 14px;
    font-weight: bold;
    width: 140px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding-top: 10px;
    cursor: pointer;
    margin-right: 50px;
    margin-top: 40px;
}

.FourthSectionContainer {
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, #668EED 0%, #5CC0F5 100%);
}

@media screen and (min-width:1200px) {

    .FourthSectionTitle {
        font-size: 48px;
    }


    .FourthSectionContent {
        margin-right: 30px;
    }
}


@media screen and (max-width:1199px) and (min-width:992px) {


    .FourthSectionTitle {
        font-size: 42.4px;
    }


    .FourthSectionContent {
        margin-right: 20px;
    }


    .SecondRegisterBtn {
        margin-top: 120px;
        position: absolute;
        left: 50%;
    }
}


@media screen and (max-width:991px) and (min-width:768px) {


    .FourthSectionTitle {
        font-size: 36.8px;
    }


    .FourthSectionContent {
        margin-right: 20px;
    }



    .SecondRegisterBtn {
        margin-top: 120px;
        position: absolute;
        left: 50%;
    }
}


@media screen and (max-width:767px) and (min-width:300px) {


    .MobileImg {
        display: block;
        object-fit: contain;
        width: 70%;
        margin-top: 60px;
    }


    .FourthSectionTitle {
        font-size: 28px;
    }



    .FourthSectionContent {
        text-align: right;
        color: #ffffff;
        font-family: IRANYekan;
        font-size: 12px;
        font-weight: bold;
        direction: rtl;
        /*width: 247px;*/
        margin-right: -100px;
        padding-left: 50px;
        margin-top: 10px;
    }


    .SecondRegisterBtn {
        font-size: 12px;
        padding-top: 6px;
        width: 101px;
        height: 29px;
        margin-top: 90px;
        position: absolute;
        left: 50%;
        transform: translate(30%);
    }
}



@media screen and (max-width:500px) and (min-width:300px) {


    .FourthSectionTitle {
        font-size: 22px;
    }


    .MobileImg {
        display: block;
        object-fit: contain;
        width: 100%;
    }


    .FourthSectionContent, .SecondRegisterBtn {
        display: none;
    }

    .FourthSectionSecondRow {
        display: block;
    }


    .FourthSectionSecondContent {
        text-align: right;
        color: #ffffff;
        font-family: IRANYekan;
        font-size: 12px;
        font-weight: bold;
        direction: rtl;
        padding: 0 50px;
    }

    .SecondRegisterBtn2 {
        text-align: center;
        color: #485465;
        font-family: IRANYekan;
        font-size: 12px;
        font-weight: bold;
        width: 101px;
        height: 29px;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        padding-top: 6px;
        cursor: pointer;
        margin-right: 50px;
        margin-top: 40px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
}



@media screen and (max-width:350px) and (min-width:300px) {


    .FourthSectionTitle {
        font-size: 20px;
    }


    .FourthSectionSecondContent {
        padding: 0 30px;
    }
}


/*#endregion FourthSection */


/********************************************************************************************************** Fifth Section */

/*#region FifthSection */

@media screen and (min-width:1200px) {


    .SupportInfoImg {
        width: 100%;
    }

    .PosDeviceImg {
        width: 100%;
        height: 165px;
    }

    .FifthSectionTitle {
        text-align: center;
        color: #485465;
        font-family: Vazir;
        font-size: 24px;
        font-weight: bold;
        margin: 35px 0;
    }
}


@media screen and (max-width:1199px) and (min-width:992px) {



    .PosDeviceImg {
        float: left;
        width: 200px;
        margin-top: 20%;
    }

    .SupportInfoImg {
        float: left;
        width: 200px;
        margin-top: 7%;
    }

    .FifthSectionTitle {
        font-size: 22px;
        margin: 35px auto;
        text-align: center;
    }
}


@media screen and (max-width:991px) and (min-width:300px) {

    .PosDeviceImg {
        float: left;
        width: 150px;
        margin-top: 20%;
    }

    .SupportInfoImg {
        float: left;
        width: 150px;
        margin-top: 7%;
    }

    .FifthSectionTitle {
        font-size: 18px;
        margin: 25px 0;
        text-align: center;
    }
}


@media screen and (max-width:500px) and (min-width:300px) {



    .mycol-12 {
        width: 100%;
    }



    .SupportInfoImg {
        /*width: 200px;*/
        /*width: 100%;*/
        height: 157px;
        /*object-fit: contain;*/
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }

    .PosDeviceImg {
        /*width: 141px;*/
        /*width: 100%;*/
        height: 103px;
        /*object-fit: contain;*/
        margin-top: 70px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }


    .FifthSectionTitle {
        text-align: center;
        color: #485465;
        font-family: Vazir;
        font-size: 20px;
        font-weight: bold;
        width: 100%;
        margin-top: 25px;
    }
}


/*#endregion FifthSection */


/********************************************************************************************************** Sixth Section */

/*#region SixthSection */

.SixthSectionBgImg {
    width: 100%;
    height: auto;
}


@media screen and (min-width:768px) {


    .SixthTitle {
        text-align: center;
        color: #2A323C;
        font-family: Vazir;
        font-size: 60px;
        font-weight: bold;
        width: 100%;
    }


    .CustomersBox_Desktop {
        padding-left: 20%;
        padding-right: 20%;
        margin-top: 50px;
        /*text-align: center;*/
    }


    .CustomersBox_XS {
        display: none !important;
    }


    .mySixthSectionColStyle {
        float: right;
    }

    .CustomerGroup {
        display: inline-flex;
        direction: rtl;
    }


    .CustomerIcon {
        width: 60px;
        height: 60px;
    }


    .CustomerImage {
        width: 100%;
        height: 100%;
    }


    .CustomerTxt {
        text-align: right;
        color: #2A323C;
        font-family: IRANYekan;
        font-size: 16px;
        font-weight: bold;
        padding-top: 20px;
        margin-right: 10px;
        display: ruby;
        display: block ruby;
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {

    .CustomersBox_Desktop {
        /*height: 1300px;*/
        height: auto;
        padding-left: 10%;
        padding-right: 15%;
    }


    .CustomerIcon {
        width: 50px;
        height: 50px;
    }

    .CustomerTxt {
        font-size: 14px;
        padding-top: 8px;
    }
}

@media screen and (max-width:991px) and (min-width:801px) {



    .CustomersBox_Desktop {
        height: auto;
        padding-left: 10%;
        padding-right: 15%;
    }


    .CustomerIcon {
        width: 40px;
        height: 40px;
    }

    .CustomerTxt {
        font-size: 14px;
        padding-top: 10px;
    }
}

@media screen and (max-width:800px) and (min-width:300px) {

    .CustomersBox_XS {
        display: block !important;
    }


    .CustomersBox_Desktop {
        display: none !important;
    }



    .SixthTitle {
        text-align: center;
        color: #ffffff;
        font-family: Vazir;
        font-size: 20px;
        font-weight: bold;
        width: 100%;
    }


    .CustomerGroup {
        display: inline-flex;
        direction: rtl;
        margin-bottom: 15px;
    }


    .CustomerIcon {
        width: 30px;
        height: 30px;
    }


    .CustomerImage {
        width: 100%;
        height: 100%;
    }


    .CustomerTxt {
        text-align: right;
        color: #2A323C;
        font-family: IRANYekan;
        font-size: 14px;
        font-weight: bold;
        padding-top: 5px;
        margin-right: 10px;
        display: ruby;
        display: block ruby;
    }

    .SixthSectionUl_xs {
        list-style: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }



    /*#region ListSlider*/

    /* Slideshow container */
    .slideshow-container {
        max-width: 1000px;
        position: relative;
        margin: auto;
        height: 400px;
    }

    /* Hide the images by default */
    .mySlides {
        display: none;
    }

    /* Next & previous buttons */
    .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: auto;
        margin-top: -22px;
        padding: 16px;
        color: #628FFC;
        font-weight: bold;
        font-size: 40px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        text-decoration: none !important;
    }

    /* Position the "next button" to the right */
    .next {
        left: 0;
        border-radius: 3px 0 0 3px;
    }


    .prev {
        right: 0;
        border-radius: 3px 0 0 3px;
    }


    /*#endregion ListSlider*/

}
/*#endregion SixthSection */
/********************************************************************************************************** Seventh Section */
/*#region SeventhSection*/
.SeventhSectionTitle {
    text-align: center;
    color: #485465;
    font-family: Vazir;
    font-size: 60px;
    font-weight: bold;
}

.SeventhSectionRow {
    width: 90%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

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

.Guarantee_TopDualCol, .GuaranteeCol {
    margin-bottom: 30px;
}

.SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
    float: right;
    padding-right: 5%;
}



.SeventhSectionCol {
    display: inline-flex;
    float: right;
}

    .SeventhSectionCol img {
        width: 48px;
        height: 48px;
    }


.FirstCircle, .SecondCircle, .ThirdCircle {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    float: right;
}

.FirstCircle {
    background-image: linear-gradient(to bottom, #fad05d -102%, #ff8c3f);
}

.SecondCircle {
    background-image: linear-gradient(to bottom, #c37efd -199%, #ff83d0 96%);
}

.ThirdCircle {
    background-image: linear-gradient(to bottom, #c37efd, #ff83d0 360%);
}

.FirstCircleTxt {
    text-align: center;
    color: #ffffff;
    font-family: Vazir;
    font-size: 30px;
    font-weight: bold;
    margin-top: -3px;
}

.SeventhSection_ColTitle {
    color: #485465;
    text-align: right;
    font-family: Vazir;
    font-size: 25px;
    font-weight: bold;
    margin-right: 10px;
}

.SeventhSection_ColContent {
    text-align: justify;
    color: #485465;
    font-family: IRANYekan;
    font-size: 16px;
    font-weight: normal;
    margin-right: 60px;
    width: 250px;
    float: right;
    line-height: initial;
}


.TopPropertiesCol {
    justify-content: center;
    display: flex;
    margin-bottom: 50px;
}


@media screen and (min-width:1200px) {
    .SeventhSectionRow {
        width: 100%;
        position: relative;
    }
}



@media screen and (max-width:1199px) and (min-width:300px) {

    /*.SeventhSection_ColStyle3 {
        float: none !important;
    }*/
}


@media screen and (max-width:1199px) and (min-width:992px) {


    .SeventhSectionTitle {
        font-size: 47px;
    }


    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 10%;
    }

    /*.SeventhSection_ColStyle3 {
        position: absolute;
        top: 200px;
    }*/
}

@media screen and (max-width:991px) and (min-width:768px) {



    .SeventhSectionTitle {
        font-size: 34px;
    }



    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 0;
    }

    .SeventhSection_ColStyle3 {
        position: absolute;
        top: 200px;
    }
}


@media screen and (max-width:767px) and (min-width:681px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 30%;
    }
}



@media screen and (max-width:680px) and (min-width:581px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 27%;
    }
}


@media screen and (max-width:580px) and (min-width:501px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 24%;
    }
}


@media screen and (max-width:500px) and (min-width:471px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 21%;
    }
}



@media screen and (max-width:470px) and (min-width:431px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 18%;
    }
}



@media screen and (max-width:430px) and (min-width:351px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 12%;
    }
}



@media screen and (max-width:350px) and (min-width:336px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 9%;
    }
}




@media screen and (max-width:335px) and (min-width:311px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 6%;
    }
}



@media screen and (max-width:310px) and (min-width:300px) {

    .SeventhSection_ColStyle1, .SeventhSection_ColStyle2, .SeventhSection_ColStyle3 {
        padding-right: 3%;
    }
}




@media screen and (max-width:767px) and (min-width:300px) {


    .SeventhSectionCol img {
        width: 30px;
    }

    .SeventhSectionTitle {
        font-size: 20px;
    }

    .SeventhSectionCol3 {
        margin-top: 15px;
    }

    .FirstCircle, .SecondCircle, .ThirdCircle {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        float: right;
    }

    .FirstCircleTxt {
        text-align: center;
        color: #ffffff;
        font-family: Vazir;
        font-size: 21px;
        font-weight: bold;
        margin-top: -3px;
    }

    .SeventhSection_ColTitle {
        font-size: 14px;
    }



    .SeventhSection_ColContent {
        font-size: 11.2px;
        width: 174px;
        margin-right: 40px;
    }
}



@media screen and (max-width:500px) and (min-width:300px) {
    .TopPropertiesCol, .Guarantee_TopDualCol, .GuaranteeCol {
        width: 100% !important;
    }
}

/*#endregion SeventhSection*/


.OnlineSell_Container {
    padding: 32px 15px 45px;
}

.GreenDemoBtn, .GreenDemoBtn:hover, .GreenDemoBtn:focus {
    background: #50E377;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #2A323C !important;
    font-weight: bold;
    /*padding: 16px 24px;
    font-size: 16px;*/
    text-decoration: none !important;
    padding: 10px 15px;
}

.SingleCenterBtn {
    padding: 10px;
    width: max-content;
    height: auto;
    cursor: pointer;
    margin: auto;
    margin-top: 50px;
}

.TransparentLoginBtn, .TransparentLoginBtn:hover, .TransparentLoginBtn:focus {
    margin-right: 15px !important;
    background-color: #628FFC;
    border: 1px solid #FFFFFF;
    //box-sizing: border-box;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 10px 15px;
}

.TransparentMoreInfoBtn {
    background-color: white;
    border: 1px solid #628FFC;
    border-radius: 8px;
    color: #628FFC !important;
    text-decoration: none !important;
    display: flex;
}


.NavbarLoginBtn, .NavbarLoginBtn:hover {
    cursor: pointer;
    margin: 0 !important;
}

.SectionTitle {
    color: #2A323C;
    font-weight: bold;
    line-height: 63px;
    text-align: center;
}

.WhiteSectionTitle {
    color: #FFFFFF;
}

.SixthSectionBgImg {
    background-color: #F7FAFF;
}

.DualBtn_Banner {
    display: flex;
}

.HardwareContainer {
    margin-bottom: 50px;
}

.HardwareCol {
    margin: 0 2.5px 50px;
    padding: 30px 5px;
    max-width: fit-content;
}

    .HardwareCol:nth-of-type(2n) {
        background: #F7FAFF;
        border-radius: 24px;
    }

.HardwareItemsDiv {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin: auto;
    max-width: 360px;
}

.HardwareItems {
    display: flex;
    float: right;
    min-width: 50%;
    text-align: right;
    font-size: 13px;
    padding: 7px;
    align-items: center;
}

.HardwareRow {
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.BlogCol {
    padding: 0 !important;
    cursor: pointer !important;
    margin-bottom: 100px;
    max-width: 360px;
}

    .BlogCol:hover * {
        cursor: pointer !important;
    }

.BlogTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #2A323C;
    margin: 16px 0;
}

.BlogCol:hover .BlogTitle {
    text-decoration: underline;
}

.BlogImage {
    height: auto;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 25px;
}

.BlogCol:hover .BlogImage {
    box-shadow: 0px 4px 0px #FF7A62;
}

.BlogRow {
    padding: 0;
    gap: 20px;
}

.BlogItemsDiv {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    text-align: right;
    color: #485465;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    width: 100%;
    display: inline-block;
    max-width: initial;
}

.BlogCategory {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    text-align: right;
    color: #485465;
}

.HowToStart {
    color: #FFFFFF;
    background: #628FFC;
    height: auto;
    width: 100%;
    padding: 32px 20px 0px
}

.HowToStartCol {
    display: grid;
    justify-items: center;
    text-align: center;
    margin-bottom: 70px;
}

    .HowToStartCol img {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

.HowToStart_Txt {
    max-width: 260px;
    line-height: initial;
}

.PriceSection {
    background: #628FFC;
    padding: 72px 50px;
    margin-bottom: 70px;
}

.PriceSection_BtnsRow {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.PriceSectionSecondTitle {
    color: white;
}

.divider {
    /*width:100%;*/
    /*width: calc(100% + 10px);*/
    /*margin-right: -5px;
    margin-left: -5px;*/
}

.BottomDivider {
    margin-bottom: 70px;
    margin-top: -2px;
}

.TopDivider {
    margin-top: 70px;
    margin-bottom: -2px;
}

.HowToStart_Title {
    font-size: 25px;
    margin-bottom: 15px;
}

@media screen and (min-width:992px) {
/*    .TopPicture {
        width: 80%;
        height: auto;
        margin-top: 80px;
        max-width: 262px;
        max-height: 219px;
    }*/
}

@media screen and (max-width:991px) {
/*    .TopPicture {
        margin: 50px;
    }*/


    .HowToStartCol img {
        width: 75px;
        height: 75px;
    }

    .HowToStart_Title {
        font-size: 22px;
    }
}

@media screen and (max-width:1199px) {
    .GuaranteeCol {
        display: flex;
        justify-content: center;
    }
}




.OnlineSellTxt {
    font-size: 16px;
    color: white;
    display: flex;
    align-content: start;
    align-items: start;
    margin-bottom: 30px;
}

    .OnlineSellTxt img {
        width: 40px;
        margin-top: -5px;
    }

        .OnlineSellTxt img.OnlineSellImg {
            width: 24px !important;
            margin-left: 12px;
            margin-top: 0;
        }

.OnlineSellTitle {
    font-size: 25px;
    margin-bottom: 25px;
    display: flex;
    white-space: nowrap;
}

.OnlineSell_BlackTxt {
    color: #2A323C;
}

.OnlineSellItems {
    margin-bottom: 15px;
    display: flex;
    align-content: start;
    align-items: start;
}

.OnlineSell_Col {
    display: grid;
    text-align: right;
    direction: rtl;
}

.OrangeBGtext {
    background-color: #FBB14F;
    border-radius: 10px;
    padding: 0 5px;
}

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

.HardWareImage {
    height: 131px;
    width: auto;
}

.PropertiesContainer {
}

.PropertiesCol {
    /*padding: 48px 100px;*/
    padding-top: 48px;
    padding-bottom: 48px;
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.PropertiesDiv {
    max-width: 380px;
    width: 80%;
}

.PropertiesCol_img {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
}

.PropertiesCol_title {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
}

.PropertiesCol_items {
    font-size: 16px;
    margin-bottom: 12px;
}

.LongBtn {
    width: 100%;
    margin: initial;
    margin-top: 30px;
}

@media screen and (min-width:768px) {

    .PropertiesCol {
        min-height: 390px;
    }

        .PropertiesCol:nth-of-type(2), .PropertiesCol:nth-of-type(3), .PropertiesCol:nth-of-type(6) {
            background: #F7FAFF;
            border-radius: 24px;
        }

    .PropertiesMainTitle {
        margin-bottom: 50px;
    }
}


@media screen and (max-width:767px) {

    .PropertiesMainTitle {
        margin-bottom: 20px;
    }

    .PropertiesCol {
        padding-top: 24px;
        padding-bottom: 24px;
    }

        .PropertiesCol:nth-of-type(2n) {
            background: #F7FAFF;
            border-radius: 24px;
        }

    .PropertiesCol_img {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }

    .PropertiesCol_title {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .PropertiesCol_items {
        font-size: 12px;
    }

    .HowToStart_Title {
        font-size: 22px;
    }

    .HowToStartCol img {
        width: 50px;
        height: 50px;
    }

    .OnlineSellTxt {
        font-size: 13px;
    }

    .OnlineSellTitle {
        font-size: 20px;
    }

    .OnlineSell_BlackTxt {
        display: grid;
        justify-content: center;
    }

    .OnlineSell_Col {
        text-align: center;
    }

    .OnlineSellTxt img {
        width: 35px;
    }

        .OnlineSellTxt img.OnlineSellImg {
            width: 20px !important;
        }
}





/*#region Accardion*/
.accordion {
    background-color: #F7FAFF;
    color: #2A323C;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    border-radius: 12px;
    font-weight: bold;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

/*.active, .accordion:hover {
        background-color: #ccc;
    }*/

.active {
    border-radius: 12px 12px 0 0;
}

.accordion:after {
    content: '\002B';
    /*color: #777;*/
    content: url('../../Images/Landing/arrow_down.svg');
    font-weight: bold;
    float: left;
    margin-left: 5px;
}

.active:after {
    /*content: "\2212";*/
    content: url('../../Images/Landing/arrow_up.svg');
}

.panel {
    background-color: #F7FAFF;
    color: #2A323C;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    border-radius: 0 0 12px 12px;
    border: none;
    border-bottom: 1px solid #FF7A62 !important;
    padding: 0 18px;
    padding: 11px 18px 0;
    margin-top: -11px;
    margin-bottom: 16px;
}

    .panel > p {
        border-top: 1px solid #EAEAEF;
        padding: 15px 0;
    }

@media screen and (max-width:767px) {
    .accordion {
        font-size: 14px !important;
    }

    .panel, .panel > p {
        font-size: 12px !important;
    }
}

/*#endregion Accardion*/



/*#region Footer*/

.myFooterContainer {
    background-color: #2A323C;
    color: white !important;
    height: auto;
    width: 100%;
    padding: 0 100px;
}

.myFooter {
    width: 100%;
    padding: 65px 0;
    display: flex;
    /*justify-content: center;*/
    text-align: right;
    /*max-width: 870px;*/
    flex-wrap: wrap;
}

.FooretCol {
    display: grid;
    padding-left: 70px;
    align-content: start;
    margin-bottom: 50px;
}

.FooretColTitle {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 25px;
}

.FooretColItems {
    font-size: 13px;
    text-decoration: none !important;
    padding-bottom: 15px;
    cursor: default !important;
    color: white !important;
}

.FooretColLink:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}

.Privacy {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.FooretCol img {
    width: 24px;
    height: 24px;
}

.IconsGroup img:nth-of-type(2) {
    margin: 0 10px;
}

.IconsGroup {
    margin-top: 90px;
    display: flex;
}

@media screen and (max-width:767px) {
    .myFooterContainer {
        padding: 0 50px;
    }
}

/*#endregion Footer*/



/*#region Footer*/
.TopDivider {
    margin-bottom: -2px;
    padding: 0;
    /*width: calc(100% + 30px);
    margin-left: -15px;*/
}

.myFooterContainer {
    background-color: #2A323C;
    color: white !important;
    height: auto;
    width: 100%;
    padding: 0 100px;
    direction: rtl;
}

.myFooter {
    width: 100%;
    padding: 65px 0;
    display: flex;
    /*justify-content: center;*/
    text-align: right;
    /*max-width: 870px;*/
    flex-wrap: wrap;
    position: relative;
}

.FooretCol {
    display: grid;
    padding-left: 70px;
    align-content: start;
    margin-bottom: 50px;
}

.FooretColTitle {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 25px;
}

.FooretColItems {
    font-size: 13px;
    text-decoration: none !important;
    padding-bottom: 15px;
    cursor: default !important;
    color: white !important;
}

.FooretColLink:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}

.Privacy {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

    .Privacy img {
        height: 15px;
        width: auto;
    }

.FooretCol img {
    width: 24px;
    height: 24px;
}

.IconsGroup img:nth-of-type(2) {
    margin: 0 10px;
}

.IconsGroup {
    margin-top: 90px;
    display: flex;
}

@media screen and (max-width:767px) {
    .myFooterContainer {
        padding: 0 50px;
    }
}

/*#endregion Footer*/



/*#region BtnToTop*/

#ToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    outline: none;
    background-color: white;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 0;
    border: 1px solid #FF7A62;
    width: auto !important;
}

    #ToTopBtn:hover {
        background-color: wheat;
    }

/*#endregion BtnToTop*/