@charset "utf-8";
/* ================ Basics =============== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body {
    font-family: 'Poppins', sans-serif;

}


:rooxt {
    --navy-color: #0d2438;
    --green-color: #d6fd51;
    --light-green-color: #f6fedc;
    --orange-color: #e95344;
  }


:root {
    --navy-color: #0d2438;
    --green-color: #d6fd51;
    --light-green-color: #f6fedc;
    --orange-color: #e95344;
    --feefo-yellow: #ffd000;
  }
  /* ================ Backgrounds =============== */

.bg-navy {
    background-color: var(--navy-color);
}

.bg-green {
    background-color: var(--green-color);
} 

.bg-light-green {
    background-color: var(--light-green-color);
} 



.bg-white-trans {
    background-color: rgba(255, 255, 255, 0.8);
}
  

.bg-white-fall {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.bg-gradient-trans-green {
    background: rgb(214,253,81);
    background: -moz-linear-gradient(90deg, rgba(214,253,81,0) 0%, rgba(214,253,81,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(214,253,81,0) 0%, rgba(214,253,81,1) 100%);
    background: linear-gradient(90deg, rgba(214,253,81,0) 0%, rgba(214,253,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6fd51",endColorstr="#d6fd51",GradientType=1);
}

.bg-gradient-white-trans {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


/* ================ TEXT =============== */

.text-green {
    color: var(--green-color);
}

.text-yellow {
    color: var(--feefo-yellow);
}
.text-white {
    color: white!important;
}
.text-shadow-navy {
    text-shadow: 0px 0px 10px var(--navy-color);
}
.text-shadow-white {
    text-shadow: 0px 0px 5px #FFF;
}

.text-navy {
    color: var(--navy-color);
}


/* ================ Buttons =============== */
.btn-green {
    background-color: var(--green-color);
    color: var(--navy-color);
    border: none;
}

.btn-navy {
    background-color: var(--navy-color);
    color: #FFF;
    border: none;
}

.btn-navy:hover {
    background-color: var(--green-color);
    color: var(--navy-color);
    border: none;
}

.btn-navy:hover .text-green{
    color: var(--navy-color)!important;
}

.btn-green:hover {
    background-color: var(--orange-color);
} 


.btn-orange {
    background-color: var(--orange-color);
    color: #FFF;
    border: none;
}

.btn-orange:hover {
    background-color: var(--green-color);
} 

.btn-orange-dark:hover {
    background-color: var(--navy-color)!important;
    color: white!important;
} 

.btn-orange-dark:hover .text-black {
    color: white!important;
}






.book-now-middle {
    color: #000; 
    background-color: #d6fd51;
}

.btn-book-now:hover .text-green {
    color: var(--navy-color);
}



.btn-book-now:hover .book-now-middle {
    background-color:var(--navy-color)!important;
    color: white!important;
}


.btn-book-now:hover .book-now-bottom {
    color: var(--navy-color)!important;
}











.bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

  
}

.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-p-center {
    background-position: center;
}

.bg-contact {
    background: rgb(13,36,56);
    background: -moz-linear-gradient(90deg, rgba(13,36,56,1) 0%, rgba(13,36,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(13,36,56,1) 0%, rgba(13,36,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(13,36,56,1) 0%, rgba(13,36,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d2438",endColorstr="#ffffff",GradientType=1);
}

.bg-white-fadeout {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


.bg-green-up {
    background: rgb(214,253,81);
background: -moz-linear-gradient(0deg, rgba(214,253,81,0.6) 0%, rgba(214,253,81,0) 25%);
background: -webkit-linear-gradient(0deg, rgba(214,253,81,0.6) 0%, rgba(214,253,81,0) 25%);
background: linear-gradient(0deg, rgba(214,253,81,0.6) 0%, rgba(214,253,81,0) 25%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6fd51",endColorstr="#d6fd51",GradientType=1);
}


.pill-shadow {
    box-shadow: inset 0px 5px 11px 0px rgba(255,255,255,0.5), inset 0px -7px 7px -4px rgba(0,0,0,0.6);
}


/* ================ Font =============== */

.fw-300 {    font-weight: 300;  }
.fw-400 {    font-weight: 400;  }
.fw-500 {    font-weight: 500;  }
.fw-700 {    font-weight: 700;  }

.fs-7 {     font-size: 0.9rem !important;   }
.fs-8 {     font-size: 0.8rem !important;   }
.fs-9 {     font-size: 0.7rem !important;   }
.fs-10 {    font-size: 0.6rem !important;   }
 

/* ================ other =============== */

.rounded-5 {     border-radius: 5px;  }
.rounded-10 {    border-radius: 10px; }
.rounded-15 {    border-radius: 15px; }


.logo-rounded {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

@media (min-width: 570px) {
    .logo-rounded {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
}



.ticklist {
    list-style-image: url('/image/greentickcircle_space.svg');
    padding: 15px;
    
}

.ticklist li::marker{
    font-size: 2em;
    line-height: 0.1;
 }


.grecaptcha-badge {
    display: none;
}






/* ================ AUTOBOOK =============== */

.autobook-progress {
    background-color: var(--navy-color)!important;
    border: var(--navy-color) 5px solid;
    height: 40px;
}

.autobook-progress .progress-bar {
    background-color: var(--green-color)!important;
    color: var(--navy-color)!important;
}

.service-select {
    background-color: var(--navy-color);
    cursor: pointer;
}

.service-select:hover {
    background-color: var(--green-color);
    color: var(--navy-color)!important;
}

.calendar-tab-active {
    background-color: var(--navy-color);
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.calendar-tab-inactive {
    background-color: #4a5b6a;
    color: white;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.booking-confirmed {
    background-color: var(--green-color)!important;
}

.time-select {
    cursor: pointer;
}

.time-select:hover {
    background-color: var(--green-color)!important;
    color: var(--navy-color)!important;
}

.submit-date:hover {
    background-color: var(--green-color)!important;
    color: var(--navy-color)!important;
}