/* Custom CSS */

.overflow {
  overflow-wrap: anywhere;
}

.overflowx {
  overflow-x: visible;
}

ul {
  list-style-type: none;
  margin-left: -25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.tickyicons {
  color: var(--colour2);
}

@font-face {
  font-family: "Lora";
  /* src: url("../Ameyallinda Signature.ttf"); */
  src: url("../Lora-VariableFont_wght.ttf");
}

@font-face {
  font-family: "Sedan";
  /* src: url("../Ameyallinda Signature.ttf"); */
  src: url("../Sedan-Regular.ttf");
}

@font-face {
  font-family: "AnekLatin";
  /* src: url("../Ameyallinda Signature.ttf"); */
  src: url("../Anek\ Latin.ttf");
}

/* From Uiverse.io by abrahamcalsin */ 
.slideybutton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--colour1);
  font-family: "Lora";
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  border: none;
}

.slide-txt .slideybutton {
  background: var(--colour2);
}

.slideybutton:after {
  content: " ";
  width: 0%;
  height: 100%;
  background: var(--colour2);
  position: absolute;
  transition: all 0.4s ease-in-out;
  right: 0;
}

.slide-txt .slideybutton:after {
  background: var(--colour1);
}

.slideybutton:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.slideybutton span {
  text-align: center;
  text-decoration: none;
  width: 100%;
  padding: 18px 25px;
  color: var(--colour4);
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: 0.2em;
  z-index: 20;
  transition: all 0.3s ease-in-out;
}

.slide-txt .slideybutton span {
  color: var(--colour4);
}

.slideybutton:hover span {
  color: var(--colour4);
  animation: scaleUp 0.3s ease-in-out;
}

.slide-txt .slideybutton:hover span {
  color: var(--colour4);
}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

/* COLOUR BG */

.colour-bg {
  background-color: var(--colour2);
  padding-top: 64px;
  padding-bottom: 64px;
}

.colour-bg :is(strong, b, h3, h2, h1, a) {
  color: var(--colour4) !important;
}

.colour-bg :is(li, p) {
  color: var(--colour4) !important;
}

.minicolourbg {
  padding: 64px;
  box-sizing: border-box;
  border-radius: 10px;
}

/* SHAPE DIVIDER TOP */

.custom-shape-divider-top-1718618646 {
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1718618646 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 50px;
}

.custom-shape-divider-top-1718618646 .shape-fill {
  fill: var(--colour2);
}

/* SHAPE DIVIDER BOTTOM */

.custom-shape-divider-bottom-1718619373 {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom-1718619373 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 39px;
}

.custom-shape-divider-bottom-1718619373 .shape-fill {
  fill: var(--colour2);
}


.cardyb {
  border: 4px solid var(--colour2);
  padding: 32px;
  border-radius: 20px;
  background-color: var(--colour1);
  width: 75%;
  /* height: 250px; */
  justify-self: center;
}

.cardyb h2 {
  justify-self: center;
  text-align: center;
  color: var(--colour2)!important;
}

.cardyb p {
  justify-self: center;
  text-align: center;
  color: var(--colour2)!important;
}

.cardyb i {
  justify-self: center;
  text-align: center;
  color: var(--colour2)!important;
  font-size: large;
}


.cardyc {
  border: 4px solid var(--colour1);
  padding: 32px;
  border-radius: 20px;
  background-color: var(--colour2);
  width: 75%;
  /* height: 250px; */
  justify-self: center;
}

.cardyc h2 {
  justify-self: center;
  text-align: center;
  color: var(--colour1)!important;
}

.cardyc p {
  justify-self: center;
  text-align: center;
  color: var(--colour1)!important;
}

.cardyc i {
  justify-self: center;
  text-align: center;
  color: var(--colour1)!important;
  font-size: large;
}


#page-content-2 {
  display: grid;
  width: 100%;
  grid-gap: 32px;
  padding: 32px 0 0px;
}

#page-content-3 {
  display: grid;
  width: 100%;
  /* grid-gap: 32px; */
  padding: 0px 0 0px;
}

/*
@media( max-width: 992px )
{
	#topbar
	{
		display: none;
	}

}
*/

.availalign {
  display: grid;
  justify-content: center;
}

.availaligninner {
  display: grid;
  justify-content: center;
}

@media (max-width:900px) {
  .availaligninner {
    max-width: 100%;
  }
}

/*
hr { 
    background: url("../img/logo2.png") no-repeat top center;
    background-size: contain;
    display: block;
    height: 50px;
    border: 0;
    position: relative;
}
hr:before,
hr:after {
    content: '';
    display: block;
    position: absolute;
    background: var(--colour1);
    height: 1px;
    top: 22px;
}
hr:before {
    left: 0;
    right: 60%;
    margin-right: 10px;
    margin-left: 70px;
}
hr:after {
    right: 0;
    left: 60%;
    margin-left: 10px;
    margin-right: 70px;
} 
*/

.cent {
  text-align: center;
  justify-content: center;
}

.button-alignment {
  text-align: center;
}

figure {
  border: thin #c0c0c0 solid;
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 320px;
  margin: auto;
}


figcaption {
  background-color: var(--colour4);
  color: var(--colour3);
  font: italic smaller sans-serif;
  padding: 10px;
  text-align: center;
}

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  transform: scale(1.1);
}

/*
.quotes
{
  margin: 0 auto;
  display: grid;
  grid-gap: 20px;
  box-sizing: border-box;
  padding:20px;
padding-top: 50px;
	padding-bottom: 50px;
}

.quotes .box
{
  position: relative;
  padding:80px 40px 40px;
  transition:0.5s;
  text-align: center;
  background:#fff;
  border-radius:10px;
}

.quotes .box:hover
{
  background-color: var(--colour1);
}

.quotes .box p
{
  margin:0;
  padding:0;
  transition:0.5s;

}

.quotes .box h4
{
  margin:20px 0 0;
  padding:0;
  transition:0.5s;
  font-size:18px;
  color:var(--colour1);
  font-weight:700;
  line-height: 20px;
  text-transform: uppercase;
}

.quotes .box h4 span
{
  font-weight: 600;
  font-size: 14px;
  color: #c5c5c5;
  transition: 0.5s;
}

.quotes .box:hover p,
.quotes .box:hover h4,
.quotes .box:hover h4 span
{
  color:var(--colour3);
}

.quotes .box .imgBox
{
  position:absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%);
  width: 120px;
  height: 120px;
  border-radius:50%;
  overflow: hidden;

}

.quotes .box:before
{
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  background: url("../img/quotes.webp");
  background-size: cover;
  opacity: 0.02;
  pointer-events: none;
  transition: 0.5s;
}

.quotes .box:hover:before
{
  transform: translateY(-60px);
  opacity: 1;
}

.quotes .box:after
{
  content:'';
  position: absolute;
  bottom:20px;
  left: 20px;
  width: 80px;
  height: 80px;
  background: url("../img/quotes.webp");
  background-size: cover;
  opacity: 0.02;
  pointer-events: none;
  transition: 0.5s;
  transform: rotate(180deg) translateY(0px);
}

.quotes .box:hover:after
{
  transform: rotate(180deg) translateY(-60px);
  opacity: 1;
}
*/

.imageback {
  padding: 32px 0px;
  background-image: url("../img/imageback.jpg");
     background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*    color: var(--colour3);*/
}

.imageback h1 {
  color: var(--colour3);
}

.imageback h3 {
  color: var(--colour3);
  font-size: 25px;
}

.imageback p {
  color: var(--colour3);
}

.imageback b {
  color: var(--colour3);
  font-weight: 900;
}

.imageback li {
  color: var(--colour3);
}


.imageback2 {
  padding: 120px 0px;
  background-image: url("../img/imageback2.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--colour3);
}



.wave-container {  
  height: 16vh;
  /* background-color: var(--colour4); */
  position: relative;
  margin-bottom: -64px;
}

.wave-container::before {   
  content: "";
  width: 100%;
  height: 142px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 21vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23fde4e9'/></svg>");
}

@media(max-width:850px) {
  .wave-container::before {    
    height: 71px
  }  
}


.wave-container2 {  
  height: 16vh;
  background-color: var(--colour2);
  position: relative;
  margin-top: -64px;
}

.wave-container2::before {   
  content: "";
  width: 100%;
  height: 142px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 60vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23222222'/></svg>");
}

@media(max-width:850px) {
  .wave-container2::before {    
    height: 71px
  }  
}



/*
8888888b.          d8b                           
888   Y88b         Y8P                           
888    888                                       
888   d88P 888d888 888  .d8888b .d88b.  888  888 
8888888P"  888P"   888 d88P"   d8P  Y8b 888  888 
888        888     888 888     88888888 888  888 
888        888     888 Y88b.   Y8b.     Y88b 888 
888        888     888  "Y8888P "Y8888   "Y88888 
                                             888 
                                        Y8b d88P 
                                         "Y88P"  
*/
.price-list-2-gap
{
  display: grid;
  grid-gap: 59px;
}

.price-list-2
{
  display: grid;
  align-self: start;
}

.price-list-2 h2
{
  margin-bottom: 5px;
  grid-column: 1;
  grid-row: 1;
  color: var(--colour3);
}

.price-list-2 h1
{
  margin-top: -25px;
  margin-bottom: 5px;
  grid-column: 1;
  grid-row: 1;
  opacity: 0.25;
  /* font-family: "DancingScript"; */
  font-size: 50px;
  color: var(--colour3);
}

.colour-bg .price-list-2 h1
{
  color: var(--colour3)!important;
}

.price-list-2 small
{
  z-index: 5;
}

.price-row
{
  display: grid;
  grid-template-columns: max-content auto max-content;
  border-bottom: dotted #777 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.price-row p
{
  grid-column: 3;
  background-color: var(--colour4);
  transform: translateY(6px);
  padding-left: 8px;
}

.colour-bg .price-row p
{
  background-color: var(--colour4);
  color: var(--colour4)!important;
}

.price-row h4
{
  background-color: var(--colour4);
  margin-bottom: -1px;
  transform: translateY(6px);
  padding-right: 8px;
}

.colour-bg .price-row h4
{
  background-color: var(--colour4);
}