body {
    margin: 0 !important;
    direction: rtl;
    overflow-x: hidden;
    background-color: rgb(242, 245, 247) !important;
}

.mp_title {
    font-family: 'IRANSansMedium', sans-serif;
    font-weight: bolder;
}

.text-gray-mp {
    color: rgb(65, 62, 63) !important;
}

.main_page_header {
    background-image: url("../img/main_page_top_section_bg.jpg");
    background-size: cover;
    box-shadow: inset 0 110px 70px -35px #23354A;
    position: absolute;
    right: 0;
    width: 100%;
}

.main_page_header .main_navbar_mp {
    padding-right: 35px;
    padding-top: 15px;
}

.main_page_header ul li {
    display: inline-block;
    padding: 10px 20px;
}

.main_page_header ul li a {
    color: #FFF;
    text-decoration: none;
    padding-bottom: 10px;
}

.main_page_header ul li.active a {
    border-bottom: 2px solid #CC9670;
}

.main_page_header .navbar_mp {
    background-color: transparent !important;
}

#top_section_mp,
.main_page_footer_section {
    background-color: #23354A !important;
}

.main_page_header,
.main_page_top_section {
    height: 350px;
}

.main_page_top_section {
    width: 100vw;
    padding-top: 85px;
    text-align: right;
    color: #fff;
    padding-right: 60px;
}

.top_section_motto_mp {
    background-image: url("../img/tade_smartly_motto.svg");
    background-size: 450px;
    background-repeat: no-repeat;
    position: relative;
    background-position: right 75px top 50%;
    height: 200px;
}

.top_section_bullets_container_mp {
    background-image: url("../img/main_page_top_section_bullets.png");
    background-size: contain;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    right: 85px;
    top: -15px;
    background-position: right;
}

.weadigit_logo_mp {
    background-image: url("../img/weadigit_logo_mp.svg");
}

.weadigit_logo_white_mp {
    background-image: url("../img/wealthdigit_logo_mp_white.svg");
}

.weadigit_logo_mp,
.weadigit_logo_white_mp {
    background-size: contain;
    float: left;
    height: 65px;
    width: 155px;
    background-repeat: no-repeat;
    position: absolute;
    left: 25px;
    top: 10px;
}

#tools_list_mp {
    /*background-color: #F2F5F7;*/
    text-align: center;
}

.apps_list_container_mp div.app_item_mp,
.card.app_intro_mp {
    border-radius: 6px;
}

.apps_list_container_mp div.app_item_mp:first-child {
    margin-left: 0;
}

.apps_list_container_mp div.app_item_mp {
    width: 180px;
    height: 165px;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 24px;
    background-color: #fff;
}

.apps_list_container_mp div.app_item_mp .app_icon_mp {
    width: 100%;
    height: 120px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center 30px;
}

.apps_list_container_mp div.app_item_mp:not(.active):hover {
    background-color: #ffffff8f;
    cursor: pointer;
}

.apps_list_container_mp div.app_item_mp.active:hover {
    cursor: default;
}

.apps_list_container_mp div.app_item_mp.active {
    border-bottom: 4px solid gray;
    box-shadow: 0 -2px 20px -3px var(--app-icon-mp-box-shadow-color);
}

.apps_list_container_mp div.app_item_mp .app_name_mp {
    color: #616161;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.apps_list_container_mp div.app_item_mp.active .app_name_mp {
    font-weight: bolder;
}

.apps_list_container_mp div.app_item_mp.sergeant_icon.active {
    border-color: rgb(204, 102, 204);
    --app-icon-mp-box-shadow-color: rgba(204, 102, 204, 0.5);
}

.apps_list_container_mp div.app_item_mp.sergeant_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_stocks_growth.svg");
}

.apps_list_container_mp div.app_item_mp.monitor_icon.active {
    border-color: rgb(24, 149, 221);
    --app-icon-mp-box-shadow-color: rgba(24, 149, 221, 0.5);
}

.apps_list_container_mp div.app_item_mp.monitor_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_monitor.svg");
}

.apps_list_container_mp div.app_item_mp.fixed_income_icon.active {
    border-color: rgb(190, 206, 35);
    --app-icon-mp-box-shadow-color: rgba(190, 206, 35, 0.5);
}

.apps_list_container_mp div.app_item_mp.fixed_income_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_fixed_income.svg");
}

.apps_list_container_mp div.app_item_mp.options_icon.active {
    border-color: rgb(140, 104, 241);
    --app-icon-mp-box-shadow-color: rgba(140, 104, 241, 0.5);
}

.apps_list_container_mp div.app_item_mp.options_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_options.svg");
}

.apps_list_container_mp div.app_item_mp.technical_icon.active {
    border-color: rgb(222, 186, 40);
    --app-icon-mp-box-shadow-color: rgba(222, 186, 40, 0.5);
}

.apps_list_container_mp div.app_item_mp.technical_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_technical.svg");
}

.apps_list_container_mp div.app_item_mp.tableau_icon.active {
    border-color: rgb(93, 201, 114);
    --app-icon-mp-box-shadow-color: rgba(93, 201, 114, 0.5);
}

.apps_list_container_mp div.app_item_mp.tableau_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_tableau.svg");
}

.apps_list_container_mp div.app_item_mp.social_networks_icon.active {
    border-color: rgb(226, 133, 133);
    --app-icon-mp-box-shadow-color: rgba(226, 133, 133, 0.5);
}

.apps_list_container_mp div.app_item_mp.social_networks_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_social.svg");
}

.apps_list_container_mp div.app_item_mp.codal_icon.active {
    border-color: rgb(12, 176, 176);
    --app-icon-mp-box-shadow-color: rgba(12, 176, 176, 0.5);
}

.apps_list_container_mp div.app_item_mp.codal_icon .app_icon_mp {
    background-image: url("../img/apps_icons/ic_codal.svg");
    background-size: 55px;
}

.app_videos_container .app_title_in_videos,
.card.app_intro_mp .app_description_mp > .app_description_title_mp {
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 45px;
}

.card.app_intro_mp .app_picture_mp {
    background-size: contain !important;
}

.app_videos_container .app_title_in_videos.sergeant_title_video,
.card.app_intro_mp #sergeant_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_stocks_growth.svg");
}

.app_videos_container .app_title_in_videos.monitor_title_video,
.card.app_intro_mp #monitor_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_monitor.svg");
}

.app_videos_container .app_title_in_videos.correlation_title_video,
.card.app_intro_mp #correlation_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_correlation.svg");
}

.app_videos_container .app_title_in_videos.tableau_title_video,
.card.app_intro_mp #tableau_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_tableau.svg");
}

.app_videos_container .app_title_in_videos.social_networks_title_video,
.card.app_intro_mp #social_networks_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_social.svg");
}

.app_videos_container .app_title_in_videos.bond_title_video,
.card.app_intro_mp #fixed_income_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_fixed_income.svg");
}

.app_videos_container .app_title_in_videos.options_title_video,
.card.app_intro_mp #options_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_options.svg");
}

.app_videos_container .app_title_in_videos.technical_title_video,
.card.app_intro_mp #technical_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_technical.svg");
}

.app_videos_container .app_title_in_videos.codal_title_video,
.card.app_intro_mp #codal_description_container > .app_description_title_mp {
    background-image: url("../img/apps_icons/ic_codal.svg");
    background-size: 34px;
    background-position-x: right 10px;
}

.apps_list_icons_ms_mp {
    width: 100%;
}

.card.app_intro_mp {
    left: 0;
    right: 0;
    min-height: 400px;
    margin: 0 auto 50px;
}

.card.app_intro_mp .app_title {
    font-family: IRANSans, serif;
    font-size: 25px;
    margin-right: -25px;
    padding-right: 80px;
}

.card.app_intro_mp .app_picture_mp {
    background-repeat: no-repeat;
    background-position: center;
    min-height: 350px;
    white-space: normal;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.card.app_intro_mp .app_picture_mp.sergeant_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/sergeant_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.sergeant_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/sergeant_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.technical_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/technical_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.technical_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/technical_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.technical_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/technical_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.monitor_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/monitor_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.monitor_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/monitor_intro_image2.png");
}


.card.app_intro_mp .app_picture_mp.monitor_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/monitor_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.monitor_intro_picture_4 {
    background-image: url("../img/main_page_apps_intro_images/monitor_intro_image4.png");
}

.card.app_intro_mp .app_picture_mp.tableau_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/tableau_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.tableau_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/tableau_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.tableau_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/tableau_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.tableau_intro_picture_4 {
    background-image: url("../img/main_page_apps_intro_images/tableau_intro_image4.png");
}

.card.app_intro_mp .app_picture_mp.tableau_intro_picture_5 {
    background-image: url("../img/main_page_apps_intro_images/tableau_intro_image5.png");
}

.card.app_intro_mp .app_picture_mp.social_networks_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/social_networks_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.social_networks_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/social_networks_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.social_networks_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/social_networks_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.codal_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/codal_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.codal_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/codal_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.codal_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/codal_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.fixed_income_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/fixed_income_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.fixed_income_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/fixed_income_intro_image2.png");
}

.card.app_intro_mp .app_picture_mp.fixed_income_intro_picture_3 {
    background-image: url("../img/main_page_apps_intro_images/fixed_income_intro_image3.png");
}

.card.app_intro_mp .app_picture_mp.options_intro_picture_1 {
    background-image: url("../img/main_page_apps_intro_images/options_intro_image1.png");
}

.card.app_intro_mp .app_picture_mp.options_intro_picture_2 {
    background-image: url("../img/main_page_apps_intro_images/options_intro_image2.png");
}

.bottom_part_mp {
    box-shadow: 0 -7px 10px 0 #ebebeb;
}

.second_section {
    height: 400px;
    background-image: url("../img/main_page_images/second_part_bg.svg");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: top left;
}

.about_us {
    height: 520px;
    background-image: url("../img/main_page_images/about_us_bg.svg");
    background-repeat: no-repeat;
    background-size: 48%;
    background-position: top 100px left;
}

.main-page-container div.second_section_text_part,
.main-page-container div.about_us_text_part {
    padding-right: 50px;
}

.second_section_text_part p {
    font-size: 125%;
}

.second_section_text_part a.btn,
.about_us_text_part a.btn {
    margin-top: 30px;
}

.btn.btn_mp {
    font-family: 'IRANSansMedium', sans-serif;
    min-height: 45px;
    font-size: 17px;
    padding-top: 9px;
    padding-right: 19px;
    padding-left: 55px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left 13px center;
}

.btn.join_now {
    background-image: url("../img/ic_join_white.svg");
    box-shadow: 4px 5px 11px 3px #CC96703b;
}

.btn.entrance {
    background-image: url("../img/ic_entrance.svg");
    box-shadow: 4px 5px 11px 3px #CC96703b;
}

.btn.contact_support {
    background-image: url("../img/main_page_images/ic_mail.svg");
}

.btn.join_kalaghs_telegram {
    background-image: url("../img/main_page_images/ic_telegram.svg");
}

.btn.videos_page_btn {
    background-image: url("../img/ic_play_white.svg");
}

.btn.back_to_main_page {
    background-image: url("../img/ic_arrow_left_white.svg");
    width: 250px;
    background-size: 15px;
}

.main_page_footer_section {
    height: 250px;
    position: relative;
}

.main_page_footer_section .all_rights_reserved {
    bottom: 25px;
}

.main_page_footer_section .all_rights_reserved a {
    color: #5787be;
}

.main_page_footer_section .all_rights_reserved a:hover {
    color: #abc8ea;
}

.main_page_footer_section .footer_logos_container_mp .footer_logo {
    background-size: contain;
    width: 200px;
    height: 100px;
    display: inline-block;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(50% - 50px);
    position: absolute;
}

.main_page_footer_section .footer_logos_container_mp .footer_logos {
    background-image: url("../img/footer_logos.svg");
}

ul.app_descriptions {
    list-style: none;
    padding-right: 70px;
}

ul.app_descriptions li {
    line-height: 2em;
}

ul.app_descriptions li::before {
    content: "  •  ";
    color: #CC9670;
    padding-left: 5px;
}

.app_description_mp .more_info {
    background-image: url("../img/arrow.svg");
    background-size: 12px;
    color: #000;
    text-decoration: none;
    margin-right: 50px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right 2px center;
}

.app_description_mp h3.app_title {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    padding: 0 15px 0;
}

.bottom_motto {
    margin-bottom: 125px;
    font-size: 125%;
}

.bottom_motto .custom_button.green_button {
    padding: 9px 50px;
    font-size: 85%;
}

/********************* main page apps list slider *********************/

#app_icon_mp .MS-content {
    margin: 5px 15px 15px;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 0 25px 0;
    max-width: 1225px;
}

.image_slider .MS-content {
    overflow: hidden;
    max-height: 350px;
    white-space: nowrap;
}

.image_slider {
    display: flex;
    margin-top: 1.25rem;
    position: relative;
}

#app_icon_mp button:hover {
    cursor: pointer;
}

#app_icon_mp .MS-left {
    left: 10px;
}

#app_icon_mp .MS-right {
    right: 10px;
}

@media (max-width: 992px) {
    #app_icon_mp .MS-right {
        right: -2px;
    }

    #app_icon_mp .MS-left {
        left: -2px;
    }
}

button.MS-right,
button.MS-left {
    background-color: transparent;
    border: none;
}

/* end of main page apps list slider */


/********************* media queries *********************/

@media screen and (min-width: 768px) {
    .main-page-container div.second_section_text_part,
    .main-page-container div.about_us_text_part {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 830px) {
    .card.app_intro_mp .app_description_mp,
    .card.app_intro_mp .image_slider_container{
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .first_section_buttons_container .btn.btn_mp {
        font-size: 18px;
        padding-right: 27px;
        padding-left: 70px;
        background-size: 24px;
        background-position: left 17px center;
    }

    .first_section_buttons_container {
        margin-right: -1.4rem !important;
    }
}

@media screen and (max-width: 768px) {
    .top_section_motto_mp {
        background-size: 95%;
        background-position-x: 2.5%;
    }

    .card.app_intro_mp .app_description_mp ul.app_descriptions {
        padding-right: 0;
    }

    #collapsibleNavbar {
        z-index: 9999;
        background-color: rgb(35, 52, 74);
    }

    .main_page_header .main_navbar_mp {
        padding-right: 0;
    }

    .card.app_intro_mp {
        text-align: center;
    }

    .second_section,
    .about_us {
        background-image: none !important;
        text-align: center;
    }

    .first_section_buttons_container {
        text-align: center !important;
        padding-right: 0;
    }

    .main-page-container .second_section .second_section_text_part,
    .main-page-container .about_us .about_us_text_part {
        text-align: center !important;
        padding-right: 0 !important;
    }

    .bottom_part_mp .second_section,
    .bottom_part_mp .about_us {
        height: unset;
    }

    .main-page-container div.second_section_text_part,
    .main-page-container div.about_us_text_part {
        padding-top: 3rem !important;
    }

    .second_section_text_part div:first-child,
    .about_us_text_part p{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1000px) {
    .second_section {
        background-size: 500px;
    }
}

@media (max-width: 650px) {
    #tools_list_mp .top_motto {
        text-align: center !important;
    }

    #tools_list_mp .top_motto h3,
    #tools_list_mp .top_motto span {
        display: block;
    }
}

/* end of media queries */