/*
Theme Name: Quick Launch Child
Theme URI:
Template: quicklaunch-parent-theme
Author: We Are Northwest
Author URI: http://www.quicklaunch.co/
Description: Child theme.
Version: 1.0
*/

/* Include fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

* {font-family: 'Montserrat', sans-serif;}

.no-gutter .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 25px 0;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

#hero-banner h1 {
    font-size: 30px;
    line-height: 40px;
}

@media (min-width: 992px) {
    #hero-banner h1 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media (min-width: 1200px) {
    #hero-banner h1 {
        font-size: 55px;
        line-height: 65px;
    }
}

p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px 0;
}

@media (min-width: 992px) {
    p {
        font-size: 17px;
        line-height: 28px;
        margin: 0 0 25px 0;
    }
}

.bgimg .vc_column-inner {
    height: 100%;
    min-height: 350px;
}

.text-right {
    text-align: left;
}

@media (min-width: 992px) {
    .text-right {
        text-align: right;
    }
}

.white-text {color: #fff;}
.darkbg {background-color: #252626;}
.greybg {background-color: #f2f2f2;}
.whitebg {background-color: #fff;}
.bluebg {background-color: #007ac2;}

.creds-title {padding: 50px 0;}

.small {
    font-size: 85%;
    line-height: 150%;
}

.site-band {padding: 30px 0;}
.site-band.top {padding-bottom: 0px;}
@media (min-width: 992px) {
    .site-band {padding: 70px 0;}
}

.content ul li,
.content ol li,
.site-band ul li,
.site-band ol li,
.role ol li,
.role ul li {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .content ul li,
    .content ol li,
    .site-band ul li,
    .site-band ol li,
    .role ol li,
    .role ul li {
        font-size: 17px;
        line-height: 28px;
    }
}

a {color: #007ac2; font-weight: bold; text-decoration: none;}
a:hover {color: #007ac2; font-weight: bold; text-decoration: none;}

.gradient {
    background: rgb(0,122,193);
    background: -moz-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
}

/* Navigation */

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 5px 0px 5px 0px !important;
    width: 100%;
}

/* Nav END */
.bl {
    font-size: 14px;
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color ease 0.5s, color ease 0.5s;
    text-transform: capitalize;
}
.ol {
    font-size: 14px;
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color ease 0.5s, color ease 0.5s;
    text-transform: capitalize;
}

@media (min-width: 992px) {
    .bl {
        font-size: 17px;
        display: inline-block;
        padding: 20px;
        border-radius: 5px;
        text-decoration: none;
        transition: background-color ease 0.5s, color ease 0.5s;
        text-transform: capitalize;
    }
    .ol {
        font-size: 17px;
        display: inline-block;
        padding: 20px;
        border-radius: 5px;
        text-decoration: none;
        transition: background-color ease 0.5s, color ease 0.5s;
        text-transform: capitalize;
    }
}

.ol.green {
    border: 1px solid #00d0a6;
    color: #000;
    background: transparent;
}

.ol.green:hover {
    background: #00d0a6;
    color: #fff;
    text-decoration: none;
}

.ol.green::after {
    color: #000;
}

.ol.white {
    border: 1px solid #fff;
    color: #fff;
}
.bl:hover {}

.ol::after,
.bl::after {
    content: ">";
    padding-left: 40px;
    color: #fff;
    transition: padding-left ease 0.5s;
}
.ol:hover::after,
.bl:hover:after {
    content: ">";
    padding-left: 80px;
    color: #fff;
    transition: padding-left ease 0.5s;
}
.bl.blue {
    background-color: #007ac2;
    color: #fff;
    transition: background-color ease 0.5s, color ease 0.5s;
}

.bl.red {
    background-color: #e40314;
    color: #fff;
    transition: background-color ease 0.5s, color ease 0.5s;
}

.link {
    font-size: 20px;
    display: inline-block;
    padding: 20px 0px 18px 0;
    border-radius: 0px;
    text-decoration: none;
}
.link:hover {}

.link::after {
    content: ">";
    padding-left: 40px;
    transition: padding-left ease 0.5s;
}

.link:hover::after {
    content: ">";
    padding-left: 80px;
    transition: padding-left ease 0.5s;
}

.link.white-text {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.link.white-text:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}


@media (min-width: 992px) {}

header {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
}

.mega-stuck {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
}

@media (min-width: 992px) {
    header {
        position: relative;
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    }
}

/* Hero banner */

#hero-banner .bl {
    margin-right: 30px;
}

#hero-banner {
    background-image: url('/wp-content/uploads/2024/03/faded-blur.jpg');
    background-size: cover;
    background-position: top center;
    position: relative;
}

.bll,
.trl {
    display: none;
}

@media (min-width: 992px) {
    .bll {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
		margin-bottom: 0px;
		z-index: 0;
    }
    .trl {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
		margin-bottom: 0px;
		z-index: 0;
    }
}

#hero-banner h1 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 400;
}

@media (min-width: 992px) {
    #hero-banner h1 {
        font-size: 50px;
        line-height: 60px;
        font-weight: 400;
    }
}

#hero-banner h1 span {
    font-weight: 700;
    color: #007ac2;
}

#hero-banner .overlay {
    padding-top: calc(7% + 0px);
    padding-bottom: 50px;
    text-align: center !important;
}

@media (min-width: 992px) {
    #hero-banner .overlay {
        padding-top: calc(7% + 0px);
        padding-bottom: calc(5% + 105px);
        text-align: center !important;
    }
}

#hero-banner .wpb_content_element,
#hero-banner ul.wpb_thumbnails-fluid > li,
#hero-banner .wpb_button {
    margin-bottom: 0px !important;
}

/**/

.icons {}
.icons i, .icons svg {font-size: 120px;}
.icons .fa-snowflake {color: #007ac2;}
.icons .fa-handshake {color: #00c69e;}
.icons .fa-lightbulb {color: #eb1d27;}


/**/

#page-title {
    background-size: cover;
    background-position: center center;
}
.page-title-inner {
    padding-top: calc(5% + 114px);
    padding-bottom: 3%;
    background: rgb(0,122,193);
    background: -moz-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
}
.blue-block p {
    display: inline-block;
    padding: 15px 20px;
    background-color: #007ac2;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    border-radius: 5px;
}

.red-block p {
    display: inline-block;
    padding: 15px 20px;
    background-color: #e40314;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    border-radius: 5px;
}
@media (min-width: 992px) {
    .blue-block p {
        display: inline-block;
        padding: 15px 20px;
        background-color: #007ac2;
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 0px;
        border-radius: 5px;
    }

    .red-block p {
        display: inline-block;
        padding: 15px 20px;
        background-color: #e40314;
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 0px;
        border-radius: 5px;
    }
}

/**/

.featured-page-repeater {
    display: block;
    margin: 0px auto;
}

.featured-page-repeater .single-page {
    height: auto;
    min-height: 66px;
    text-align: left;
}

.featured-page-repeater .single-page {
    background: #fff;
    color: #000;
    cursor: pointer;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 66px;
    position: relative;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    z-index: 1;
}

.featured-page-repeater .single-page a {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 20px;
    text-decoration: none;
}

/*.featured-page-repeater .single-page a img {
    max-height: 30px;
    max-width: 30px;
    margin-right: 20px;
}*/

.featured-page-repeater .single-page a svg,
.featured-page-repeater .single-page a i {
    font-size: 20px;
    color: #007ac2;
    margin: 0 20px 0 0;
    width: 20px;
}

@media (min-width: 992px) {
    .featured-page-repeater .single-page a {
        display: block;
        color: #000;
        font-size: 17px;
        padding: 20px;
        text-decoration: none;
    }

    /*.featured-page-repeater .single-page a img {
        max-height: 30px;
        max-width: 30px;
        margin-right: 20px;
    }*/

    .featured-page-repeater .single-page a svg,
    .featured-page-repeater .single-page a i {
        font-size: 20px;
        color: #007ac2;
        margin: 0 20px 0 0;
        width: 20px;
    }
}

.featured-page-repeater .single-page:hover a svg,
.featured-page-repeater .single-page:hover a i {
    color: #007ac2;
}

.stat-wrapper {
    margin: 0px;
}

@media (min-width: 992px) {
    .stat-wrapper {
        margin: 105px 0;
    }

    .featured-page-repeater {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -105px auto 0 auto;
    }

    .featured-page-repeater .single-page {
        background: #fff;
        color: #000;
        cursor: pointer;
        -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 210px;
        position: relative;
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        transition: border-radius ease 0.5s;
        z-index: 1;
    }

    .featured-page-repeater .single-page:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        z-index: 3;
        border-radius: 15px;
        transition: border-radius ease 0.5s;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        background-color: #f2f2f2;
    }

    .featured-page-repeater .single-page a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 20px;
        padding: 40px 20px 0;
        text-decoration: none;
        flex-direction: column;
        color: #000;
        font-weight: bold;
        text-align: center;
        align-items: center;
    }

    /*.featured-page-repeater .single-page a img {
        max-height: 50px;
        max-width: 50px;
        margin-bottom: 20px;
        margin-right: 0px;
    }*/

    .featured-page-repeater .single-page a svg,
    .featured-page-repeater .single-page a i {
        font-size: 45px;
        color: #000;
        margin: 0 0 20px 0;
        width: auto;
    }

    .featured-page-repeater .single-page a span {
        display: block;
    }


    .featured-page-repeater + .site-band {
        padding-top: calc(8% + 105px);
    }

    .featured-page-repeater .stat-wrap {
        padding: 50px 0;
        text-align: center;
    }

    .featured-page-repeater .stat-wrap .stat_number {
        font-size: 50px;
        line-height: 50px;
        font-weight: bold;
        color: #a8d500;
    }
    .featured-page-repeater .stat-wrap .stat_text {
        font-size: 24px;
    }
}

#hp-white-goods-wrap {
    color: #fff;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

#hp-white-goods-wrap .vc_column-inner  {
    background: rgb(0,122,193);
    background: -moz-linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
    background: linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
    border-radius: 25px;
    margin-top: 0px;
    position: relative;
    text-align: center;
}

#hp-white-goods-wrap .vc_column-inner h2 {text-align: center;}

@media (min-width: 992px) {
    #hp-white-goods-wrap .vc_column-inner  {
        background: rgb(0,122,193);
        background: -moz-linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
        background: linear-gradient(90deg, rgba(0,122,193,1) 0%, rgba(228,3,20,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
        border-radius: 25px;
        margin-top: 0px;
        position: relative;
        text-align: left !important;
    }

    #hp-white-goods-wrap .vc_column-inner h2 {text-align: left;}
}

.white-goods-image {
    display: none;
}

@media (min-width: 992px) {
    .white-goods-image {
        display: inline-block;
        float: right;
        margin: -70px 0 -30px 0;
        padding-left: 100px;
    }
}

/*Footer*/

footer {
    background: #f2f2f2;
}
#ftr-blogs {}
#ftr-creds {
    background: #fff;
    padding: 70px 0;
}
footer .gradient {}
#ftr-logo {
    padding: 50px 0 15px 0;
}
#ftr-links {
    padding: 0 0 50px 0;
}
#ftr-smallprint {
    background: #fff;
    padding: 25px 0;
}

#ftr-smallprint p {
    margin-bottom: 0px;
    font-size: 14px;
}

#ftr-smallprint .wpb_content_element,
#ftr-smallprint ul.wpb_thumbnails-fluid > li,
#ftr-smallprint .wpb_button {
    margin-bottom: 0px;
}

footer p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px;
}

footer ul.menu {
    margin: 0 0 30px 0;
    padding: 0px;
    list-style-type: none;
}
footer ul.menu li {
    margin-bottom: 10px;
}
footer ul.menu li:before {
    content: "|";
    font-size: 15px;
    line-height: 22px;
    padding-right: 20px;
    color: #007ac2;
    transition: padding ease 0.5s;
}

footer ul.menu li a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
}

@media (min-width: 992px) {
    footer ul.menu li:before {
        content: "|";
        font-size: 17px;
        line-height: 26px;
        padding-right: 20px;
        color: #007ac2;
        transition: padding ease 0.5s;
    }
    footer ul.menu li a {
        font-size: 17px;
        line-height: 26px;
        font-weight: 300;
        color: #000;
        text-decoration: none;
    }
}
footer ul.menu li:hover:before {
    padding-right: 30px;
    transition: padding ease 0.5s;
}

.single-blog-wrap {}
.thumbnail {
    position: relative;
    min-height: 250px;
    background-size: cover;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 15px;
}
.thumbnail a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity ease 0.5s
}
.single-blog-wrap:hover .thumbnail a {
    opacity: 0.3;
    transition: opacity ease 0.5s
}
.post-details {
    margin: 0 0 30px 0;
}
p.date {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
a.title {
    text-decoration: none;
    color: #000;
}
a.title h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}
date {}
.category {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    list-style-type: none;
}

.category li {
    display: inline-block;
}

.category li a {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    background: #007ac2;
    color: #fff !important;
    border-radius: 5px;
    text-decoration: none;
}

/* Ensuring that the gallery container becomes a flex container */
#gallery-1 {
    display: flex;
    flex-wrap: wrap;  /* This allows items to wrap to the next row */
    justify-content: space-between;  /* This spaces items evenly with equal space between them */
}

/* Define width for each gallery item */
#gallery-1 .gallery-item {
    flex: 0 1 calc(16.6667% - 10px); /* Each item will take up roughly 1/6th (or 16.6667%) of the container's width, minus 10px for some spacing */
    margin-right: 10px; /* Space between items */
    margin-bottom: 10px; /* Space for wrapped items */
}

/* Ensure that the last item in the row doesn't have a right margin */
#gallery-1 .gallery-item:nth-child(6n) {
    margin-right: 0;
}

#breadcrumbs {
    background: #f2f2f2;
    padding: 15px 0;
}

#breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 0rem;
    list-style: none;
}

.breadcrumb li {
    font-size: 16px;
}
.breadcrumb li:after {
    content: '/';
    padding: 0 5px;
    color: #007ac2;
}
.breadcrumb li:last-child:after {
    content: none;
    padding: 0px;
}
.breadcrumb li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}


.value-blocks .wpb_content_element,
.value-blocks ul.wpb_thumbnails-fluid > li,
.value-blocks .wpb_button {
    margin-bottom: 0px;
}
.single-value {
    margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

/* .single-value svg,
.single-value i {
	font-size: 80px;
} */

.single-value .vc_column-inner {
    padding: 30px;
    background-color: #fff;
    height: 100%;
    border-radius: 20px;
    transition: background ease 0.5s;
}
.single-value:hover .vc_column-inner {
    background: #007ac2;
    transition: background ease 0.5s, color ease 0.5s;
    color: #fff;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 5px;
}

#sub-services {
/*     padding-bottom: 70px; */
}

.sectors-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.sectors-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 35px;
    background-color: #007ac2;
    color: #fff;
    font-size: 16px;
}
.sectors-list li i,
.sectors-list li svg {}


/*Testimonials*/
.testimonial {
    padding: 0;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 10px;
    box-sizing: border-box;
    max-height: 230px;
    overflow: auto;
    position: relative;
	margin-bottom: 15px !Important;
}

.testimonial:hover {
    background: #f2f2f2;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.58);
}

.stars {
    position: absolute;
    top: 20px;
    right: 20px;
    max-width: 40%;
    color: #007ac2;
}

.testimonial-author {
    padding: 20px 20px 30px 20px;
    width: 60%;
}

.testimonial-text {
    padding: 0 20px 20px;
}

.testimonial::-webkit-scrollbar {
    width: 6px; /* Adjust the width of the scrollbar */
}

.testimonial::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Adjust the color of the scrollbar track */
    border-radius: 6px;
}

.testimonial::-webkit-scrollbar-thumb {
    background-color: #888; /* Adjust the color of the scrollbar thumb */
    border-radius: 6px;
}

.testimonial::-webkit-scrollbar-thumb:hover {
    background-color: #287bad; /* Adjust the color of the scrollbar thumb when hovered */
}

/* Form  */

input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #262626;
    box-sizing: border-box;
    font-size: 17px;
    color: #000;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="email"]:focus,
input[type="email"]:active,
textarea:focus,
textarea:active,
select:focus
select:active {
    border: 2px solid #007ac2 !important;
    background: #f2f2f2;
}

label {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #007ac2;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    background: red;
    color: #fff;
    font-weight: bold;
}

footer .socials {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: right;
}

footer .socials li {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 5px;
    background: rgb(0,122,193);
    background: -moz-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

footer .socials li a {
    display: inline-block;
    font-size: 34px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #007ac2;
    border: 0px solid #007ac2;
    transition: background-color ease 0.5s, color ease 0.5s;
}

footer .socials li a:hover {
    background: #007ac2;
    color: #fff;
    transition: background-color ease 0.5s, color ease 0.5s;
}


.sticky .social {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
}
.sticky .social li {
    display: inline-block;
    margin: 0 5px 0 0;
}
.sticky .social li a {
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    color: #007ac2;
    border: 1px solid #007ac2;
    transition: background-color ease 0.5s, color ease 0.5s;
}

.sticky .social li a:hover {
    background: #007ac2;
    color: #fff;
    border: 1px solid #007ac2;
    transition: background-color ease 0.5s, color ease 0.5s;
}

/* mobile CTA */

.mob-cta {
	display: block;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	width: 100%;
	padding: 15px;
	color: #fff;
	background-color:red;
	font-size: 14px;
	text-align: center;
	left: 0px;
	right: 0px;
	text-transform: uppercase;
	opacity: 1;
	animation-name: slideUp;
    animation-duration: 2s;
    animation-timing-function: ease-in;
	transition: padding 0.5s ease;
}


.mob-cta:hover {
	color: #fff;
	text-decoration: none;
}

.mob-cover:active {
	padding: 25px;
	transition: padding 0.5s ease;
}

@keyframes slideUp {
    0%,
    50% {
      transform: translateY(100%);
      opacity: 0;
    }
     
    60%,
    100% {
      transform: translateY(0);
      opacity: 1;
    
    }
  }

@media (min-width: 992px) {
/*	.mob-cta {display: none;}*/
}

/* Mega menu  */

.mega-sub-menu .site-content {
	max-width: 1320px !important;
	width: 100% !important;
	margin: auto !important;
	float: none !important;
}

@media (max-width: 992px) {
    #mega-menu-wrap-main-menu {
        padding-bottom: 10px;
        background: rgb(0,122,193);
        background: -moz-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
        background: linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
    }
}

.icon-block .vc_column-inner {
    background-color: #f2f2f2;
    padding: 30px;
    border-radius: 25px;
    height: 100%;
    transition: background-color ease 0.5s;
}
.icon-block {
    margin-bottom: 30px;
    color: #000;
    text-align: center;
}
.carbon-r svg,
.carbon-r i {
    font-size: 100px;
    color: #00d0a6;
    transition: color ease 0.5s
}

.twentyfourseven svg,
.twentyfourseven i {
    font-size: 100px;
    color: #007ac2;
    transition: color ease 0.5s
}

.icon-block:hover svg,
.icon-block:hover i {
    color: #fff;
    transition: color ease 0.5s
}

.carbon-r:hover .ol.green,
.twentyfourseven:hover .ol.green {
    background-color: #fff;
    color: #000;
}

.carbon-r:hover .vc_column-inner {
    background-color: #00d0a6;
    color: #fff;
    transition: background-color ease 0.5s, color ease 0.5s;
}
.twentyfourseven:hover .vc_column-inner {
    background-color: #007ac2;
    color: #fff;
    transition: background-color ease 0.5s, color ease 0.5s;
}

/*Footer form*/
/* Updated Popup Form Styles */
.form-popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  bottom: -100%; /* Start off-screen */
  width: 100%; /* Full width */
  height: 90%; /* 90% of viewport height */
  z-index: 9999; /* Sit on top */
  background-color: #4CAF50; /* Green background */
  transition: bottom 0.5s; /* Smooth slide up/down transition */
}

/* When displayed, slide up */

.mob-form {
    position: fixed;
    bottom: 90px;
    right: 10px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #fff;
    background: #00d0a6;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
    transition: background ease 0.5s, color ease 0.5s;
}

.mob-form:hover {
    background-color: #00b9a7;
    color: #fff;
    text-decoration: none;
    transition: background ease 0.5s, color ease 0.5s;
}

.form-popup {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 95%;
  background-color: #00d0a6; /* Your green background */
  z-index: 9999999;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out;
}

.form-popup.show {
  display: block;
  transform: translateY(0);
}

.form-popup-content {
  margin: 20px;
  padding-top: 60px;
}

.close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #00d0a6;
    background: #fff;
    cursor: pointer;
}

/**/


#sub-menu {
    position: relative;
    border-radius: 15px;
    padding: 0px;
    width: 100%;
    margin: 30px 0;
}

#sub-menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#sub-menu ul li {}
#sub-menu ul li a {
    display: block;
    color: #000;
    padding: 20px;
    background: #f2f2f2;
    font-weight: 400;
    text-decoration: none;
}

#sub-menu .active-section {
    color: #00d0a6;
    font-weight: bold;
}
.menu-spacing {
    position: relative;
    overflow: hidden;
}

#sub-menu ul li a.active {
    color: red;
    font-weight: bold;
}

#sub-menu li.custom_menu_cta {}
#sub-menu li.custom_menu_cta a {
    padding: 10px 20px;
    background: #00d0a6;
    color: #fff;
    font-weight: bold;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin: 0px;
}

/* Sticky service menus  */
@media (min-width: 992px) {
    #sub-menu li.custom_menu_cta {}
    #sub-menu li.custom_menu_cta a {
        padding: 10px 20px;
        background: #00d0a6;
        color: #fff;
        font-weight: bold;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        margin: 0 -20px -20px;
    }

    #sub-menu {
        position: absolute;
        top: 70px;
        background: #f2f2f2;
        border-radius: 15px;
        padding: 20px;
        width: 15%;
        margin: 0px 0px 0px -20%;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
        transition: top ease 0.3s;
        z-index: 99;
    }

    #sub-menu ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    #sub-menu ul li {}
    #sub-menu ul li a {
        padding: 10px 0px;
        color: #000;
        font-weight: 400;
        text-decoration: none;
    }
    .menu-spacing {
        position: relative;
        overflow: hidden;
    }

    .menu-spacing .container {
        padding-left: 20%;
    }


    #sub-menu ul li a.active {
        color: red;
        font-weight: bold;
    }
}
.blurred-bg {
    background-image: url('/wp-content/uploads/2024/03/faded-blur.jpg');
    background-size: cover;
    background-position: top center;
    position: relative;
}

.vc_row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

.p-relative,
#refrigeration {
	position: relative;
}

/* Refrigeration sytles (products) */
.link-offers-page,
.final-cta {
	min-height: 300px;
	border-radius: 20px;
	margin-bottom: 20px;
    background-color: #fff;
}
.link-offers-page, .final-cta {
    display: flex;
	flex-direction: column;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Ensure text is centered if it wraps onto a new line */
    height: 100%; /* Take full height of the parent container */
	background: rgb(0,122,193);
    background: -moz-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    background: linear-gradient(90deg, rgba(0,122,193,0.7) 0%, rgba(228,3,20,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007ac1",endColorstr="#e40314",GradientType=1);
	color: #fff;
}


/*Single products*/

.single-product-wrap .single-product-details {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 90%;
    background: #bbbbbb;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);

    transition: width ease 0.5s;
}

.single-offer-wrap .thumbnail {
    min-height: 400px;
    display: block;
    background-image: url(https://allcoolnw.co.uk/wp-content/uploads/2024/07/sp1hc-sts.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.single-offer-wrap .title {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.single-product-wrap:hover .single-product-details {
    width: 95%;
    transition: width ease 0.5s;
}

.single-product-wrap .single-product-details a {
    display: block;
    padding: 15px 0;
    text-align: center;
    background: none; /* Moved background to parent div to apply clipping */
    font-size: 20px;
    color: #fff;
}

.single-product-wrap {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    transition: box-shadow ease 0.4s;
    border-radius: 20px;
    margin-bottom: 30px !important;
    background-color: #fff;
    height: 300px;
}

.single-product-wrap .thumbnail {
    display: block;
    height: 300px;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: width 0.5s ease;
    margin-bottom: 0px;
}


.single-product-wrap .single-product-details .gradient {
    border-top: #fff solid 5px;
    height: 10px;
}
/**/

.link-offers-page {
    color: #fff;
}
.link-offers-page a {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 0 30px;
}
.link-offers-page i,
.link-offers-page svg {
    font-size: 150px;
    padding-bottom: 20px;
    color: #fff;
}

.single-product-wrap {}

.final-cta {}
.final-cta {
    font-size: 24px;
    font-weight: bold;
    padding: 0 30px;
}

.link-offers-page,
.single-product-wrap,
.final-cta {
    transition: box-shadow ease 0.3s;
}

.link-offers-page:hover,
.single-product-wrap:hover,
.final-cta:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.42);
    transition: box-shadow ease 0.4s;
}

.project-band .container .row {
	padding: 30px 30px 0px 30px;
    background: #f2f2f2;
    border-radius: 20px;
	margin-bottom: 30px;
	color: #000;
	transition: background ease 0.5s, color ease 0.5s;
}

.project-band:hover .container .row {
    background: #1e73be;    
	color: #fff;
	transition: background ease 0.5s, color ease 0.5s;
}

.project-band .number {
/* 	height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-band:hover .number .vc_custom_heading {color: #fff !important;}

.single-career {
    padding: 20px;
    border-radius: 10px;
    background: #f2f2f2;
    margin-bottom: 10px;
    display: block;
    border: 5px solid transparent;
}

.single-career:hover {
    background: #eee;
    border: 5px solid #007ac2;
}
.single-career a {
    display: block;
    padding: 0 0 10px 0;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 24px;
    line-height: 32px;
}

.single-career ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.single-career ul li {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background: #e40314;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    border-radius: 5px;
}

.xl-icon {
	font-size: 300px;
	line-height: 300px;
	color: #007ac2;
}

a.rnd {
	font-size: 24px !important;
	line-height: 70px !important;
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 0px;
	background-color: #00d0a6;
	border-radius: 50%;
	transition: all ease 0.5s;
}

a.rnd:hover {
	width: 80px;
	height: 80px;
	margin: -5px 0;
	line-height: 80px !important;
	font-size: 30px !important;
	background-color: #fff;
	color: #007ac2;
	transition: all ease 0.5s;
}
.single-value:hover a.rnd {
	background-color: #00d0a6;
	color: #fff;
	transition: background ease 0.5s, color ease 0.3s;
}
/* 
a.rnd .single-value svg,
a.rnd .single-value i {
    font-size: 24px !important;
	line-height: 70px !important;
} */

.cs-featured-image {
	min-height: 400px;
    margin-bottom: 30px;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
}

.sticky .project-value {
	margin: -20px -20px 20px -20px;
    padding: 20px;
    background: #007ac2;
	color: #fff;
}

.sticky .project-value h6 {
	color: #fff;
	font-size: 13px;
	margin-bottom: 0px;
}
.sticky .project-value span {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}

.valid-til span {
    display: inline-block;
    padding: 5px;
    background-color: #007ac2;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
}

.product-specification-wrapper {
    margin: 20px 0;
}

.view-spec-link {
    cursor: pointer;
    text-decoration: underline;
}

.product-specification {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: 10px;
    background-color: #f2f2f2;
}
.sale-price {
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.rrp {
    display: inline-block;
    font-weight: bold;
    text-decoration: line-through;
    color: red;
    margin-left: 10px;
}


.sticky .indeed_link {
    margin: 20px -20px -20px -20px;
    padding: 10px 20px;
}

.indeed_link {
    display: block;
    background: #00d0a6;
    color: #fff;
    padding: 10px;
    text-align: center;
}