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

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,600;0,700;1,400&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

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

}

a {
    color: inherit!important;
    text-decoration: none;
}

#sticky_footer {
    position: fixed;
    bottom: 0;
  }



.nav-text-logo {
    color: #00BFBB;
    font-weight:  600;
}

.nav-text-logo span{
    color: #FFF;
}


/*********************************/
/*                               */
/*          BACKGROUNDS          */
/*                               */
/*********************************/

.bg-gradient-blue-white-trans {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(136,199,206,0.8) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(136,199,206,0.8) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(136,199,206,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#88c7ce",GradientType=1);
}

.bg-gradient-black-blue {
    background: rgb(86,188,186);
    background: -moz-linear-gradient(0deg, rgba(86,188,186,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(86,188,186,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(0deg, rgba(86,188,186,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56bcba",endColorstr="#000000",GradientType=1);
}

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

.bg-image-size {
    background-size:  80%!important;
    background-repeat: no-repeat;
    background-position:  center;
}



.bg-light-blue {
    background-color: #AADDDC;
}

.bg-dark-blue {
    background-color: #00bfbb;
}

.bg-light-red {
    background-color: #ff4365; 
}


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

.bg-contain {
    background-size:contain;
}

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

.bg-grey {
    background-color: #E6E6E6;
}


.bg-black-mobile {
    background-color: black;
  }
  
  @media (min-width: 992px) {
    .bg-black-mobile {
      background-color: transparent;
    }
  }
  

  
.bg-red-opacity {
    background-color: rgb(255, 67, 101, 0.6); 
}


.bg-black-opacity-1 {
    background-color: rgba(0, 0, 0, 0.1); 
}
.bg-black-opacity-2 {
    background-color: rgba(0, 0, 0, 0.2); 
}
.bg-black-opacity-3 {
    background-color: rgba(0, 0, 0, 0.3); 
}
.bg-black-opacity-4 {
    background-color: rgba(0, 0, 0, 0.4); 
}
.bg-black-opacity-5 {
    background-color: rgba(0, 0, 0, 0.5); 
}
.bg-black-opacity-6 {
    background-color: rgba(0, 0, 0, 0.6); 
}
.bg-black-opacity-7 {
    background-color: rgba(0, 0, 0, 0.7); 
}
.bg-black-opacity-8 {
    background-color: rgba(0, 0, 0, 0.8); 
}
.bg-black-opacity-9 {
    background-color: rgba(0, 0, 0, 0.9); 
}










.btn-gradient-red {
    background: rgb(242,151,163);
    background: -moz-linear-gradient(0deg, rgba(242,151,163,1) 0%, rgba(235,83,104,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(242,151,163,1) 0%, rgba(235,83,104,1) 100%);
    background: linear-gradient(0deg, rgba(242,151,163,1) 0%, rgba(235,83,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f297a3",endColorstr="#eb5368",GradientType=1);
    border: 4px solid #eb5368;
    border-radius: 15px;

}

.btn-light-fix {
    color: black!important;
}
.btn-light-fix:hover {
    background-color: black;
    color: white!important;
    transition: all 0.7s;
}



/*********************************/
/*                               */
/*             TEXT              */
/*                               */
/*********************************/

.fw-300 {
    font-weight: 300;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}




.text-dark-blue {
    color: #56BCBA;
}

.bg-dark-blue {
    background-color: #56BCBA;
}

.text-light-red {
    color: #EB5368;
}


.service-border {
    border: solid #56BCBA 4px;
    border-radius: 15px;
    overflow: hidden;

}

.bg-blue-red {
    background: rgb(86,188,186);
    background: linear-gradient(90deg, rgba(86,188,186,1) 50%, rgba(255,67,101,1) 50%);
}



.half-size-div {
    width: 660px;
}

@media (max-width: 1650px) { 
    .half-size-div {
        width: 100%;
    }
 }



.bg-tick{
    background-image: url("/image/tick.svg");
    background-repeat: no-repeat;
    background-position-x: right;

}

.line-box-col:nth-child(1) {
    border-color:#56BCBA;
}

.line-box-col:nth-child(2) {
    border-color:#EB5368;
}

.line-box-col:nth-child(3) {
    border-color:#FFF;
}

.line-box-col {
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 8px;
    
}
@media (max-width: 991.98px) {
    .line-box-col {
        border-bottom-width: 8px;
        border-right-width: 0px;
    }

}

.text-shadow-black-6 {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}

.service-select:hover {
    background-color: black;
    cursor: pointer;
}


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


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

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

.progress {
    min-height: 40px;
}
.progress-bar {
    background-color: #56BCBA;
   
}

.time-select:hover {
background-color: #EB5368;;
}

.booking-confirmed {
    background-color: black!important;
}

.time-select:hover,
.calendar-day:hover {
    background-color: black!important;
    cursor: pointer;
    color: #56BCBA!important;
}


.grecaptcha-badge {
    display: none!important;
}



@media (min-width: 990px){
.col-fluid-6-left {
    float: right;
    max-width: 660px;
    width: 100%;
  
  }
  
  .col-fluid-6-right {
    float: left;
    max-width: 660px;
    width: 100%;
  }
}