/* Импорт шрифтов из Google Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Основной стиль для всех устройств */
html, body {
    /*max-width: 1920px;*/
    margin: 0 auto;
    overflow-x: hidden; /* Отключение горизонтальной прокрутки */
    color: #0D0D0D;
    background-color: #F2F2F2;
    text-align: center;
    word-break: normal;
}

.header{
    margin: 0;
    text-align: center;
    width: auto;
    color: #F2F2F2;

    background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
    background-color: #0D0D0D; /* Used if the image is unavailable */
    /*height: 500px;  You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    padding: 62px 0;
}
h1 {
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    padding-top: 0;
    align-items: center;
    line-height: 56px;
}
.body_site_title {
    max-width: 1520px;
    margin: 0 auto;
    text-align: center;
    line-height: 36px;
    height: auto;
    align-items: center;
}
.body_site_title h3{
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
}
.ad_res {
    max-width: 1520px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    padding-top: 48px;
    display: flex;
    align-items: center;
    grid-column-gap: 156px;
}
.contact {
    width: 367px;
    text-align: center;
    align-items: center;
    float: left;
    margin-left: 157px;
}
.contact h3{
    font-family: Inter;
    font-size: 36px;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
}
.ad_res img{
    width: 606px;
    height: 316px;
    padding: 2px;
    background: black;
    /*float: right;*/
}
.cost {
    margin: 0 auto;
    text-align: center;
    width: auto;
    padding-top: 30px;
}
h2{
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    padding-top: 0;
    align-items: center;
    color: #e1312f;
}
.title_h4{
    margin: 0 10%;
    text-align: center;
    width: auto;
    padding-top: 36px;
}
h4 {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    align-items: center;
}
.content{
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 0;
    height: auto;
    text-align: left;
    display: flex;
    /*rid-column-gap: 39px;
    grid-row-gap: 100px;*/
    align-items: center;
}
.box{
    display: block;                        /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}
.for_img1 {
    width: 700px;
    height: 468px;
    float: left;
}
.for_img1 img{
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
}
.photo1{
    object-fit: cover;
}
.text1{
    max-width: 700px;
    min-height: 528px;
    float: left;
    margin-left: 40px;
    vertical-align: top;
}
.text2{
    max-width: 700px;
    min-height: 426px;
    float: left;
    vertical-align: top;
    margin-top: 0px;
}
.text3{
    max-width: 700px;
    min-height: 426px;
    float: left;
    margin-top: 0px;
    margin-left: 40px;
    vertical-align: top;
}
p{
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    padding-top: 0;
    height: auto;
}
span {
    font-size: 36px;
    line-height: 44px;
}

li{
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    padding-top: 0;
    height: auto;
}
.for_img2 {
    width: 700px;
    height: 600px;
    float: left;
}
.for_img2 img{
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
}
.text4{
    width: 700px;
    height: auto;
    float: left;
    margin-right: 40px;
    vertical-align: center;
}
h5{
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    padding-top: 0;
    height: auto;
    color: #841A19;
}
.for_img3 {
    width: 700px;
    height: 600px;
    float: left;
}
.for_img3 img{
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
}
.text5{
    max-width: 700px;
    min-height: 528px;
    float: left;
    margin-left: 40px;
    vertical-align: center;
}
.rek3{                                       /*   РЕКЛАМА   */
    margin: 48px 0 0 0;
    text-align: center;
    width: auto;
    padding: 0;
}
.rek3 img{
    padding: 2px;
    background: #0D0D0D;
    width: 454px;
    height: 240px;
    margin: 0 20px;
}                                            /*   РЕКЛАМА   */
.footer{
    margin: 104px 0 0 0;
    text-align: center;
    width: auto;
    color: #F2F2F2;

    background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
    background-color: #0D0D0D; /* Used if the image is unavailable */
    /*height: 500px;  You must set a specified height */
    background-position-y: -250px; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */

    padding: 48px 0 12px 0;
}
.footer h3{
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
}
h6{
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    color: #757575;
}
.button{
    background: #0D0D0D;
    position: absolute;
    width: 64px;
    height: 44px;

    top: 48px;
    right: 5%;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: .2s linear;

    border: 2px solid #F2F2F2;
}
.button a{
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 350;
    text-decoration: none;
    color: #F2F2F2;
    padding: 10px;
 }
.button:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 1px white;
}



/* ___________________________________________________ */
/* Адаптация для десплея устройств и экранов до 1440px */
/* ___________________________________________________ */

@media (max-width: 1440px) {
    .header{
        padding: 24px 0 36px 0;
    }
    h1 {
        font-weight: 550;
        font-size: 56px;
        line-height: 36px;
    }
    .body_site_title {
        max-width: 1120px;
        line-height: 24px;
    }
    .body_site_title h3{
        font-weight: 350;
        font-size: 36px;
    }
    .ad_res {
        max-width: 1120px;
        padding-top: 16px;
        grid-column-gap: 20px;
    }
    .contact {
        width: 367px;
        margin-left: 56px;
    }
    .contact h3{
        line-height: 24px;
        font-weight: 350;
        font-size: 36px;
    }
    .ad_res img{
        width: 550px;
        height: 298px;
        padding: 2px;
    }
    .cost {
        padding-top: 12px;
    }
    h2{
        font-weight: 650;
        font-size: 36px;
        line-height: 36px;
        padding-top: 0;
    }
    .title_h4{
        width: auto;
        padding-top: 36px;
    }
    h4 {
        font-weight: 550;
        font-size: 24px;
        line-height: 36px;
    }
    .content{
        max-width: 1120px;
        margin: 0 auto;
        padding-top: 0;
    }
    .for_img1 {
        width: 542px;
        height: 468px;
    }
    .text1{
        max-width: 542px;
        min-height: 468px;
        margin-left: 36px;
    }
    .text2{
        max-width: 542px;
        min-height: 372px;
        margin-top: 0;
    }
    .text3{
        max-width: 542px;
        min-height: 372px;
        margin-top: 0;
        margin-left: 36px;
    }
    p{
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    span {
        font-size: 24px;
        line-height: 36px;
    }
    li{
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        padding-top: 0;
    }
    .for_img2 {
        width: 542px;
        height: 536px;
    }
    .text4{
        width: 542px;
        margin-right: 36px;
    }
    h5{
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
    }
    .for_img3 {
        width: 542px;
        height: 564px;
        float: left;
    }
    .text5{
        max-width: 542px;
        min-height: 564px;
        margin-left: 36px;
    }
    .rek3{
        margin: 36px 0 0 0;
        padding: 0;
    }
    .rek3 img{
        padding: 2px;
        width: 349px;
        height: 183px;
        margin: 0 16px;
    }
    .footer{
        margin: 64px 0 0 0;
        padding: 36px 0 8px 0;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position-y: -180px; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }
    .footer h3{
        font-weight: 400;
        font-size: 36px;
    }
    h6{
        font-weight: 200;
        font-size: 10px;
    }
    .button{
        background: #0D0D0D;
        position: absolute;
        width: 64px;
        height: 44px;

        top: 48px;
        right: 5%;

        display: flex;
        align-items: center;
        justify-content: center;

        transition: .2s linear;

        border: 2px solid #F2F2F2;
    }
    .button a{
        font-weight: 350;
        font-size: 22px;
        text-decoration: none;
        color: #F2F2F2;
    }
    .button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 1px white;
    }
}




/* ___________________________________________________ */
/* Адаптация для десплея устройств и экранов до 1024px */
/* ___________________________________________________*/

@media (max-width: 1024px) {
    .header{
        padding: 20px 0 24px 0;
    }
    h1 {
        font-weight: 500;
        font-size: 36px;
        line-height: 20px;
    }
    .body_site_title {
        max-width: 864px;
        line-height: 20px;
    }
    .body_site_title h3{
        font-weight: 300;
        font-size: 24px;
    }
    .ad_res {
        max-width: 864px;
        padding-top: 12px;
        grid-column-gap: 20px;
    }
    .contact {
        width: 233px;
        margin-left: 80px;
    }
    .contact h3{
        line-height: 20px;
        font-weight: 350;
        font-size: 24px;
    }
    .ad_res img{
        width: 400px;
        height: 218px;
        padding: 1px;
    }
    .cost {
        padding-top: 10px;
    }
    h2{
        font-weight: 550;
        font-size: 32px;
        line-height: 24px;
        padding-top: 0;
    }
    .title_h4{
        width: auto;
        padding-top: 24px;
    }
    h4 {
        font-weight: 550;
        font-size: 24px;
        line-height: 36px;
    }
    .content{
        max-width: 864px;
        margin: 0 auto;
        padding-top: 0;
    }
    .for_img1 {
        width: 422px;
        height: 380px;
    }
    .text1{
        max-width: 422px;
        min-height: auto;
        margin-left: 20px;
    }
    .text2{
        max-width: 422px;
        min-height: auto;
        margin-top: 0;
    }
    .text3{
        max-width: 422px;
        min-height: auto;
        margin-top: 0;
        margin-left: 20px;
    }
    p{
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }
    span {
        font-size: 20px;
        line-height: 24px;
    }
    li{
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        padding-top: 0;
    }
    .for_img2 {
        width: 422px;
        height: 474px;
    }
    .text4{
        width: 422px;
        margin-right: 20px;
    }
    h5{
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }
    .for_img3 {
        width: 422px;
        height: 500px;
        float: left;
    }
    .text5{
        max-width: 422px;
        min-height: auto;
        margin-left: 20px;
    }
    .rek3{
        margin: 36px 0 0 0;
        padding: 0;
    }
    .rek3 img{
        padding: 2px;
        width: 274px;
        height: 136px;
        margin: 0 10px;
    }
    .footer{
        margin: 64px 0 0 0;
        padding: 36px 0 8px 0;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position-y: -120px; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */

    }
    .footer h3{
        font-weight: 400;
        font-size: 18px;
    }
    h6{
        font-weight: 200;
        font-size: 10px;
    }
    .button{
        background: #0D0D0D;
        position: absolute;
        width: 48px;
        height: 36px;

        top: 48px;
        right: 5%;

        display: flex;
        align-items: center;
        justify-content: center;

        transition: .2s linear;

        border: 1px solid #F2F2F2;
    }
    .button a{
        font-weight: 350;
        font-size: 16px;
        text-decoration: none;
        color: #F2F2F2;
    }
    .button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 1px white;
    }
}





/* ___________________________________________________ */
/* Адаптация для десплея устройств и экранов до 768px */
/* ___________________________________________________*/

@media (max-width: 768px) {
    .header{
        padding: 10px 0 24px 0;
    }
    h1 {
        font-weight: 500;
        font-size: 36px;
        line-height: 20px;
    }
    .body_site_title {
        max-width: 806px;
        line-height: 8px;
    }
    .body_site_title h3{
        font-weight: 300;
        font-size: 20px;
    }
    .ad_res {
        max-width: 608px;
        padding-top: 8px;
        grid-column-gap: 20px;
    }
    .contact {
        width: 233px;
        margin-left: 20px;
    }
    .contact h3{
        line-height: 16px;
        font-weight: 350;
        font-size: 20px;
    }
    .ad_res img{
        width: 274px;
        height: auto;
        padding: 1px;
    }
    .cost {
        padding-top: 2px;
    }
    h2{
        font-weight: 550;
        font-size: 20px;
        line-height: 16px;
        padding-top: 0;
    }
    .title_h4{
        width: auto;
        padding-top: 16px;
    }
    h4 {
        font-weight: 550;
        font-size: 18px;
        line-height: 24px;
    }
    .content{
        max-width: 608px;
        margin: 0 auto;
        padding-top: 0;
    }
    .for_img1 {
        width: 294px;
        height: 312px;
    }
    .text1{
        max-width: 294px;
        min-height: auto;
        margin-left: 20px;
    }
    .text2{
        max-width: 294px;
        min-height: auto;
        margin-top: 0;
    }
    .text3{
        max-width: 294px;
        min-height: auto;
        margin-top: 0;
        margin-left: 20px;
    }
    p{
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }
    span {
        font-size: 16px;
        line-height: 16px;
    }
    li{
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        padding-top: 0;
    }
    .for_img2 {
        width: 294px;
        height: 400px;
    }
    .text4{
        width: 294px;
        margin-right: 20px;
    }
    h5{
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }
    .for_img3 {
        width: 294px;
        height: 420px;
        float: left;
    }
    .text5{
        max-width: 294px;
        min-height: auto;
        margin-left: 20px;
    }
    .rek3{
        margin: 36px 0 0 0;
        padding: 0;
    }
    .rek3 img{
        padding: 1px;
        width: 189px;
        height: 99px;
        margin: 0 10px;
    }
    .footer{
        margin: 36px 0 0 0;
        padding: 30px 0 2px 0;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position-y: -100px; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }
    .footer h3{
        font-weight: 400;
        font-size: 18px;
    }
    h6{
        font-weight: 200;
        font-size: 8px;
    }
    .button{
        background: #0D0D0D;
        position: absolute;
        width: 48px;
        height: 36px;

        top: 24px;
        right: 5%;

        display: flex;
        align-items: center;
        justify-content: center;

        transition: .2s linear;

        border: 1px solid #F2F2F2;
    }
    .button a{
        font-weight: 350;
        font-size: 16px;
        text-decoration: none;
        color: #F2F2F2;
    }
    .button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 1px white;
    }
}




/* ___________________________________________________ */
/* Адаптация для десплея устройств и экранов до 640 */
/* ___________________________________________________*/

@media (max-width: 640px) {
    .header{
        margin: 0 0;
        padding: 48px 40px;
        text-align: center;
        width: auto;
        color: #F2F2F2;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */

    }
    h1 {
        font-family: Inter;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        padding-top: 0;
        align-items: center;
        line-height: 56px;
    }
    .body_site_title {
        max-width: 480px;
        margin: 0 auto;
        text-align: center;
        line-height: 36px;
        height: auto;
        align-items: center;
    }
    .body_site_title h3{
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
    }
    .ad_res {
        max-width: 480px;
        margin: 0 auto;
        height: auto;
        text-align: center;
        padding: 36px 40px 0 40px;
        display: block;
        align-items: center;
        grid-column-gap: 0;

    }
    .contact {
        width: 100%;
        text-align: center;
        align-items: center;
        margin-left: 0;
    }
    .contact h3{
        font-family: Inter;
        font-size: 24px;
        line-height: 18px;
        font-style: normal;
        font-weight: 400;
    }
    .ad_res img{
        width: 100%;
        height: auto;
        padding: 0;
        background: black;
    }
    .cost {
        margin: 0 auto;
        text-align: center;
        width: auto;
        padding-top: 30px;
    }
    h2{
        font-family: Inter;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        padding-top: 0;
        align-items: center;
        color: #C22B29;
    }
    .title_h4{
        width: auto;
        padding: 36px 40px 0 40px;
    }
    h4 {
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 550;
        line-height: 36px;
        align-items: center;
    }
    .content{
        max-width: 480px;
        margin: 0 2% 36px 2%;
        padding: 0;
        height: auto;
        text-align: left;
        display: flex;
        align-items: center;
    }
    .box{
        display: block;
    }
    .for_img1 {
        width: 100%;
        height: auto;
        float: left;
    }
    .for_img1 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .photo1{
        object-fit: cover;
    }
    .text1{
        max-width: 100%;
        min-height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    .text2{
        max-width: 100%;
        min-height: auto;
        float: left;
        vertical-align: center;
        margin-top: 0;
    }
    .text3{
        max-width: 100%;
        min-height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    p{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding-top: 0;
        height: auto;
    }
    span {
        font-size: 22px;
        line-height: 36px;
    }
    li{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding-top: 0;
        height: auto;
    }
    .for_img2 {
        width: 100%;
        height: auto;
        float: left;
    }
    .for_img2 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .text4{
        width: 100%;
        height: auto;
        float: left;
        margin-right: 0;
        vertical-align: center;
    }
    h5{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        padding-top: 0;
        height: auto;
        color: #841A19;
    }
    .for_img3 {
        width: 100%;
        height: auto;
        float: none;
    }
    .for_img3 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .text5{

        max-width: 100%;
        height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    .rek3{
        max-width: 480px;
        margin: 0 auto;
        padding: 0;
    }
    .rek3 img{
        padding: 1px;
        width: 100%;
        height: auto;
        margin: 0;

    }
    .footer{

        margin: 36px 0 0 0;
        padding: 30px 40px 2px 40px;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position-y: -40px; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }
    .footer h3{
        font-weight: 400;
        font-size: 16px;
    }
    h6{
        font-weight: 200;
        font-size: 8px;
    }
    .button{
        background: #0D0D0D;
        position: absolute;
        width: 48px;
        height: 40px;

        top: 24px;
        right: 5%;

        display: flex;
        align-items: center;
        justify-content: center;

        transition: .2s linear;

        border: 1px solid #F2F2F2;
    }
    .button a{
        font-weight: 350;
        font-size: 16px;
        text-decoration: none;
        color: #F2F2F2;
    }
    .button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 1px white;
    }
}




/* ___________________________________________________ */
/* Адаптация для десплея устройств и экранов до 340 */
/* ___________________________________________________*/

@media (max-width: 340px) {
    .header{
        margin: 0 0;
        padding: 48px 16px;
        text-align: center;
        width: auto;
        color: #F2F2F2;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */

    }
    h1 {
        font-family: Inter;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        padding-top: 0;
        align-items: center;
        line-height: 56px;
    }
    .body_site_title {
        max-width: 340px;
        margin: 0 auto;
        text-align: center;
        line-height: 36px;
        height: auto;
        align-items: center;
    }
    .body_site_title h3{
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
    }
    .ad_res {
        max-width: 340px;
        margin: 0 auto;
        height: auto;
        text-align: center;
        padding: 36px 0 0 0;
        display: block;
        align-items: center;
        grid-column-gap: 0;

    }
    .contact {
        width: 100%;
        text-align: center;
        align-items: center;
        margin-left: 0;
    }
    .contact h3{
        font-family: Inter;
        font-size: 24px;
        line-height: 18px;
        font-style: normal;
        font-weight: 400;
    }
    .ad_res img{
        width: 100%;
        height: auto;
        padding: 0;
        background: black;
    }
    .cost {
        margin: 0 auto;
        text-align: center;
        width: auto;
        padding-top: 30px;
    }
    h2{
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        padding-top: 0;
        align-items: center;
        color: #C22B29;
    }
    .title_h4{
        width: auto;
        padding: 36px 16px 0 16px;
    }
    h4 {
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 550;
        line-height: 36px;
        align-items: center;
    }
    .content{
        max-width: 480px;
        margin: 0 2% 36px 2%;
        padding: 0 16px;
        height: auto;
        text-align: left;
        display: flex;
        align-items: center;

    }
    .box{
        display: block;
    }
    .for_img1 {
        width: 100%;
        height: auto;
        float: left;
    }
    .for_img1 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .photo1{
        object-fit: cover;
    }
    .text1{
        max-width: 100%;
        min-height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    .text2{
        max-width: 100%;
        min-height: auto;
        float: left;
        vertical-align: center;
        margin-top: 0;
    }
    .text3{
        max-width: 100%;
        min-height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    p{
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding-top: 0;
        height: auto;
    }
    span {
        font-size: 16px;
        line-height: 30px;
    }
    li{
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding-top: 0;
        height: auto;
    }
    .for_img2 {
        width: 100%;
        height: auto;
        float: left;
    }
    .for_img2 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .text4{
        width: 100%;
        height: auto;
        float: left;
        margin-right: 0;
        vertical-align: center;
    }
    h5{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        padding-top: 0;
        height: auto;
        color: #841A19;
    }
    .for_img3 {
        width: 100%;
        height: auto;
        float: none;
    }
    .for_img3 img{
        height: 100%;
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .text5{

        max-width: 100%;
        height: auto;
        float: left;
        margin-left: 0;
        vertical-align: center;
    }
    .rek3{
        max-width: 340px;
        margin: 0 auto;
        padding: 0 16px;
    }
    .rek3 img{
        padding: 1px;
        width: 100%;
        height: auto;
        margin: 0;

    }
    .footer{
       /* width: 340px; */
        margin: 36px 0 0 0;
        padding: 30px 80px 2px 80px;

        background-image: url("img/rif_bg.png"); /* The image used img/rif_bg.png   */
        background-color: #0D0D0D; /* Used if the image is unavailable */
        /*height: 500px;  You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
    }
    .footer h3{
        font-weight: 400;
        font-size: 16px;
    }
    h6{
        font-weight: 200;
        font-size: 8px;
    }
    .button{
        background: #0D0D0D;
        position: absolute;
        width: 48px;
        height: 40px;

        top: 24px;
        right: 5%;

        display: flex;
        align-items: center;
        justify-content: center;

        transition: .2s linear;

        border: 1px solid #F2F2F2;
    }
    .button a{
        font-weight: 350;
        font-size: 16px;
        text-decoration: none;
        color: #F2F2F2;
    }
    .button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 1px white;
    }
}