/* -------------------------
   Home Banner
------------------------- */
.banner {margin-top:0rem;}
.banner img {width:100%; height:530px; object-fit:cover;}
.banner .banner-columns {display:grid; grid-template-columns:1fr;}
.banner .banner-img {border-bottom-right-radius:140px;}
.banner .corner-circle {z-index:1; position:relative; margin-bottom:-4rem; margin-right:0; margin-top:0; margin-left:auto;}
.banner .paragon-p {z-index:1;}
.banner .paragon-p {top:-60px; left:-100px; max-width:800px;}
.banner .frame .paragon-p svg path {stroke:var(--primary-400); stroke-width:2px;}
.banner .frame-inner {padding-top:1rem;}
.banner .level-1-title .postcode {font-family:var(--defaultFontFamily); font-size:1rem; margin-top:0.3rem;}

@media (min-width:576px) {
  .banner .level-1-title .postcode {font-size:1.1rem;}
  .banner .corner-circle .level-1-title {font-size:64px;}
}

@media (min-width:768px) {
  .banner .frame-inner {padding-top:2rem;}
  .banner img {height:600px; width:calc(100% + 2rem);}
  .banner .banner-columns {grid-template-columns:220px 1fr;}
  .banner .banner-columns>div:first-child {margin-right:-6rem;}
  .banner .corner-circle {margin-bottom:0;}
}

@media (min-width:992px) {
  .banner-columns {grid-template-columns:288px 1fr;}
  .banner-columns>div:first-child {margin-right:-2rem;}
}


/* -------------------------
   Download Broxhure Button
------------------------- */
.download-brochure {max-width:220px;}
.download-brochure a {background:#da6b39; color:var(--neutral-100); display:block; font-family:var(--titleFontFamily); font-size:1.2rem;
border-top-left-radius:16px; text-decoration:none; border-bottom-left-radius:16px; padding:1rem; aspect-ratio:1/1; border-radius:50%; 
border-bottom-right-radius:0; text-align:left; padding:2rem 1rem 1rem 2rem; display:flex; align-items:flex-end; justify-content:flex-end;}
.download-brochure a svg {max-width:80%; margin-bottom:0.5rem;}
.download-brochure a>span {display:inline-block;}
.download-brochure a span {display:inline-block; max-width:120px;}
.download-brochure a:hover {background:var(--primary-500);}
.download-brochure .download-arrow {transition:var(--transition-default);}
.download-brochure a:hover .download-arrow {translate:0 10px;}

@media (min-width:576px) {
  .download-brochure {max-width:320px;}
  .download-brochure a span {max-width:unset;}
}


/* -------------------------
   Home 3 columns
------------------------- */
.columns-3-welcome {display:grid; column-gap:2rem;}
@media ( (min-width:820px) and (max-width:1100px) ) {
  .columns-3-welcome {display:grid; grid-template-columns:1fr 320px;}
  .columns-3-welcome .column:first-child {grid-column:1/2; order:1;}
  .columns-3-welcome .column:nth-child(2) {grid-column:1/2; order:3;}
  .columns-3-welcome .column:last-child {grid-column:2 / -1; order:2; grid-row:1 / -3;}
}

@media (min-width:1099px) {
  .columns-3-welcome {grid-template-columns:1fr 1fr 320px; column-gap:4rem;}
}


/* -------------------------
   Carousel
------------------------- */
.section-carousel .corner-circle {margin-bottom:-6rem;}
.section-carousel .corner-bl {margin-right:-2rem; overflow:hidden;}
.image-carousel img {height:500px; object-fit:cover; width:100%;}

.carousel-pagination {margin-top:1rem;}
.splide__pagination {justify-content:flex-end; padding:0;}
.splide__pagination {position:relative; bottom:0;}
.splide__pagination__page {background:var(--primary-200); opacity:1;}
.splide__pagination__page.is-active {background:var(--primary-500); transform:scale(1.4);}

.carousel-buttons {display:flex; justify-content:flex-end; margin-bottom:1.5rem; gap:0.75rem;}
.carousel-buttons>div {background-color:var(--primary-300); transition:var(--transition-default); cursor:pointer; width:48px; height:48px; border-radius:50%;
background-image:url(/images/icon-arrow.svg); background-repeat:no-repeat; background-position:50% 50%;}
.carousel-buttons>div:hover {background-color:var(--primary-500); background-position:70% 50%;}
.carousel-buttons .bt-prev {rotate:180deg;}

.carousel-caption {position:absolute; bottom:0; right:0; padding:1rem; background-color:rgba(0,0,0, 0.5); color:var(--neutral-100); font-size:0.75rem;}

.section-fourth-floor .carousel-buttons {justify-content:flex-start;}
.section-fourth-floor  .corner-circle {margin-left: -0.5rem;}

@media (min-width:576px) {
  .section-carousel .corner-circle {margin-bottom:-12rem;}
  .image-carousel img {height:700px}
  .section-fourth-floor .carousel-buttons {justify-content:flex-end; position: absolute; top:5rem; right:2rem;}
}


/* -------------------------
   Fourth Floor
------------------------- */
.fourth-floor-container {display:flex; column-gap:2rem; flex-wrap:wrap; margin-top:2rem;}
.fourth-floor-container .level-1-title {color:var(--primary-500);}
.fourth-floor-container>div:last-child {flex:1 1 auto;}
.fourth-floor-container>div:last-child p {margin-bottom:0;}
.fourth-floor-container .fourth-floor-facilities {display:flex; gap:2rem; text-align:center; flex-wrap:wrap; justify-content:center;}
.fourth-floor-container .fourth-floor-facilities>div {flex:0 0 calc(50% - 1rem);}
.fourth-floor-container .fourth-floor-facilities>div img {margin:0 auto 1rem auto; width:100%;}

@media (min-width:480px) {
  .fourth-floor-container .fourth-floor-facilities {flex-wrap:nowrap;}
  .fourth-floor-container .fourth-floor-facilities>div {flex:1 1 calc(33.333% - 1rem);}
}

@media (min-width:768px) {
  .fourth-floor-container {flex-wrap:nowrap;}
  .fourth-floor-container>div:first-child {flex:0 0 40%;}
  .fourth-floor-container .fourth-floor-facilities>div {flex:1 1 33.333%;}
}

@media (min-width:992px) {
  .fourth-floor-container {column-gap:4rem;}
}