.box {
border-radius: 20px;
background-color: #d3bee8;
box-shadow: 10px 10px 9px #cdecd0;
border-right: solid #fdfffe;
border-bottom: solid #fdfffe;
padding:20px;
overflow:auto; 
text-align: center;}

.page-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.packaging {
   background-image: url(img/cardboardpattern.jpeg);
     background-repeat: repeat;}

     .packaging h3 {
        text-decoration: underline;
     }
.packagingimg {
    width: 100%;
 margin-bottom: 20px;
}

.immersiveboxes {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.immersivebox {
    background-color: #d3bee8;
    border-radius: 20px;
    width: 32%;

}
.immersivesectionex {
    background-image: url(img/sponge.JPG);
  
}

.immersivesectionother {
    background-image: url(img/tissue.JPG);
}


.immersivesectionother h3 {
   text-decoration: underline;
}

.immersivesectionex h3 {
    text-decoration: underline;
}

.marketing {
    width: 100%;
    margin: 0px;
}

.img100 {
    display: flex;
    width: 100%;
    justify-content: center;
}

.img100 img {
    width: 40%;
}

.real {
    width: 100%;
    margin:0px;
}

.immersivesectiontitle {
    padding: 0px;
}

.immersivesectiontitle h3 {
    padding:20px;
}

@media (max-width: 768px) { 
    .immersiveboxes {
        flex-direction: column;
    }

}