body {
    background: #0A0A0A;
}
.section_blog_div1 {
    background-image: url("../img/crime-news-log.png");
    background-position: center;
    background-size: cover;
    height: 800px;
}


.cards {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cards_2 {
    margin: 30px 260px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.card {
    background-image: url("../img/Rectangle 58.png");
    width: 630px;
    height: 390px;
    padding: 230px 20px 0px ;
}
.cards h1,
.cards_2 h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}
.card p {
    margin-top: 20px;
    font-size: 20px;
    font-family: 'Ubuntu',sans-serif;
    font-size: 20px;
    color: #fff;
}
.more_2{
    display: flex;
    cursor: pointer;
}
.more_3  {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.card_2 {
    background-image: url("../img/Rectangle 59.png");
    width: 630px;
    height: 390px;
    padding: 240px 20px 0px ;
    margin-left: 30px;
}
.card_2 p {
    margin-top: 20px;
    font-size: 20px;
    font-family: 'Ubuntu',sans-serif;
    font-size: 20px;
    color: #fff;
}
.card_3 {
    background-image: url("../img/Rectangle 62.png");
    width: 410px;
    height: 390px;
    padding: 215px 20px 0px;
}
.comfort {
    margin-top: 20px;
}
.data {
    margin-top: 20px;
    font-family: 'Ubuntu',sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.5);
}
.date p {

    font-family: 'Ubuntu',sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.5);
}
.send_2 {
    cursor: pointer;
    font-family: 'Ubuntu',sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
.send_3 {
    cursor: pointer;
    margin-top: 15px;
    font-family: 'Ubuntu',sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
.send_2:hover,
.send_3:hover {
    color: #FF0000;
    transition: 0.4s all;
}
.card_4 {
    background-image: url("../img/Rectangle 61.png");
    width: 410px;
    height: 390px;
    padding: 215px 20px 0px;

}
.card_5 {
    background-image: url("../img/Rectangle 60.png");
    width: 410px;
    height: 390px;
    padding: 215px 20px 0px;
}
.date_and_more {
    display: flex;
    justify-content: space-between;
}
.images-border {
    padding: 15px 12px;
}
.images-border_3 {
    padding-top: 15px;
    margin-right: 12px;
}
.more_news {
    margin-top: 100px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-decoration-line: underline;
}
.more_news:hover {
    color: #FF0000;
    transition: 0.4s all;
}
footer {
    margin-top: 151px;
}

.preloader {
    --size: 200px;
    --first-color: #ff0000;
    --second-color: #ff0000;
    --third-color: #ff0000;
    --thickness: 3px;
    --duration: 1s;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--duration);
}

.dn {
    display: none;
}
.db {
    display: block;
}

.preloader__content {
    position: relative;
    width: var(--size);
    height: var(--size);
}

.preloader__first,
.preloader__second,
.preloader__third {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: var(--duration) linear infinite;
}

.preloader__first {
    border-bottom: var(--thickness) solid var(--first-color);
    animation-name: first;
}

.preloader__second {
    border-right: var(--thickness) solid var(--second-color);
    animation-name: second;
}

.preloader__third {
    border-top: var(--thickness) solid var(--third-color);
    animation-name: third;
}

@keyframes first {
    0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) }
    100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) }
}

@keyframes second {
    0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) }
    100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) }
}

@keyframes third {
    0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) }
    100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) }
}
.div_text2 {
    padding-top: 500px;
    text-align: center;
}
.div_text2 h1 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.83em;
}
.div_text2 p {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
}

/*1920 ga media kerak mas ozi normalniy ishlayabdi*/

/*media 1100 start*/

@media (max-width: 424px) {
    /* dee */
    .cash_out_block1 {
        height: 400px;
    }
    .section_blog_div1 {
        position: relative;
        top: 57px;
        right: 90px;
        width: 295px;
        height: 250px;
    }
    .div_text2 {
        padding-top: 154px;
    }
    .div_text2 h1 {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.485em;
        text-align: center;
    }
    .div_text2 p {
        font-family: Ubuntu;
        font-size: 15px;
        font-weight: 300;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
    }
    .container1 {
        max-width: 30%;
    }
    .card_news {
        flex-direction: column;
    }
    .cards_one {
        margin-top: 210px;
    }
    .cards {
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
    }
    .cards h1,
    .card_2 h1,
    .card_3 h1,
    .card_4 h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .card p,
    .card_2 p,
    .card_3 p,
    .card_4 p {
        font-size: 14px;
        line-height: 16px;
    }
    .date_and_more {
        flex-direction: column;
    }
    .images-border{
        margin-right: 12px;
        padding: 15px 5px;
    }
    .cards_2 {
        flex-direction: column;
        align-items: center;
    }
    .card {
        width: 355px;
        height: 390px;
        background-size: cover;
        background-position: center;
    }

    .card_2 {
        margin: 30px;
        width: 355px;
        height: 390px;
        background-size: cover;
        background-position: center;
    }
    .card_3 {
        width: 355px;
        height: 390px;
        background-size: cover;
        background-position: center;
        margin-right: 125px;
        margin-top: 30px;
    }
    .card_4 {
        width: 355px;
        height: 390px;
        background-size: cover;
        background-position: center;
        margin-right: 125px;
        margin-top: 30px;
    }
    .card_5 {
        width: 355px;
        height: 390px;
        background-size: cover;
        background-position: center;
        margin-right: 125px;
        margin-top: 30px;
    }
    .images-border img {
        height: 25px;
    }

    .images-border_3 img {
        height: 25px;
    }
}