.underline {
    text-decoration: underline;
}

.main_info {
    padding-bottom: 50px;
}


.main_header {
    display: flex;
    color: #33475b;

    margin: 50px 0;
}

.header_logo img {
    width: 200px;
    height: 200px;
}

.header_info {
    margin-left: 30px;
    
    line-height: 30px;
    font-size: 15px;
}

.header_info_3 {
    font-weight: bold;
}

.header_info_5 {
    margin-top: 40px;
}

.h_info {
    margin-bottom: 15px;
}

.h_promo {
    color: crimson;

    text-decoration: underline;
}




.robot_info {
    display: flex;

    
}

.robot_info_title {
    font-size: 17px;
    font-weight: bold;

    margin-bottom: 10px;
}

.robot_info_nav {   
    font-size: 15px;
}

.robot_info_nav .active {   
    background-color: #e9e8e8;
}

.robot_info_nav .active a {
    font-weight: 600;
}

.robot_info_nav a {
    color: #33475b;
    font-weight: 300;
    line-height: 20px;
}

.robot_info_nav div {
    padding: 7px 15px;
}

.robot_nav {
    width: 300px;
    height: 400px;
    position: sticky;
    top: 80px;
}

.robot_detail_info {
    margin-left: 20px;
    margin-top: 15px;
    width: 100%;
}

.robot_border {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;

    border-bottom: 1px solid #d1d4db;
}

.robot_profile_info {
    line-height: 30px;
}




/* ROBOT DETAIL INFO */
.robot_how_it_works,
.robot_how_to_start,
.robot_affiliate,
.robot_install_rannforex,
.robot_install_binance,
.robot_backtesting,
.robot_trading_profiles,
.robot_trading {
    
    color: #33475b;
}

.robot_how_it_works .title,
.robot_how_to_start .title,
.robot_affiliate .title,
.robot_install_rannforex .title,
.robot_install_binance .title,
.robot_backtesting .title,
.robot_trading_profiles .title,
.robot_trading .title {
    color: #33475b;
}

.info {
    margin-bottom: 20px;
}

.info_bold {
    font-weight: bold;
}

.hiw_info,
.hts_info,
.aff_info,
.irannforex_info,
.ibinance_info,
.bt_info,
.tp_info,
.tr_info {
    font-size: 15px;
    line-height: 25px;
}

.tp_info .info1,
.tr_info .info1 {
    margin-bottom: 2px;
}

.hts_info .info1 {
    margin-bottom: 20px;
}

.tr_info1 {
    line-height: 30px;
}

.imp {
    color: #7ba9d6;
}

.info_img {
    margin-bottom: 20px;
}

.ir1_image img {
    width: 568px;
    height: 400px;
}

.ir2_image img {
    width: 700px;
    height: 350px;
}

.ir3_image img,
.ir4_image img,
.ir5_image img {
    width: 800px;
    height: 350px;
}

.bin1_image img {
    width: 400px;
    height: 465px;
}

.bin2_image img {
    height: 600px;
    width: 420px;
}

.bin13_image img {
    height: 455px;
    width: 650px;
}

.tr_img1 img{
    width: 900px; 
}


/* /.ROBOT DETAIL INFO */



/* SLIDER */

.slider {
    margin: 5px 0;
}

.item {
    display: flex;
    justify-content: space-evenly;
    height: 100%;
    color: white;
}

.slider img {
    width: 800px;
}

.slider a {
    font-size: 20px;
}

.slider .item img {
    object-fit: cover;
}

.previous, .next {
    padding: 100px 7px;
    align-self: center;
    cursor: pointer;
    transition: 0.5s;
    color: #000;
}

.arrow_mobile {
    display: none;
}

.previous:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.slider [class^="item"] {
    animation-name: fade;
    animation-duration: 1s;
}

@keyframes fade {
    /* Устанавливаем и изменяем степень прозрачности: */
    from {
        opacity: 0.4
    }
    to {
        opacity: 1
    }
}

@media screen and (max-width: 600px) {
    .item {
        flex-direction: column;
    }

    .slider {
        margin: 0;
        padding: auto;
    }

    .slider .item img {
        width: 100%;
        height: 80%;
        padding: 10px;
    }

    .previous, .next {
        display: none;
    }

    .arrow_mobile {
        display: flex;
        justify-content: space-around;
    }

    .previous_mobile, .next_mobile {
        align-self: center;
        cursor: pointer;
        transition: 0.5s;
        color: white;
    }
}

/* /.SLIDER */