.content-block-image img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 875px;
}

.col-colour-none {
  background: none;
}
.col-colour-nici-blue-tint {
  background: #c0cfd3;
}
.col-colour-deep-green-tint {
  background: #cbd5d3;
}
.col-colour-pale-green-tint {
  background: #e9f4f0;
}
.col-colour-pale-pink {
  background: #fbdfdd;
}
.col-colour-south-beach-orange {
  background: #fad8d3;
}
.col-colour-sea-blue {
  background: #ccedec;
}

/* One column */
.content-block-one .block-inner .content-block-container .content-block-inner {
  display: grid;
  grid-template-columns: auto 62%;
}
.content-block-one .content-block-content {
  order: 1;
  display: flex;
  flex-direction: column;
  padding-top: clamp(75px, 12vw, 125px);
  padding-bottom: clamp(75px, 12vw, 125px);
  padding-right: 10%;
  padding-left: 60px;
  max-width: 600px;
}
.content-block-one .content-block-image {
  order: 2;
  box-sizing: border-box;
  padding: 30px 0;
  border-left: 1px solid #D5D5D5;
}
.content-block-one.image-left .content-block-image {
  padding: 30px 30px 30px 0;  
}
.content-block-one.image-right .content-block-image {
  padding: 30px 0 30px 30px;  
}
.content-block-one .content-block-button-wrap {
  margin-top: 42px;
  display: flex;
  gap: 15px 28px;
  flex-wrap: wrap;
}
.content-block-content-image {
  margin-bottom: 40px;
}
.content-block-content-image img {
  display: block;
}

.content-block-one.image-left .block-inner .content-block-container .content-block-inner {
  grid-template-columns: 62% auto;
}
.content-block-one.image-left .content-block-image {
  order: 1;
  border-right: 1px solid #D5D5D5;
    border-left: 0;
}
.content-block-one.image-left .content-block-content {
  order: 2;
}

@media all and (max-width:1600px) {
.content-block-one .content-block-content {
  padding-left: 45px;
  padding-right: 45px;
}
}
@media all and (max-width:1366px) {
.content-block-one .content-block-content {
padding-top: clamp(70px, 8vw, 75px);
padding-bottom: clamp(70px, 8vw, 75px);
}
}
@media all and (max-width:1280px) {
.content-block-one .content-block-content {
  padding-left: 30px;
  padding-right: 30px;
}
}
@media all and (max-width:1023px) {
.content-block-one .block-inner .content-block-container .content-block-inner {
  display: flex;
  flex-direction: column;
  padding-bottom: 70px; 
  padding-bottom: clamp(70px, 10vw, 75px);
}
.content-block-one .content-block-image {
  order: 1;
  border-left: none;
  padding: 30px 0 0 0;
}
.content-block-one.image-left .content-block-image {
  border-right: none;
    padding: 30px 0 0 0;
}
.content-block-one.image-right .content-block-image {
  padding: 30px 0 0 0;  
}
.content-block-one .content-block-image img {
  max-height: 500px;
  height: 100%;
}
.content-block-one .content-block-content {
  padding: 40px 30px 0 30px;
  max-width: 768px;
}
}
@media all and (max-width:768px) {
.content-block-one .content-block-image {
  padding: 20px 20px 0 20px;
}
.content-block-one .content-block-content {
  padding: 40px 20px 0 20px;
}
}
@media all and (max-width:480px) {
.content-block-two .content-block-content {
  padding: 25px 20px 0 20px;
}
}
@media all and (max-width:414px) {
.content-block-one .content-block-button-wrap .lsb-button {
  width: 100%;
}
} 


/* Two columns */
.content-block-two .block-inner {
  display: flex;
  justify-content: center;
  margin-left: -30px;
  margin-right: -30px;
  max-width: calc(100% + 60px) !important;
}
.content-block-two .content-block-container {
  box-sizing: border-box;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-right: 1px solid #D5D5D5;
}
.content-block-two.columns-width-thirds .content-block-container {
  flex-basis: 33.33333333%;
}
.content-block-two.columns-width-auto .content-block-container {
  flex-basis: 50%;
}
.content-block-two .content-block-container:last-of-type {
  border-right: none;
}
.content-block-two .content-block-content {
  padding: 50px 30px 0 30px;
  max-width: 600px;
}
.content-block-two .content-block-button-wrap {
  margin-top: 30px;
  display: flex;
  gap: 15px 28px;
  flex-wrap: wrap;
}
.content-block-two h2.content-block-heading {
  margin-bottom: 20px;
}

@media all and (max-width:1600px) {
.content-block-two .content-block-content {
  padding: 40px 15px 0 15px;
}
}
@media all and (max-width:1280px) {
.content-block-two .content-block-content {
  padding: 40px 0 0 0;
  max-width: 768px;
}
}
@media all and (max-width:1024px) {
.content-block-two.columns-width-thirds .block-inner {
    display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.content-block-two.columns-width-thirds .content-block-container {
  border-right: none;
  border-bottom: 1px solid #D5D5D5;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
}
.content-block-two.columns-width-thirds .content-block-container:last-of-type {
  border-bottom: none;
}
.content-block-two.columns-width-thirds .content-block-image img {
  max-height: 500px;
  height: 100%;
}
}
@media all and (max-width:768px) {
.content-block-two.columns-width-auto .block-inner {
    display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.content-block-two.columns-width-auto .content-block-container {
  border-right: none;
  border-bottom: 1px solid #D5D5D5;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
}
.content-block-two.columns-width-auto .content-block-container:last-of-type {
  border-bottom: none;
}
.content-block-two.columns-width-auto .content-block-image img {
  max-height: 500px;
  height: auto;
}
}
@media all and (max-width:480px) {
.content-block-two .content-block-content {
  padding: 25px 0 0 0;
}
}
@media all and (max-width:414px) {
.content-block-two .content-block-button-wrap .lsb-button {
  width: 100%;
}
}



/* Three columns */
.content-block-three .block-inner {
  display: flex;
  justify-content: center;
  margin-left: -30px;
  margin-right: -30px;
  max-width: calc(100% + 60px) !important;
}
.content-block-three .content-block-container {
  box-sizing: border-box;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-right: 1px solid #D5D5D5;
  flex-basis: 33.33333333%;
}
.content-block-three .content-block-container:last-of-type {
  border-right: none;
}
.content-block-three .content-block-content {
	padding: 50px 30px 0 30px;
  max-width: 600px;
}
.content-block-three .content-block-button-wrap {
  margin-top: 30px;
  display: flex;
    gap: 15px 28px;
  flex-wrap: wrap;
  padding: 0 30px;
  box-sizing: border-box;
}
.content-block-three h2.content-block-heading {
	margin-bottom: 20px;
}
.content-block-three .content-block-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.content-block-three .content-block-content-outer {
height: 100%;
}

@media all and (max-width:1600px) {
.content-block-three .content-block-content {
  padding: 40px 15px 0 15px;
}
.content-block-three .content-block-button-wrap {
  padding: 0 15px;
}
}
@media all and (max-width:1280px) {
.content-block-three .content-block-content {
  padding: 40px 0 0 0;
  max-width: 768px;
}
.content-block-three .content-block-button-wrap {
  padding: 0;
}
}
@media all and (max-width:1024px) {
.content-block-three .block-inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.content-block-three .content-block-container {
  border-right: none;
  border-bottom: 1px solid #D5D5D5;
}
.content-block-three .content-block-container:last-of-type {
  border-bottom: none;
}
.content-block-three .content-block-container {
  padding-right: 0;
  padding-left: 0;
}
.content-block-three .content-block-image img {
  max-height: 500px;
  height: 100%;
}
}
@media all and (max-width:768px) {
.content-block-three .content-block-container {
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
}
}
@media all and (max-width:480px) {
.content-block-three .content-block-content {
  padding: 25px 0 0 0;
}
}
@media all and (max-width:414px) {
.content-block-three .content-block-button-wrap .lsb-button {
  width: 100%;
}
}


.content-block-block .slider-wrap  {
  display: flex;
}
.content-block-block .slider-container {
  position: relative;
}
.content-block-block .slider-nav-container button {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1;
  pointer-events: all;
  padding: 6px;
}
.content-block-block .slider-nav-container button:hover {
 opacity:.7
}
.content-block-block .slider-nav-container-outer {
  display: flex;
  pointer-events: none;
  top: 0;
  position: absolute;
  height: calc(100% - 47.4px);
  width: 100%;
  align-items: center;
  justify-content: center;
}
.content-block-block .slider-nav-container {
  justify-content: space-between;
  display: flex;
  width: calc(100% - 30px);
}
.content-block-block .tns-nav {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
}
.content-block-block .tns-nav button {
 border:1px solid var(--secondary-colour);
 border-radius:56px;
 padding:5px;
 box-sizing:border-box;
 background:#fff;
 margin:0 4px
}
.content-block-block .tns-nav button.tns-nav-active {
 background:var(--secondary-colour)
}



@media all and (max-width: 768px) {
.content-block-block .slider-nav-container-outer {
  height: 100%;
  align-items: center;
}
.content-block-block .slider-nav-container {
  width: 100%;
  padding: 0 8px;
}
}
@media all and (max-width: 480px) {
.content-block-block .slider-nav-container-outer {
  display: none;
}
}
@media all and (max-width: 374px) {
}