/* Specification Icon Carousel 
.section-specification-carousel {background:var(--light-grey); padding-top:220px; padding-bottom:60px;}
.section-specification-carousel .splide__slide {text-align:center;}
.section-specification-carousel .splide__slide img {margin:0 auto; width:100%; max-width:170px; height:auto;}
.section-specification-carousel .splide__slide span {font-size:12px;}
.section-specification-carousel .carousel-container {margin-top:2rem;}
.carousel-container {position:relative; padding:2rem;}
.carousel-button {position:absolute; top:50%; translate:0 -50%; cursor:pointer;}

#bt-prev-icons {left:0;}
#bt-next-icons {right:0;}
.carousel-button rect {transition:var(--transition-default);}
.carousel-button:hover rect {fill:var(--secondaryBrandColour);}
*/


/* section-specification-list */
.section-specification-list {background:var(--light-grey);}
.specification-list {display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;}
.specification-list div {flex:0 0 100%; text-align:center; }
.specification-list div img {margin:0 auto; width:100%; max-width:220px; height:auto;}
.specification-list div span {font-size:12px;}

/* Specification Awards */
.section-specification-awards {padding-top:220px; padding-bottom:60px !important;}
.award-logos {display:flex; justify-content:center; align-items:center; gap:2rem; margin-top:3rem !important; margin-bottom:1rem !important;}
.award-logos>div {width:140px;}
  
  
/* section-specification-gallery */
.section-specification-gallery {padding-bottom:8rem;}

.gallery-item {position:relative;}
.gallery-item img {margin-bottom:1rem;}
.gallery-item p {position:absolute; bottom:1rem; left:1rem; margin:0; color:var(--white); text-shadow:1px 1px 2px black;}

.specification-gallery>div:nth-child(1) {grid-area:gallery1;}
.specification-gallery>div:nth-child(2) {grid-area:gallery2;}
.specification-gallery>div:nth-child(3) {grid-area:gallery3;}
  
  

  /* Specification Gallery Carousel 
  .section-specification-carousel-gallery {padding-bottom:120px;}
  .section-specification-carousel-gallery .splide__slide {text-align:right; padding-top:2rem;}
  .section-specification-carousel-gallery .splide__slide img {margin-bottom:1rem;}

  .splide-bar-3,
  .splide-bar-21 {position:relative;}
  .splide-bar-3::before,
  .splide-bar-21::before {content:''; position: absolute;}
  .splide-bar-21::before {background:url(/images/lines-brown.svg) no-repeat; background-size:50% auto; left:0; top:0; width:100%; height:2rem;}
  .splide-bar-3::before {background:url(/images/lines-cream-4.svg) no-repeat; background-size:30% auto; left:15%; bottom:0; width:100%; height:6rem; z-index:-1;}
  */
  
  /* Section Refreshing */
  .section-specification-refreshing {background:var(--mainBrandColour); background:var(--gradient); color:var(--white); position:relative; height:660px; overflow-x:clip; overflow-y:visible; padding-top:110px;}
  .section-specification-refreshing .level2-title {color:var(--cream)}
  .section-specification-refreshing .shape {position:absolute; margin-left:-30px; bottom:0; width:80%; opacity:40%; mix-blend-mode:multiply; z-index:2;}
  .section-specification-refreshing .container {position:relative; z-index:2;}
  .refreshing-mask {position:absolute; mask-image:url(/images/shape-mask-right.svg); mask-size:100%; mask-repeat:no-repeat; z-index:1;   display:none;}
  .refreshing-mask img {width:100%; max-width:unset;} 
  
  
  .refreshing-text {text-align:right; font-size:20px; max-width:465px;}
  .refreshing-text .level2-title {margin-bottom:3rem;}
  .refreshing-mask {top:auto; bottom:0; left:auto; right:0; min-height: unset; width:90%;}
  .refreshing-text {margin:0 0 0 auto !important;}

@media (min-width:470px) {

    /* Specification */
.award-logos {gap:60px;}
    
    /* section-specification-list */
    .specification-list div {flex:0 0 calc(50% - 2rem);}
}  
    
    
  @media (min-width:576px) {
     /* Section Refreshing */
    .refreshing-mask {height:340px; width:500px;}
    
    
    /* section-specification-gallery */
.specification-gallery {display:grid; gap:1rem; 
        grid-template-columns:1fr 1fr; 
       grid-template-rows:1fr 1fr;
        grid-template-areas: 
        'gallery1 gallery3'
        'gallery2 gallery3';}

  }
  
  @media (min-width:768px) {
     /* section-specification-list */
    .specification-list div {flex:0 0 calc(33.333% - 2rem);}

  }

  @media (min-width:930px) {
     /* Section Refreshing */
    .section-specification-refreshing {height:500px;}
    .section-specification-refreshing .shape {width:60%; bottom:-30%;}
    .refreshing-text {margin:0 55% 0 auto !important;}
    .refreshing-mask {width:50%; height:auto;}
  }
  
  @media (min-width:992px) {
     /* Specification */
.award-logos {gap:100px;}
.award-logos>div {width: 180px;}
}

  @media (min-width:1200px) {
     /* Section Refreshing */
    .section-specification-refreshing {height:560px;}
    .refreshing-mask {bottom:auto; right:auto; left:48%; top:-90px; min-height:unset; width:90%; min-height:740px;}
    .section-specification-refreshing .shape {width:70%;}
    .refreshing-text {margin:0 55% 0 auto !important;}
  }

  @media (min-width:1400px) {
     /* Section Refreshing */
    .section-specification-refreshing .shape {width:65%; bottom:auto; top:20%;}
    .refreshing-mask {width:70%;}
  }