*,
    html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* scroll-snap-type: y mandatory; */
    padding: env(safe-area-inset);
}

body {
    overflow-x: hidden;
}

.body-characteristic {
    height: fit-content;
}

/* @font-face {
    src: url(Lora-VariableFont_wght.ttf);
    font-family: lora;
} */

@font-face {
    src: url(Montserrat-VariableFont_wght.ttf);
    font-family: Montserrat;
}

.montserrat-font {
    font-family: Montserrat;
}

.dreamAvenue-font {
    font-family: dreamAvenue;
}

@media screen and (orientation:portrait) {
    .mobile-container {
        display: none;
    }

    #preloader {
        background: white url('Picture/Loader-animation-principle-freebie.gif') no-repeat center center;
        background-size: 100%;
        height: 100vh;
        width: 100vw;
        position: fixed;
        z-index: 100;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .navbar-characteristic {
        scroll-snap-align: start;
        position: relative;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0);
        width:  100vw;
        height: 5vh;
        /* background-color: rgba(195, 195, 195, 1); */
    }
    
    .navbar-ul {
        display: flex;
        height: 5vh;
        justify-content: right;
        align-items: center;
        /* background-color: #f4f1ed; */
        background-color: rgb(255, 255, 255);
        background-image: url('Picture/HeaderNFooter/headerBackground.jpg');
        background-repeat: no-repeat;
        background-position: 6vw 0vw;
        background-size: 100vw;
    }
    
    .navbar-li1 {
        list-style-type: none;
        margin-right: 2.5vw;
        /* background-color: rgb(8, 255, 4); */

        margin-bottom: 1.5vw;
    }
    
    .navbar-li2 {
        list-style-type: none;
        margin-right: 2.5vw;
        /* background-color: rgb(8, 255, 4); */

        margin-bottom: 1.5vw;
    }
    
    .navbar-li3 {
        list-style-type: none;
        margin-right: 2.5vw;
        /* background-color: rgb(8, 255, 4); */
        /* display: flex;
        justify-content: center;
        align-items: center; */

        margin-bottom: 1.5vw;
    }
    
    .navbar-li4 {
        list-style-type: none;
        margin-right: 2.8vw;
        /* background-color: rgb(8, 255, 4); */

        margin-bottom: 1.5vw;
    }
    
    /* .navbar-li5 {
        list-style-type: none;
        width: 0.1vw;
        height: 4vw;
        margin-right: 2.5vw;
        background-color: rgb(0, 0, 0);
    } */
    
    .navbar-li6 {
        list-style-type: none;
        /* width: 10.5vw;
        height: 2.8vw; */
        margin-right: 8vw;

        margin-bottom: 1.5vw;
    }
    
    .navbar-a {
        color:  #504c44;
        text-decoration: none;
        font-size: 1.6vw;
        font-weight: bold;
    
        font-family: Montserrat;

        margin-bottom: 0vh;

        /* background-color: #0cdd52; */
    }
    
    .navbar-a:hover {
        /* color: rgba(207, 207, 207, 0.601); */
        color: #275174;
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
        border-radius: 5vh;
    }
    
    .arrow {
        border: solid black;
        border-width: 0 0.1vw 0.1vw 0;
        display: inline-block;
        padding: 0.3vw;
    }
    
    .left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        border-width: 0 0.3vh 0.3vh 0;
        display: inline-block;
        padding: 0.3vh;
        margin-left: 0.3vh;
      }
    
    .right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-width: 0 0.3vh 0.3vh 0;
        display: inline-block;
        padding: 0.3vh;
        margin-right: 0.3vh;
      }
    
    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-bottom: 0.3vw;
        margin-left: 0.3vh;
    }
    
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .content12-container {
        width: 100vw;
        height: fit-content;
        /* background-image: url("floralBackground.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; */
        display: grid;
        align-items: center;
    }

    .content1-characteristic {
        width: 100vw;
        height: 28vh;
        /* background-color: rgba(236, 9, 9, 1); */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-slideshow {
        height: 28vh;
        width: 100vw;
        /* background-color: aqua; */
    }
      
    /* Hide the images by default */
    .slides {
        display: none;
        background-color: antiquewhite;
    }
      
      /* Next & previous buttons */
      .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 19%;
        transform: translateY(-50%);
        padding: 0.8vh;
        background-color: rgb(255, 255, 255);
        /* font-size: 1.5vw; */
        transition: 0.6s ease;
        border-radius: 5vw;
        /* user-select: none; */
        
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: lato-light;
      }
      
      /* Position the "next button" to the right */
      .prev {
        left: 3vw;
      }

      .next {
        right: 3vw;
      }
      
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover, .next:hover {
        color: rgba(195, 195, 195, 1);
      }
      
      /* Number text (1/3 etc) */
      .slide-number {
        color: #f2f2f2;
        font-size: 1.5vw;
        padding: 1.5vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: lato-light;
        background-color: #8e8e8e;
        display: none;
      }

      .slide-image1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100vw;
        background-size: 120vw;
        background-repeat: no-repeat;
        background-position: center;
        background-position: 50% 5%;
        background-image: url('Picture/Home/HOME.png');
        /* background-color: rgb(0, 55, 173); */
      }

      .slide-image2{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100vw;
        background-size: 125vw;
        background-repeat: no-repeat;
        background-position: center;
        background-position: 50% 5%;
        background-image: url('Picture/Bedding/Top.JPG');
      }

      .slide-image3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100vw;
        background-size: 125vw;
        background-repeat: no-repeat;
        background-position: center;
        background-position: 50% 5%;
        background-image: url('Picture/Bath/BATH.JPG');
      }

      .slide-image4 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100vw;
        background-size: 125vw;
        background-repeat: no-repeat;
        background-position: center;
        background-position: 50% 5%;
        background-image: url('Picture/Curtain/CT.JPG');
      }

      .slide-image5 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100vw;
        background-size: 125vw;
        background-repeat: no-repeat;
        background-position: center;
        background-position: 50% 5%;
        background-image: url('Picture/Dining/DN.JPG');
      }
      
      /* The dots/bullets/indicators */
      .dot {
        cursor: pointer;
        height: 0.8vw;
        width: 2vh;
        background-color: #bbb;
        display: inline-block;
        transition: background-color 0.6s ease;
        z-index: 15;
      }

      .dot1 {
        position: absolute;
        top: 30.5%;
        left: 38%;
        transform: translate(-50%, -50%);
      }

      .dot2 {
        position: absolute;
        top: 30.5%;
        left: 44%;
        transform: translate(-50%, -50%);
      }

      .dot3 {
        position: absolute;
        top: 30.5%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .dot4 {
        position: absolute;
        top: 30.5%;
        left: 56%;
        transform: translate(-50%, -50%);
      }

      .dot5 {
        position: absolute;
        top: 30.5%;
        left: 62%;
        transform: translate(-50%, -50%);
      }
      
      .active, .dot:hover {
        background-color: #000000;
      }

      .fade {
        animation-name: fade;
        animation-duration: 1.5s;
      }
    
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    
    .content2-characteristic {
        scroll-snap-align: start;
        height: 28vh;
        position: relative;
        background-color: #f4f1ed;
    }
    
    .content2-container1 {
        z-index: 2;
        width: 90vw;
        height: fit-content;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* background-color: antiquewhite; */

        display: flex;
        justify-content: center;
        align-items: center;
    } 
    
    .content2-container1 p {
        color: #504c44;
        font-weight: lighter;
        font-size: 1.6vw;
        font-family: Montserrat;
        font-weight: bold;
        letter-spacing: 0.4vw;
        /* padding-bottom: 2vw; */
        text-align: center;
    }

    .content2-container2 {
        position: absolute;
        top: 55%;
        left: 86%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.1vh;
        background-color: #504c44;

        text-decoration: none;
    }

    .content2-container2 p {
        width: 12vw;
        height: fit-content;
        padding: 1vw;

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

        background-color: #f4f1ed;
        /* background-color: #0cdd52; */
        color: #504c44;
        font-size: 1.8vw;
        font-family: Montserrat;
        font-weight: bold;
        text-decoration: none;
        text-align: center;

        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
    }

    .content2-container2 p:hover {
        background-color: #474747;
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;

        color: #000000;
    }

    .content2-container3 {
        position: absolute;
        top: 59%;
        left: 41%;
        transform: translate(-50%, -50%);

        width: 70vw;
        height: 22.5vh;
        /* background-color: rgba(0, 255, 255, 1); */

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .content2-square1 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/1.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content2-square2 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/2.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content2-square3 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/3.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content2-square-button {
        width: 19vw;
        height: 1.8vh;
        background-color: #b6a790;
        color: white;

        margin-bottom: 5vw;

        font-size: 1.6vw;
        font-weight: medium;
        font-family: Montserrat;
        text-decoration: none;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    
    .content3-characteristic {
        background-color: #f4f1ed;
        scroll-snap-align: start;
        height: 28vh;
        width: 100vw;
        position: relative;

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

    .content3-container1 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 88vw;
        height: fit-content;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .content3-container1-1 {
        width: fit-content;
        height: fit-content;
        padding: 0.1vh;
        background-color: #504c44;

        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;

        margin-right: 1vw;
    }

    .content3-container1-1 p {
        width: 13vw;
        background-color: #f4f1ed;
        color: #504c44;
        padding: 1vw;

        font-size: 1.8vw;
        font-weight: bold;
        font-family: Montserrat;
        text-decoration: none;
        text-align: center;

        /* background-color: #474747; */
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
    }

    .content3-container1-1 p:hover {
        background-color: #474747;
        color: #000000;
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
    }

    .content3-square1 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/4.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content3-square2 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        
        background-image: url('Picture/Home/5.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content3-square3 {
        width: 22vw;
        height: 22.5vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/6.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content3-square-button {
        width: 19vw;
        height: 4vw;
        background-color: #b6a790;
        color: white;

        margin-bottom: 5vw;

        font-size: 1.6vw;
        font-weight: medium;
        font-family: Montserrat;
        text-decoration: none;

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

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    
    .content4-characteristic {
        background-color: #f4f1ed;
        /* background-color: #27b603; */
        scroll-snap-align: start;
        height: 28vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .content4-container1 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 88vw;
        height: fit-content;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .content4-container2 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 88vw;
        height: fit-content;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .content4-container1-1 {
        width: fit-content;
        height: fit-content;
        padding: 0.1vh;
        background-color: #504c44;

        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;

        margin-right: 1vw;
    }

    .content4-container1-1 p {
        width: 13vw;
        background-color: #f4f1ed;
        color: #504c44;
        padding: 1vw;

        font-size: 1.8vw;
        font-family: Montserrat;
        font-weight: bold;
        text-decoration: none;
        text-align: center;

        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
    }
    
    .content4-container1-1 p:hover {
        background-color: #474747;
        color: #000000;
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
    }

    .content4-square1 {
        width: 34vw;
        height: 12.6vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/7.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content4-square2 {
        width: 34vw;
        height: 12.6vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/8.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content4-square3 {
        width: 34vw;
        height: 12.6vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/9.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content4-square4 {
        width: 34vw;
        height: 12.6vh;
        background-color: rgb(0, 0, 0);

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        background-image: url('Picture/Home/10.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .content4-square-button {
        width: 19vw;
        height: 4vw;
        background-color: #b6a790;
        color: white;

        margin-bottom: 3vw;

        font-size: 1.6vw;
        font-weight: medium;
        font-family: Montserrat;
        text-decoration: none;
        
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .content5-characteristic {
        scroll-snap-align: start;
        position: relative;
        height: 28vh;
        width: 100vw;
        background-color: #f4f1ed;
        /* background-color: #7e00a5; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content5-container1 {
        position: absolute;
        height: 19vh;
        width: 75vw;
        background-color: rgb(15, 101, 45);
    }

    .content5-container1 video {
        width: 100%;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    
    .footer-characteristic {
        scroll-snap-align: start;
        position: relative;
        height: 12vh;
        width: 100vw;
        background-color: #f4f1ed;
        /* background-color: rgb(15, 101, 45); */

        background-image: url('Picture/HeaderNFooter/footerBackground.png');
        background-repeat: no-repeat;
        background-size: 90vw;
        background-position: 3vh -7vh;

        /* display: flex;
        justify-content: center;
        align-items: center; */
    }

    .footer-container1 {
        position: absolute;
        top: 62%;
        left: 86%;
        transform: translate(-50%, -50%);

        height: 4.5vw;
        width: 7vh;
        background-color: rgb(15, 101, 45, 0);
        /* background-color: rgb(15, 101, 45, 1); */

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .footer-container1 a{
        height: fit-content;
        width: fit-content;
        padding: 0.2vw;
        border-radius: 5vw;
        background-color: rgb(0, 0, 0);

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

    .instagram{
        background-color: #f4f1ed;

        height: 3.8vw;
        width: 3.8vw;
        border-radius: 5vh;

        background-image: url('Picture/Icon/instagram.png');
        background-size: 4.4vw;
        background-repeat: no-repeat;
        background-position: center;
    }

    .facebook{
        background-color: #f4f1ed;

        height: 3.8vw;
        width: 3.8vw;
        border-radius: 5vh;

        background-image: url('Picture/Icon/facebook.png');
        background-size: 4.4vw;
        background-repeat: no-repeat;
        background-position: center;
    }

    .whatsapp{
        /* background-color: #f4f1ed; */

        height: 4.3vw;
        width: 4.3vw;

        background-image: url('Picture/Icon/whatsapp.png');
        background-size: 5vw;
        background-repeat: no-repeat;
        background-position: center;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .bedding-content1-characteristic {
        width: 100vw;
        height: 28vh;
        display: flex;
        justify-content: center;
        align-items: center;

        background-color: #f4f1ed;
        background-color: #1a9900;
        background-image: url('Picture/Bedding/Top.JPG');
        background-repeat: no-repeat;
        background-size: 120vw;
        background-position: center;
    }
    
    .bedding-content2-characteristic {
        background-color: #f4f1ed;
        scroll-snap-align: start;
        height: 90vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .bedding-content2-container1 {
        width: fit-content;
        height: fit-content;
        padding: 0.1vh;
        background-color: #504c44;

        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    .bedding-content2-container1 p {
        width: 13vw;
        background-color: #f4f1ed;
        color: #504c44;
        padding: 1vw;

        font-size: 1.8vw;
        font-family: Montserrat;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }

    .bedding-content2-container2 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 94vw;
        height: 12vh;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .bedding-content2-container3 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        background-color: rgb(91, 0, 211, 0);
        width: 94vw;
        height: 12vh;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .bedding-content2-container4 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        background-color: rgb(91, 0, 211, 0);
        width: 94vw;
        height: 12vh;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .bedding-content2-container5 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        background-color: rgb(91, 0, 211, 0);
        width: 94vw;
        height: 12vh;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .bedding-content2-container6 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        background-color: rgb(91, 0, 211, 0);
        width: 94vw;
        height: 12vh;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .bedding-content2-square1 {
        width: 46vw;
        height: 12vh;
        /* background-color: rgb(0, 0, 0); */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .bedding-content2-square2 {
        width: 46vw;
        height: 12vh;
        /* background-color: rgb(0, 0, 0); */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .bedding-content2-square-picture1 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/FITTED.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture2 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/FLAT.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture3 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/INNER\ D.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture4 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/DUVET\ COVER.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture5 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/QM.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture6 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/WM.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture7 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/PL.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture8 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/PP.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture9 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/PC.png');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-picture10 {
        width: 12vh;
        height: 12vh;
        /* background-color: aqua; */

        background-image: url('Picture/Bedding/WATERPROOFPP.JPG');
        background-repeat: no-repeat;
        /* background-size: 13vh; */
        background-size: cover;
        background-position: center;
    }

    .bedding-content2-square-button {
        width: 16vw;
        height: fit-content;
        /* background-color: #b6a790; */
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        margin-left: 1.5vw;
    }

    .bedding-content2-square-button p1 {
        width: 100%;
        height: fit-content;
        /* background-color: #0c9bdd; */
        color: black;

        font-size: 1.8vw;
        font-weight: bold;
        font-family: Montserrat;
        text-decoration: none;
        text-align: left;       
    }

    .bedding-content2-square-button p2 {
        width: 100%;
        height: fit-content;
        /* background-color: #0cdd52; */
        color: #624e34;

        font-size: 1.6vw;
        /* font-weight: bold; */
        font-family: Montserrat;
        text-decoration: none;
        text-align: left;       

        margin-top: 3vw;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .bath {
        background-image: url('Picture/Bath/BATH.JPG');
        background-repeat: no-repeat;
        background-size: 120vw;
        background-position: center;
    }

    .bath-content2-characteristic {
        background-color: #f4f1ed;
        scroll-snap-align: start;
        height: 60vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .bath-content2-square-picture1 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/BT.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bath-content2-square-picture2 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/PT.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bath-content2-square-picture3 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/FT.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bath-content2-square-picture4 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/HT.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bath-content2-square-picture5 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/BMBARU.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bath-content2-square-picture6 {
        width: 12vh;
        height: 12vh;
        background-color: aqua;

        background-image: url('Picture/Bath/BR.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .curtain {
        background-image: url('Picture/Curtain/CT.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .curtain-content2-characteristic {
        background-color: #f4f1ed;
        scroll-snap-align: start;
        height: 55vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .curtain-content2-container2 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 94vw;
        height: fit-content;

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .curtain-content2-container3 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 94vw;
        height: fit-content;

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .curtain-content2-square1 {
        width: 90vw;
        height: 20vh;
        /* background-color: rgb(0, 0, 0); */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .curtain-content2-square2 {
        width: 90vw;
        height: 19vh;
        /* background-color: rgb(0, 0, 0); */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .curtain-content2-square-picture1 {
        width: 54vw;
        height: 18vh;
        background-color: aqua;

        background-image: url('Picture/Curtain/BC.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .curtain-content2-square-picture2 {
        width: 54vw;
        height: 18vh;
        background-color: aqua;

        background-image: url('Picture/Curtain/RB.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .curtain-content2-square-button {
        width: 20vw;
        height: fit-content;
        /* background-color: #b6a790; */
        color: white;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;

        margin-left: 2vh;
    }

    .curtain-content2-square-button p1 {
        width: 18vw;
        height: fit-content;
        /* background-color: #0c9bdd; */
        color: black;

        font-size: 1.8vw;
        font-weight: bold;
        font-family: Montserrat;
        text-decoration: none;
        text-align: left;       
    }

    .curtain-content2-square-button p2 {
        width: 100%;
        height: fit-content;
        /* background-color: #0cdd52; */
        color: #624e34;

        font-size: 1.6vw;
        /* font-weight: bold; */
        font-family: Montserrat;
        text-decoration: none;
        text-align: left;       

        margin-top: 2vw;
    }

    .curtain-content2-square-button p3 {
        width: 100%;
        height: fit-content;
        /* background-color: #0cdd52; */
        color: black;

        font-size: 1.6vw;
        font-weight: bold;
        font-family: Montserrat;
        text-decoration: none;
        text-align: left;       
        letter-spacing: 0.2vw;

        margin-top: 4vw;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .curtain-content2-square-button p3 div {
        width: 5vh;
        height: 5vh;
        /* background-color: #00b6ad65; */

        margin-top: 2vw;

        background-image: url('Picture/Icon/SP\ Vector\ JPG.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .dining {
        background-image: url('Picture/Dining/DN.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .dining-content2-square-picture1 {
        width: 54vw;
        height: 18vh;
        background-color: aqua;

        background-image: url('Picture/Dining/CT.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .dining-content2-square-picture2 {
        width: 54vw;
        height: 18vh;
        background-color: aqua;

        background-image: url('Picture/Dining/CCBARU.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .contact-content2-characteristic {
        background-color: #f4f1ed;
        /* background-color: #9b5a06; */
        scroll-snap-align: start;
        height: 62vh;
        width: 100vw;
        position: relative;
        
        padding-top: 15vw;

        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .contact-content2-container1 {
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */

        /* background-color: rgb(91, 0, 211, 1); */
        width: 85vw;
        height: 62vh;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .contact-content2-square1 {
        width: fit-content;
        height: fit-content;
        background-color: rgb(0, 0, 0);
        padding: 0.3vh;

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

    .contact-content2-square2 {
        width: 70vw;
        height: 60vw;
        /* background-color: rgb(0, 0, 0); */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .contact-content2-square-info {
        width: 60vw;
        height: 60vw;
        background-color: #f4f1ed;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact-content2-square-info p1 {
        width: fit-content;
        height: fit-content;
        /* background-color: rgb(156, 0, 0); */

        font-size: 2.2vh;
        font-weight: bold;
        font-family: montserrat;

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

    .info-container {
        width: fit-content;
        height: fit-content;

        /* background-color: aqua; */

        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        margin-top: 1.5vh;
    }

    .icon1 {
        width: 3vh;
        height: 3vh;

        /* background-color: rgb(53, 0, 144); */

        background-image: url('Picture/Contact/pin.png');
        background-repeat: no-repeat;
        background-size: 2.5vh;
        background-position: center;
    }

    .icon2 {
        width: 3vh;
        height: 3vh;

        /* background-color: rgb(0, 144, 50); */

        background-image: url('Picture/Contact/homePhone.png');
        background-repeat: no-repeat;
        background-size: 2.5vh;
        background-position: center;
    }

    .icon3 {
        width: 3vh;
        height: 3vh;
        /* background-color: rgb(215, 0, 0); */

        background-image: url('Picture/Contact/phone.png');
        background-repeat: no-repeat;
        background-size: 2vh;
        background-position: center;
    }

    .icon4 {
        width: 3vh;
        height: 3vh;

        /* background-color: rgb(203, 132, 0); */

        background-image: url('Picture/Icon/whatsapp.png');
        background-repeat: no-repeat;
        background-size: 3vh;
        background-position: center;
    }

    .info {
        width: 46vw;
        height: fit-content;

        /* background-color: rgb(192, 182, 0); */

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;

        font-size: 1.4vh;
        font-family: montserrat;

        margin-left: 1vh;
    }

    .contact-content3-characteristic {
        position: relative;
        width: 100vw;
        height: 24vh;
        background-color: #f4f1ed;

        background-image: url('Picture/Icon/OurBrandsBaru.JPG');
        background-repeat: no-repeat;
        background-size: 80vw;
        background-position: center;
    }

    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------*/

    .about-content1-characteristic {
        background-color: #f4f1ed;
        /* background-color: #0bc727; */
        height: 30vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .about-content1-container1 {
        /* background-color: #0077ff; */
        height: 18vh;
        width: 40vw;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;

        margin-right: 6vw;
        margin-bottom: 6vw;
    }

    .about-content1-container1 p1 {
        /* background-color: #580292; */
        height: 20%;
        width: 100%;

        color: #0e2d47;
        font-size: 2.5vh;
        font-weight: bold;
        font-family: montserrat;
        text-decoration: none;

        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .about-content1-container1 p2 {
        /* background-color: #c4f000; */
        height: fit-content;
        width: 100%;

        color: #000000;
        font-size: 0.95vh;
        font-weight: medium;
        font-family: montserrat;
        text-decoration: none;
        text-align: justify;
        text-indent: 3vw;
    }

    .about-content1-container2 {
        /* background-color: #008ca5; */
        height: 18vh;
        width: 40vw;

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;

        margin-bottom: 6vw;
    }

    .about-content1-container2 div {
        /* background-color: #015e0e; */
        height: 90%;
        width: 100%;
        /* opacity: 0.8; */

        background-image: url('Picture/About/Lobby.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .about-content2-characteristic {
        background-color: #f4f1ed;
        /* background-color: #d82607; */
        height: 22vh;
        width: 100vw;
        position: relative;

        background-image: url('Picture/About/content2.png');
        background-repeat: no-repeat;
        background-size: 90vw;
        background-position: center;
    }

    .about-content3-characteristic {
        background-color: #f4f1ed;
        /* background-color: #00e1f1; */
        height: 34vh;
        width: 100vw;
        position: relative;

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .about-content3-container1 {
        /* background-color: #0077ff; */
        height: 22vh;
        width: 40vw;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;

        margin-right: 6vw;
    }

    .about-content3-container1 p1 {
        /* background-color: #580292; */
        height: 20%;
        width: 100%;

        color: #0e2d47;
        font-size: 2.1vh;
        font-weight: bold;
        font-family: montserrat;
        text-decoration: none;

        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .about-content3-container1 p2 {
        /* background-color: #c4f000; */
        height: fit-content;
        width: 100%;

        color: black;
        font-size: 1.1vh;
        font-weight: medium;
        font-family: montserrat;
        text-decoration: none;
        text-align: justify;
        text-indent: 3vw;
    }

    .about-content3-container1 p3 {
        /* background-color: #c4f000; */
        height: fit-content;
        width: 100%;

        color: black;
        font-size: 1vh;
        font-weight: medium;
        font-family: montserrat;
        text-decoration: none;
        text-align: justify;
        text-indent: 3vw;
    }

    .about-content3-container1 p4 {
        /* background-color: #c4f000; */
        height: fit-content;
        width: 100%;

        color: black;
        font-size: 1vh;
        font-weight: medium;
        font-family: montserrat;
        text-decoration: none;
        text-align: justify;
        text-indent: 3vh;
    }

    .about-content3-container1 p5 {
        /* background-color: #c4f000; */
        height: fit-content;
        width: 100%;

        color: black;
        font-size: 1vh;
        font-weight: medium;
        font-family: montserrat;
        text-decoration: none;
        text-align: justify;
        text-indent: 3vh;
    }

    .about-content3-container2 {
        /* background-color: #008ca5; */
        height: 22vh;
        width: 40vw;

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .about-content3-container2 div {
        /* background-color: #015e0e; */
        height: 90%;
        width: 100%;

        background-image: url('Picture/About/2.png');
        background-repeat: no-repeat;
        background-size: 84vw;
        background-position: center;
        /* opacity: 0.8; */
    }

    .about-content4-characteristic {
        position: relative;
        width: 100vw;
        height: 15vh;
        padding-bottom: 20vh;
        background-color: #f4f1ed;
        /* background-color: #b46701a2; */

        background-image: url('Picture/About/ourCustomerBaru.png');
        background-repeat: no-repeat;
        background-size: 120vw;
        background-position: 50% 0%;
    }
    
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/