#r8_content .parallax02 {background-position-y: top;}

.d0imgbox01 {padding:0px; min-height:800px; width: 680px; border-radius: 30px; display:block; 
background:url(/shared/images/content/bus_58234/Cocoon-Img02.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0imgbox02 {padding:0px; min-height:800px; width:680px; border-radius: 30px; display:block; 
background:url(/shared/images/content/bus_58234/Cocoon-Img01.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0imgbox03 {padding:0px; min-height:800px; width: 680px; border-radius: 30px; display:block; 
background:url(/shared/images/content/bus_58234/Cocoon-Img03.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0imgbox04 {padding:0px; min-height:800px; width: 680px; border-radius: 30px; display:block; 
background:url(/shared/images/content/bus_58234/Cocoon-Img04.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0imgbox05 {padding:0px; min-height:800px; width: 680px; border-radius: 30px; display:block; 
background:url(/shared/images/content/bus_58234/Cocoon-Img05.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0overlaybox {background-color: rgba(0, 0, 0, 0.4); padding: 20px; min-width: 100%; min-height: 800px; border-radius: 30px; white-space: normal; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}

@media only screen and (min-width: 800px) {
    #r8_content table {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        border-collapse: collapse;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        background-color: white;
        border-radius: 20px;
    }

    #r8_content th {
        background-color: #07023A;
        color: white;
        padding: 16px;
        text-align: left;
        font-weight: 600;
        font-size: 16px;
    }

    #r8_content td {
        background-color: #121212;
        color: white;
        padding: 16px;
        border-bottom: 1px solid #2a2a2a;
    }

    #r8_content tr:last-child td {
        border-bottom: none;
    }

    #r8_content th:first-child,
    #r8_content td:first-child {
        font-weight: 600;
    }
}

@media only screen and (max-width: 799px) {
    #r8_content table {
        border: 0;
        width: 100%;
    }

    #r8_content table thead {
        display: none;
    }

    #r8_content table tr {
        display: block;
        margin-bottom: 20px;
        border-radius: 8px;
        overflow: hidden;
    }

    #r8_content table td {
        display: block;
        text-align: left;
        border-bottom: 1px solid #2a2a2a;
        position: relative;
        padding: 12px 16px 12px 50%;
        background-color: #121212;
        color: white;
        min-height: 48px;
    }

    #r8_content table td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 0;
        width: 45%;
        padding-left: 16px;
        font-weight: 600;
        background-color: #07023A;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #r8_content table td:first-child {
        background-color: #07023A;
        font-weight: 700;
        font-size: 16px;
        padding-left: 16px;
    }

    #r8_content table td:first-child:before {
        display: none;
    }

    #r8_content table tr:last-child td:last-child {
        border-bottom: none;
    }
}
.d0stack-wrapper {
  position: relative;
}

.d0stack-panel {
  position: sticky;
  top:0px;
  padding: 20px;
}

/* Layering order */
.d0stack-panel:nth-child(1) {
  z-index: 1;
}

.d0stack-panel:nth-child(2) {
  z-index: 2;
}

.d0stack-panel:nth-child(3) {
  z-index: 3;
}

@media (max-width: 992px) {.d0stack-panel {position: relative; min-height: auto; padding: 20px;}}

.d1counters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  margin: 2rem 0;
}

.d1counter {
  flex: 1 1 25%;
  padding: 1rem;
  box-sizing: border-box;
}

.d1count {
  display: block;
  font-family: Nunito, sans-serif;
  font-size: 2em;
  line-height: 1em;
  color: #fff;
  margin-bottom: 0.5rem;
}

.d1counter p {
  margin: 0;
  font-family: Nunito, sans-serif;
  font-size: 1.5em;
  color: #fff;
}

@media only screen and (max-width: 799px) {
  .d1counter {
    flex: 1 1 100%;
  }
}

@media only screen and (min-width: 800px) {
    .d0cover1 {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %2307023a; } </style></defs><path class="cls-1" d="M0,0v1306h1780V0H0ZM1508.05,857.98H271.95v-409.96h1236.1v409.96Z"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (max-width : 799px) {
.d0imgbox01, .d0imgbox02, .d0imgbox03, .d0imgbox04, .d0imgbox05 {width: 340px;}
}