@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!important;

}


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

  


  .nav-link {
    color: black!important;
    text-transform: uppercase;
    font-weight: 500;
  }

  .dropdown-item {
    color: black!important;
    text-transform: uppercase;
    font-weight: 500;

  }
  
/* ===================================================== */
/*                                                       */
/*                    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-hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


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

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

.bg-gradient-navy-to-half {
    background: rgb(13,36,56);
    background: -moz-linear-gradient(90deg, rgba(13,36,56,0.9430147058823529) 31%, rgba(13,36,56,0.47522759103641454) 100%);
    background: -webkit-linear-gradient(90deg, rgba(13,36,56,0.9430147058823529) 31%, rgba(13,36,56,0.47522759103641454) 100%);
    background: linear-gradient(90deg, rgba(13,36,56,0.9430147058823529) 31%, rgba(13,36,56,0.47522759103641454) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d2438",endColorstr="#0d2438",GradientType=1);
}

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

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

.bg-blue-green {
    background: rgb(13,36,56);
    background: -moz-linear-gradient(90deg, rgba(13,36,56,1) 50%, rgba(214,253,81,1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(13,36,56,1) 50%, rgba(214,253,81,1) 50%);
    background: linear-gradient(90deg, rgba(13,36,56,1) 50%, rgba(214,253,81,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d2438",endColorstr="#d6fd51",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-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-map {
    background-image: url('/assets/images/bg_map.webp');
    background-blend-mode: multiply;
    background-color: rgba(28,132,238,0.9);    
    background-color:  rgba(13, 36, 56, 0.9);
    background-position: center;
    background-size: cover;
    backdrop-filter: blur(8px);
    position: relative;
    
}
@media (max-width: 992px) {
    .bg-mobile-navy {
        background-color: var(--navy-color);
    }
}

/* ===================================================== */
/*                                                       */
/*                      BUTTONS                          */
/*                                                       */
/* ===================================================== */


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

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

.btn-navy {
    background-color: var(--navy-color)!important;
    color: white!important;
}
/* ===================================================== */
/*                                                       */
/*                      FONTS & TEXT                     */
/*                                                       */
/* ===================================================== */

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



/* Custom Font Size Classes */
.fs-7 {   font-size: 0.85rem; /* Smaller than Bootstrap's fs-6 */  }
.fs-8 {   font-size: 0.8rem; /* Adjust as needed */  }
.fs-9 {   font-size: 0.75rem; /* Adjust as needed */  }
.fs-10 {   font-size: 0.7rem; /* Adjust as needed */  }
  

.ts-1 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.83);
}

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

.text-orange {
    color: var(--orange-color)!important;
}

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

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


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

.calendar-tab-active {
    background-color: var(--navy-color)!important;
    color: white;
}
.calendar-day {
    color: var(--navy-color)!important;
}
.calendar-day:hover{
    background-color: var(--green-color)!important;
    cursor: pointer;
}

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

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

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

.calendar-tab-inactive {
    background-color: var(--green-color);
}



/* ===================================================== */
/*                                                       */
/*                      BLOG                            */
/*                                                       */
/* ===================================================== */

.blog_ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.blog_thumb a {
    text-decoration: none!important;
    color: black;
}

.blog_thumb a:hover {
    text-decoration: none!important;
    color: black;
}

.blog_thumb{
  background-color: white;
}

.blog_thumb:hover {
    text-decoration: none!important;
    color: white;
    background-color: rgba(13, 36, 56, 0.2);
}




/* ===================================================== */
/*                                                       */
/*                      OTHER                            */
/*                                                       */
/* ===================================================== */
.rounded-5 {    border-radius: 5px; }
.rounded-10 {    border-radius: 10px; }
.rounded-15 {    border-radius: 15px!important; }
.overflow-hidden { overflow:hidden; }

.areas-we-cover {
    column-count: 2;
    column-gap: 20px;
    column-rule: none;
}

@media (min-width: 992px) {
    .areas-we-cover {

        column-count: 3;
        column-gap: 20px;
        column-rule: 0px solid #ccc;
    }
}


.service-description {
    column-count: 1;
    column-gap: 20px;
    column-rule: none;
}

@media (min-width: 992px) {
    .service-description {

        column-count: 2;
        column-gap: 20px;
        column-rule: 0px solid #ccc;
    }
}

.cover-link {
    text-decoration: none;
    color: var(--green-color);
}
.cover-link:hover{
    color:#e95344!important;
}



.hero-postcode {
    padding: 0px!important;
    height: 100%!important;
     border: none!important; 
}

.winter-saver-right{
    background-image: url('/assets/images/promotion/snowflakes_right.svg');
    background-repeat: no-repeat;
    background-position-x: right;
}

.winter-saver-left{
    background-image: url('/assets/images/promotion/snowflakes_left.svg');
    background-repeat: no-repeat;
}

.grecaptcha-badge {
    display: none;
}