@font-face {
    font-family: "HistoryRegular";  
    src: url("../assets/B52.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal;
}

#Design_styles{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-family: 'HistoryRegular';
}

#Design_styles .text_h1{
width: auto;
}

#Design_styles .text_h1 p{
    font-size: 150px;
    font-family: 'HistoryRegular';
}


.scroll, .scroll2, .scroll3, .scroll4, .scroll5, .scroll6, .scroll7, .scroll8, .scroll9, .scroll10, .scroll11, .scroll12, .scroll13, .scroll14{
    width: 100vw;
    height: 100vh;
  /*   overflow: auto; */
  }

  
  .scroll_container, .scroll_container2, .scroll_container3, .scroll_container4, .scroll_container5, .scroll_container6, .scroll_container7, .scroll_container8, .scroll_container9, .scroll_container10, .scroll_container11, .scroll_container12, .scroll_container13, .scroll_container14 {
    width: 200%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
  }
.img_1{
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.img_2{
    background-repeat: no-repeat;
    background-size: cover;
}

.scroll_container .img_1{
    background-image: url("../assets/modern_styles/minimal-1.jpg");
    background-position: bottom;
}
.scroll_container .img_2{
    background-image: url("../assets/modern_styles/minimal-2.jpg");
    background-position: bottom;
}

.scroll_container2 .img_1{
    background-image: url("../assets/modern_styles/kontemporari-1.jpg");
    background-position: bottom;
}
.scroll_container2 .img_2{
    background-image: url("../assets/modern_styles/kontemporari-2.jpg");
    background-position: bottom;
}

.scroll_container3 .img_1{
    background-image: url("../assets/modern_styles/skandinavskiy-1.jpg");
    background-position: bottom;
}
.scroll_container3 .img_2{
    background-image: url("../assets/modern_styles/skandinavskiy-2.png");
    background-position: bottom;
}

.scroll_container4 .img_1{
    background-image: url("../assets/modern_styles/eco-1.jpg");
    background-position: bottom;
}
.scroll_container4 .img_2{
    background-image: url("../assets/modern_styles/eco-2.jpg");
    background-position: bottom;
}

.scroll_container5 .img_1{
    background-image: url("../assets/modern_styles/bio-1.jpg");
    background-position: bottom;
}
.scroll_container5 .img_2{
    background-image: url("../assets/modern_styles/bio-2.jpg");
    background-position: bottom;
}

.scroll_container6 .img_1{
    background-image: url("../assets/modern_styles/hightech-1.jpg");
    background-position: bottom;
}
.scroll_container6 .img_2{
    background-position: bottom;
    background-image: url("../assets/modern_styles/hightech-2.jpg");
}

.scroll_container7 .img_1{
    background-image: url("../assets/modern_styles/fuzhn-1.jpg");
    background-position: bottom;
}
.scroll_container7 .img_2{
    background-image: url("../assets/modern_styles/fuzhn-2.jpg");
    background-position: bottom;
}

.scroll_container8 .img_1{
    background-image: url("../assets/modern_styles/kitch-1.jpg");
    background-position: bottom;
}
.scroll_container8 .img_2{
    background-image: url("../assets/modern_styles/kitch-2.jpg");
    background-position: bottom;
}

.scroll_container9 .img_1{
    background-image: url("../assets/modern_styles/loft-1.jpg");
    background-position: bottom;
}
.scroll_container9 .img_2{
    background-image: url("../assets/modern_styles/loft-2.jpg");
    background-position: bottom;
}

.scroll_container10 .img_1{
    background-image: url("../assets/modern_styles/steampank-1.jpg");
    background-position: bottom;
}
.scroll_container10 .img_2{
    background-image: url("../assets/modern_styles/steampank-2.jpg");
    background-position: bottom;
}

.scroll_container11 .img_1{
    background-image: url("../assets/modern_styles/shabbychic-1.jpg");
    background-position: bottom;
}
.scroll_container11 .img_2{
    background-image: url("../assets/modern_styles/shabbychic-2.jpg");
    background-position: bottom;
}

.scroll_container12 .img_1{
    background-image: url("../assets/modern_styles/kantri-1.jpg");
    background-position: bottom;
}
.scroll_container12 .img_2{
    background-image: url("../assets/modern_styles/kantri-2.jpg");
    background-position: bottom;
}

.scroll_container13 .img_1{
    background-image: url("../assets/modern_styles/retro-1.jpg");
    background-position: bottom;
}
.scroll_container13 .img_2{
    background-image: url("../assets/modern_styles/retro-2.jpg");
    background-position: bottom;
}

.scroll_container14 .img_1{
    background-image: url("../assets/modern_styles/provans-1.jpg");
    background-position: bottom;
}
.scroll_container14 .img_2{
    background-image: url("../assets/modern_styles/provans-2.jpg");
    background-position: bottom;
}




.for_text_first{
    width: 100%;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'HistoryRegular';
    margin-top: 100px;
    padding-bottom: 100px;
}
.for_text{
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    font-family: 'HistoryRegular';
    margin-top: 100px;
}
.section_name {
    display: block;
    font-size: 50px;
    font-weight: bold;
    color: black;
    position: relative;
    top: 0%;
    margin-bottom: 100px;
  }
.section_title{
    width: 50%;
    margin: 0 auto;
    text-align: justify;
    display: block;
    font-size: 30px;
    color: black;
    position: relative;
    top: 0%;
}