/*
Theme Name: MAPL 2025
Author: www.mapl.co.uk
Description: A custom WordPress theme with Gutenberg support for mapl.co.uk 2025.
Version: 1.0
*/

:root {

--primary-bg-color: #fff;
--primary-bg-color-alt: #214270;
--secondary-bg-color: #97b4d2;
--tertiary-bg-color: #f4f4f4;
--primary-font-color: #191a1b;
--secondary-font-color: #fff;
--tertiary-font-color: #97b4d2;
--primary-font-link-color: #97b4d2;
--secondary-font-link-color: #fff;
--tertiary-font-link-color:  #214270;
--primary-font-family: 'Montserrat', sans-serif;
--primary-paragraph-font-size: 20px;
--primary-paragraph-font-weight: 400;
--primary-paragraph-text-transform: normal;
--primary-h1-font-size: 50px;
--primary-h2-font-size: 46px;
--primary-h3-font-size: 30px;
--primary-h1-font-size-mobile: 36px;
--primary-h2-font-size-mobile: 30px;
--primary-h3-font-size-mobile: 26px;
--primary-h3-footer-font-size: 20px;
--primary-section-margin: 50px;	
--primary-section-padding:100px 0px;	
--secondary-section-padding:10%;
}

body {
    font-family: var(--primary-font-family);
    color: var(--primary-font-color);
    margin: 0;
    padding: 0;
	background-color: var(--primary-bg-color);
}

.main-content {
    max-width: 100%;
	width:100%;
    margin: 0 auto;
    padding: 0px;
}

h1 {font-size: var(--primary-h1-font-size) !important; font-weight: 300; color:var(--tertiary-font-color); }
h2 {font-size: var(--primary-h2-font-size) !important; color:var(--tertiary-font-color); }
h3 {font-size: var(--primary-h3-font-size) !important; color: var(--tertiary-font-color);}
p {font-size: var(--primary-paragraph-font-size);color:var(--primary-font-color);}
li {font-size: var(--primary-paragraph-font-size);color:var(--primary-font-color);}

@media (max-width: 768px) {
    /* Show on tablets and up */
	.navbar-toggler{margin: 0 auto;border:none;}
	.navbar-toggler:focus{box-shadow: none !important;}
	.navbar{text-align: center;}
}


/* Hide on mobile */
.hide-mobile {
    display: none !important;
}

@media (min-width: 768px) {
    /* Show on tablets and up */
    .hide-mobile {
        display: block !important;
    }
}

/* Hide on tablet */
.hide-tablet {
    display: none !important;
}

@media (min-width: 1024px) {
    /* Show on desktops and up */
    .hide-tablet {
        display: block !important;
    }
}

/* Hide on desktop */
.hide-desktop {
    display: block !important;
}

@media (min-width: 1024px) {
    /* Hide on desktops */
    .hide-desktop {
        display: none !important;
    }
}
.display-4{display:none;}

/**** Section Styles ****/
.primary-section-bg{background: var(--primary-bg-color);color:var(--primary-font-color);margin-top:var(--primary-section-margin);}
.primary-section-bg-header{background: var(--secondary-bg-color);color:var(--primary-font-color);margin:0;align-content: center;min-height: 450px;padding: 100px 0;}
.secondary-section-bg{background: var(--secondary-bg-color);color:var(--primary-font-color);margin-top:var(--primary-section-margin);overflow: hidden;}
.secondary-section-content{background: var(--primary-bg-color);color:var(--primary-font-color);padding:var(--secondary-section-padding);position: relative;}
.tertiary-section-bg{background: var(--tertiary-bg-color);color:var(--primary-font-color);margin-top:var(--primary-section-margin);padding:var(--primary-section-padding);}
.tertiary-section-bg h3 a{color: var(--tertiary-font-color) !important; text-decoration: none;}
.tertiary-section-bg h3 a:hover{color: var(--primary-font-color) !important;}
.section-full-bg{color:var(--secondary-font-color);}
.section-full-bg .inner-content-padding{padding:20% 10%;}
.section-full-bg h2, .section-full-bg h3, .section-full-bg ul, .section-full-bg p, .section-full-bg a, .section-full-bg .content-link a, .section-full-bg .content-link a:hover{color:var(--secondary-font-color);}

/*** Left Section Styles ***/ 
.section-dark-blue-left{background: var(--primary-bg-color-alt);color:var(--secondary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-dark-blue-left .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(70%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-dark-blue-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color);}
.section-dark-blue-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col{padding: 10%;}
.section-dark-blue-left .wp-block-kadence-column{position: relative;}
.section-dark-blue-left .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-light-blue-left{background: var(--secondary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-light-blue-left .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(70%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-light-blue-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color);}
.section-light-blue-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col{padding: 10%;}
.section-light-blue-left .wp-block-kadence-column{position: relative;}
.section-light-blue-left .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-grey-left{background: var(--tertiary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-grey-left .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(70%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-grey-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color);}
.section-grey-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col{padding: 10%;}
.section-grey-left .wp-block-kadence-column{position: relative;}
.section-grey-left .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-white-left{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-white-left .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(70%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-white-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color);}
.section-white-left .kt-row-column-wrap .wp-block-kadence-column:last-of-type .kt-inside-inner-col{padding: 10%;}
.section-white-left .wp-block-kadence-column{position: relative;}
.section-white-left .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}
/*** Left Section Styles ***/ 

/*** Right Section Styles ***/ 

.section-dark-blue-right{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-dark-blue-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type{z-index: 9 !important;}
.section-dark-blue-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(30%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-dark-blue-right .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color-alt);}
.section-dark-blue-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type .kt-inside-inner-col{padding: 10% 10%; z-index: 11;}
.section-dark-blue-right .wp-block-kadence-column{position: relative;}
.section-dark-blue-right  .kt-row-column-wrap { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}
.section-dark-blue-right h3, .section-dark-blue-right p, .section-dark-blue-right a, .section-dark-blue-right a:hover {color: var(--primary-font-color);}
.section-dark-blue-right .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-dark-blue{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-dark-blue .kt-row-column-wrap .wp-block-kadence-column:first-of-type{z-index: 9 !important;}
/*.section-dark-blue .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(30%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}*/
.section-dark-blue .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color-alt);}
.section-dark-blue .kt-row-column-wrap .wp-block-kadence-column:first-of-type .kt-inside-inner-col{padding: 10% 10%; z-index: 11;}
.section-dark-blue .wp-block-kadence-column{position: relative;}
.section-dark-blue  .kt-row-column-wrap { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}
.section-dark-blue h3, .section-dark-blue-right p, .section-dark-blue-right a, .section-dark-blue-right a:hover {color: var(--primary-font-color);}
.section-dark-blue .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-light-blue-right{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-light-blue-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type{z-index: 9 !important;}
/*.section-light-blue-right .kt-row-column-wrap:first-of-type > .wp-block-kadence-column:first-of-type::before{*/
.section-light-blue-right > .kt-row-column-wrap:first-of-type > .wp-block-kadence-column:first-of-type::before {	
	content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(30%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-light-blue-right > .kt-row-column-wrap:first-of-type > .wp-block-kadence-column:last-of-type{background: var(--secondary-bg-color);}
.section-light-blue-right > .kt-row-column-wrap:first-of-type  .wp-block-kadence-column:first-of-type .kt-inside-inner-col{padding: 10% 10%; z-index: 11;}
.section-light-blue-right > .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col{padding: 5%; z-index: 11;}
.section-light-blue-right .wp-block-kadence-column{position: relative;}
.section-light-blue-right  .kt-row-column-wrap { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}
.section-light-blue-right h3, .section-light-blue-right p, .section-light-blue-right a, .section-light-blue-right a:hover {color: var(--primary-font-color);}
.section-light-blue-right .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-grey-right{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-grey-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type{z-index: 9 !important;}
.section-grey-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(30%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-grey-right .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--tertiary-bg-color);}
.section-grey-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type .kt-inside-inner-col{padding: 10% 10%; z-index: 11;}
.section-grey-right .wp-block-kadence-column{position: relative;}
/*.section-grey-right  .kt-row-column-wrap { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}*/
.section-grey-right h3, .section-grey-right p, .section-grey-right a, .section-grey-right a:hover {color: var(--primary-font-color);}
.section-grey-right .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

.section-white-right{background: var(--primary-bg-color);color:var(--primary-font-color);overflow: hidden;margin-top: var(--primary-section-margin);}
.section-white-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type{z-index: 9 !important;}
.section-white-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(30%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.section-white-right .kt-row-column-wrap .wp-block-kadence-column:last-of-type{background: var(--primary-bg-color);}
.section-white-right .kt-row-column-wrap .wp-block-kadence-column:first-of-type .kt-inside-inner-col{padding: 10% 10%; z-index: 11;}
.section-white-right .wp-block-kadence-column{position: relative;}
.section-white-right  .kt-row-column-wrap { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}
.section-white-right h3, .section-white-right p, .section-white-right a, .section-white-right a:hover {color: var(--primary-font-color);}
.section-white-right .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}

/*** Right Section Styles ***/ 

/**** Section Styles ****/

/**** Content Styles ****/
.header-call{position: absolute; top: 20px;right: 20px;     z-index: 99999999;}
.header-call a{padding: 10px; background-color: #fff; color: var(--tertiary-font-link-color); display: block;border-radius: 30px;height: 40px;width:40px;text-align: center;text-decoration: none;}
.header-call a:hover{background-color: var(--secondary-bg-color);color: #fff;width:auto;padding: 10px 20px;}
.header-call a .show-hover{display: none;}
.header-call a:hover .show-hover{display: inline;}
.item-wrapper-half{float: left !important;width:48% !important;display: inline-block;}
.item-wrapper-half input, .item-wrapper-full input, .item-wrapper-full select, .item-wrapper-full textarea{width:100%;padding: 10px;border-radius: 10px;border:solid 1px #efefef;}
.item-wrapper-full input[type="submit"]{background-color: var(--secondary-bg-color);color: #fff;}
.item-wrapper-full input[type="submit"]:hover{background-color: var(--primary-bg-color-alt);color: #fff;}
.contact-form{float:left;width:100%;padding:20px;background-color:#efefef;border-radius: 10px;}
.contact-form h3{font-size: 22px !important;}
.content-padding{padding:25px 50px;}
.kt-row-column-wrap{padding:0 !important;}
.wp-block-image{margin: 0 !important;}
.kadence-column6_b7500c-64{margin-top: auto;}
.two-column-content-center{padding: 15px 10% !important;text-align: center;}

.secondary-cta-btn a{background-color: var(--primary-bg-color);padding:10px 10%;border-radius: 25px;color:var(--tertiary-font-link-color);display: block;text-align: center;text-decoration: none;}
.secondary-cta-btn a:hover{background-color: var(--secondary-bg-color);color:var(--secondary-font-color);}
.center-content{text-align:center;}
.align-content-center{align-content: center;}
.margin-top-bottom{margin: 25px 0;}
.two-column-content{column-count: 2;}
.main-logo img{width: 100%;max-width: 300px; height: auto;}
.main-header{padding: 0 5%; margin:0;position: absolute;top:0;left: 0;width:100%;z-index: 9999; }
.inner-content-padding{padding:10%;}
.section-white-left-img .content-bg-img-wrapper .kt-inside-inner-col{height: 100%;overflow: hidden;}
.section-white-left-img .content-bg-img-wrapper .kt-inside-inner-col:before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(70%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: auto;}
.secondary-section-content:before{content: ""; position: absolute;  top: 50%;  right: 0%;  transform: translate(25%, -50%);  height: 120%;  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 0;  width: auto;}
.white-text-content, .white-text-content h2, .white-text-content h3, .white-text-content p, .white-text-content a, .white-text-content a:hover{color:var(--secondary-font-color);}
.white-text-content{padding:25% 10% 25% 30%;}
.secondary-section-bg .kt-row-column-wrap{grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;}
.slick-slide img{border-radius: 100%; margin:0 auto;max-width: 100%;}
.wwww-slider-feature .slick-slide img{border-radius: 0%; margin:0 auto;max-width: 150px;height: auto;}
.wwww-slider{padding:0px 10%;}
.slick-prev{left: 25px;}
.slick-next{right: 25px;}
.slick-prev:before, .slick-next:before{color: var(--primary-bg-color-alt)}
.main-header-content-wrapper{padding-left: clamp(5%, 5vw, 20%);padding-right: clamp(5%, 10vw, 20%);padding-top: 15%;padding-bottom: 10%;}
.main-header-content-wrapper h1 {font-size: clamp(36px, 6vw, 60px) !important;color:var(--secondary-font-color);line-height: 1.0em;}
.main-header-content-wrapper h2, .main-header-content-wrapper h3, .main-header-content-wrapper p {color:var(--secondary-font-color);}
.main-nav-area{align-content: center;}
.rotate-45 {  display: inline-block;  transform: rotate(-45deg);}
.service-arrow{width: 30px;height: 30px; color: #fff;background-color: #5a5d60;text-align:center;padding: 3px 5px 5px 5px;position: absolute;bottom:10px;right: 10px;border-radius: 50%;}
.services-image img{border-radius: 0;width: 100%; height: auto;}
.service-content p{font-size: 16px;}
.services-image{margin-bottom: 10px;}
.text-center{text-align: center;}
.section-side-padding{padding: 0 10%;}

h2{ position: relative;
  display: inline-block; /* Ensures the width matches the text */
  margin-bottom: 1.5em; /* Adjust spacing as needed */}

/* Base styling for the dots */
h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 30px;
  height: 6px;
  background: radial-gradient(circle, var(--tertiary-font-color) 3px, transparent 3px) 0 50%,
              radial-gradient(circle, var(--tertiary-font-color) 3px, transparent 3px) 50% 50%,
              radial-gradient(circle, var(--tertiary-font-color) 3px, transparent 3px) 100% 50%;
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

/* Alignment-specific positioning */
h2.align-left::after {
  left: 50%;
  transform: none;
}

h2.align-center::after {
  left: 50%;
  transform: translateX(-50%);
}

h2.align-right::after {
  right: 50%;
  transform: none;
}

.content-link a{font-size: 34px;text-decoration: underline; color:var(--primary-font-link-color);}
.content-link a:hover{color:var(--tertiary-font-link-color);text-decoration: none;}
.content-link a::before { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 10px; background-color: var(--secondary-bg-color); color:var(--secondary-font-color);padding:5px;text-align: center;width:45px;height: 45px;border-radius: 50%;font-size: 24px;display: inline-block;}
.secondary-section-bg a::before { background-color: var(--primary-bg-color); color:var(--tertiary-font-color);padding: 8px 0;}
.secondary-section-bg .content-link a{color:var(--secondary-font-link-color);}
.secondary-section-bg .content-link a:hover{color:var(--secondary-font-link-color);}
.section-white-left-img .content-link a{color:var(--primary-font-link-color);}
.section-white-left-img .content-link a:hover{color:var(--tertiary-font-link-color);}
.mb-4{margin-bottom: 0 !important;}
/**** Content Styles ****/


/**** Blog Styles ****/

.blog-title{padding: 150px 16% 50px 16%; color:#fff;}
.blog-title h1{width: 100%;margin: 0 auto;}
.blog-title h1, .blog-title h2, .blog-title h3, .blog-title p{color:#fff;}
.blog-title p{font-size: 16px;margin: 10px 0 0 0;}
.blog-wrapper{padding: 25px 0;}
.post-thumbnail { position: relative; background-size: cover;  background-position: center; color: var(--primary-bg-color-alt);}
.post-thumbnail .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.post-thumbnail .blog-title { position: relative; z-index: 2;text-align: center;}
.blog-content-cat h2{font-size: 20px !important;margin: 0px 0 0 0;}
.blog-content-cat h2:after{display: none !important;}
.blog-content-cat h2 a{color:var(--tertiary-font-link-color);text-decoration: none;}
.blog-content-cat h2 a:hover{color:var(--primary-font-link-color);}
.blog-content-cat p{font-size: 16px !important;margin:15px 0;}
.blog-content-cat p.blog-category:before{content:"";width: 10px;height: 10px;background-color: var(--secondary-bg-color);position: relative;margin: 0 10px 0 0;border-radius: 50%;display: inline-block;}
.blog-content-cat p.blog-category a{color: var(--primary-font-link-color);text-decoration: none;}
.blog-item-wrapper .btn-primary{width: 100%;background-color: var(--primary-bg-color-alt); color:#fff;border:none;}
.blog-item-wrapper{margin-bottom: 30px;/*background-color: #f6f6f6; */   padding: 20px;    border-radius: 10px;}
.categories-sidebar{float: left;width:100%; margin: 15px 0;padding: 0 10px;}
.category-list{list-style: none;margin: 0;padding: 0 10%;text-align: center;}
.category-list li{/*border-bottom: dotted 1px #ccc;*/padding: 0px 5px;margin: 0 5px;display: inline-block;}
.category-list li a{color:var(--secondary-font-color);text-decoration: none;font-size: 16px;}
.category-list li a:hover{color:var(--tertiary-font-link-color);}
#ajaxsearchlite1 .probox, div.asl_w .probox{background-color:  var(--primary-bg-color-alt) !important; background-image:none !important;}
div.asl_w .probox .promagnifier, div.asl_r.vertical{background-color:  var(--secondary-bg-color) !important; background-image:none !important;}
.blog-content img{max-width: 100%;height: auto;}
.blog-cat-nav{float: left;width: 100%;margin: 0 ;padding:0px;background-color: var(--secondary-bg-color);}
.blog-cat-header, .blog-main-post{background: #778698; color: var(--primary-font-color);}
.blog-main-img{text-align: center;}
.blog-main-img img{width: 100%;border-radius:20px;margin-bottom: 15px;}
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
[class*="col-"] {
    padding: 10px;
    box-sizing: border-box;
}
.col-md-4 { width: 33.333%; }
.col-md-6 { width: 50%; }
.col-md-8 { width: 66.666%; }
.col-md-12 { width: 100%; }
.col-sm-12 { width: 100%; }

@media (max-width: 768px) {
    .col-sm-12 {
        width: 100% !important;
    }
	.col-xs-12 { width: 100%; }
}

.interesting-post-list{list-style: none;padding:0;margin: 0;}
.interesting-post-list li img{max-width: 100%;height: auto;}
.interesting-post-list li h3{font-size: 26px !important;}

.interesting-post-list li h3 a{color:var(--tertiary-font-link-color);text-decoration: none;}
.interesting-post-list li h3 a:hover{color:var(--primary-font-link-color);}
.blog-item-wrapper .blog-thumbnail{padding-bottom: 50%;width:100%;border-radius: 20px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;border:solid 1px var(--secondary-bg-color);min-height: 250px;}
.blog-item-wrapper .blog-thumbnail a{position: absolute;width: 100%; height: 100%; display: block;border-radius: 100%;}
.blog-entry-title h2:after{display: none !important;}
.blog-content .entry-content a{color: var(--tertiary-font-link-color);}
.blog-content .entry-content a:hover{color: var(--primary-font-link-color);}
/**** Blog Styles ****/


.contact-form-page-top{background-color: #fff;border-radius: 20px;padding:20px;font-size:16px;box-shadow: 5px 5px 12px #666;float: left;width:100%;position: relative;z-index: 2;    margin-left: 25%;}
.contact-form-page-top-wrapper{width:60%;margin:0 auto;height: 100%;position: relative;display: inline-block;}
.contact-form-page-top-wrapper:after{content: '';width:300px;height: 300px;border-radius: 50%;position: absolute;bottom: -10%;right:-25%;background-color: var(--secondary-bg-color);z-index: 0;}
.contact-form-page-top p{font-size:16px;margin: 0 0 5px 0;}
.contact-form-page-top .item-wrapper-full, .contact-form-page-top .item-wrapper-half{margin-top:10px; margin-bottom:10px;}
.contact-form-page-top h3{text-align: center;margin-bottom: 15px;}
/**** Footer Styles ****/
footer{background-color: var(--primary-bg-color-alt); padding: 80px 0;color:var(--secondary-font-color) !important;}
footer h3{font-size:var(--primary-h3-footer-font-size) !important;color: var(--secondary-font-color) !important;}
footer ul{padding:0;margin:10px 0;list-style:none;}
footer ul li a{color:var(--secondary-font-link-color);text-decoration: none;}
footer ul li a:hover{color:var(--primary-font-link-color);text-decoration: none;}
footer p{margin: 0 !important;color:var(--secondary-font-color) !important;}
footer p a{color:var(--secondary-font-link-color);text-decoration: none;}
footer p a:hover{color:var(--primary-font-link-color);text-decoration: none;}
.social-icons{font-size:16px !important;padding:0;margin:15px 0;text-decoration:none;}
.social-icons li{display:inline-block;margin:0px;}
.social-icons a{color:var(--tertiary-font-link-color); margin:0 5px;background-color:#fff;padding:5px;border-radius:50%;width:30px;height: 30px;display: block;text-align: center;}
.social-icons a:hover{color: var(--primary-font-link-color);}
.small-text{font-size: 80% !important;}
.footer-list{margin:0;list-style:none;font-size: 80% !important;}
.footer-list li{font-size: 13px !important;}
.footer-logo img{width: 100%; height: auto;}
/**** Footer Styles ****/



.form-wrapper{text-align: center;}
.form-wrapper p, .form-wrapper h2{color: var(--secondary-font-color);}
.form-wrapper-input input[type="text"], .form-wrapper-input input[type="email"], .form-wrapper-input input[type="tel"]{padding:10px;border-radius:15px;border:none;width:100%;}
.form-wrapper-input input[type="submit"]{padding:10px;border-radius:15px;border:none;width:100%; text-transform: uppercase;background-color: var(--tertiary-bg-color);color:var(--secondary-font-color);  }
.form-wrapper-input input[type="submit"]:hover{background-color: #84d12b;color:var(--secondary-font-color);}
#spu-74{border-radius:15px !important;}
.spu-close-top_right{top:15px !important;right:15px !important;}

.kadence-column6_a6b9ca-25{margin-top:20%;}
.home .primary-section-bg-header{height: calc(100vh - 180px);}
@media (min-width: 1600px) and (min-height: 850px) {
	.home .primary-section-bg-header{height: calc(100vh - 180px) !important;}
}

@media (max-width: 1600px) and (max-height: 750px) {
	.home .primary-section-bg-header{height: calc(100vh - 0px) !important;}
}

@media (max-height: 580px) {
	.home .primary-section-bg-header{height: auto !important;}
}


@media (max-width: 1180px) {
	.item-wrapper-half{width: 100% !important;}
}
@media (max-width: 768px) {
.blog-title h1{width: 80%;margin: 0 auto;}
	footer, .social-icons{text-align:center;}
	.social-icons{margin-top: 10px  !important;}
	.kadence-column6_a6b9ca-25{margin-top:0;}
	.two-column-content{column-count: 1;}
	.section-white-left-img .content-bg-img-wrapper .kt-inside-inner-col{width: 100%;min-height: 300px;}
	.section-white-left-img .content-bg-img-wrapper .kt-inside-inner-col:before{content: ""; position: absolute;  bottom: 0%;  left: 0%;  transform: translate(-10%, 15%);   aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 1;  width: 120%;}
	.inner-content-padding{padding:25px 10%;}
	.secondary-section-content:before{content: ""; position: absolute;  bottom: 0%;  left: 0%;  transform: translate(-10%, -5%);  aspect-ratio: 1 / 1;  background-color: white;  border-radius: 50%;   z-index: 0;  width: 120%;}
	.white-text-content{padding:25% 25% 5% 25%;}
	.secondary-section-bg .kt-row-column-wrap{grid-template-columns: minmax(0, 1fr) !important;}
	.footer-logo img{width: 50%;margin:25px auto;}
}



@media (max-width: 678px) {
	.header-call{top: 12%;}
	
	.contact-form-page-top-wrapper{width:100%;padding:20px;}

}
@media (max-width: 612px) {
	h1 {font-size: var(--primary-h1-font-size-mobile) !important; text-transform: uppercase;}
	h2 {font-size: var(--primary-h2-font-size-mobile) !important;}
	h3 {font-size: var(--primary-h3-font-size-mobile) !important;}
	.main-logo{text-align: center;}
	.contact-form-page-top{margin-left: 0px;}
	
	.blog-content-cat .col-md-4{width:100%; }
	.blog-content .entry-content{padding: 20px;}
	.post-navigation .prev-post, .post-navigation .next-post{width: 100%;}
	.secondary-section-content:before{display: none;}
	.white-text-content{padding:10% 15%;}
	 .section-dark-blue-right .kt-row-column-wrap, .section-dark-blue .kt-row-column-wrap, .section-light-blue-right .kt-row-column-wrap{grid-template-columns: minmax(0, 1fr) !important;}
	.contact-form-page-top-wrapper:after{right: 0;}
	
}

/**** Menu Styles ****/

#mega-menu-wrap-main-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus,#mega-menu-wrap-main-menu .mega-menu-toggle{background: none !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background-color:var(--secondary-bg-color);color:var(--secondary-font-color);}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{background-color:var(--primary-bg-color-alt);color:var(--secondary-font-color);}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background-color:var(--primary-bg-color-alt);}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size: var(--primary-paragraph-font-size);}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size: var(--primary-paragraph-font-size);}
@media (min-width: 768px) {
/* Target top-level <li> items in this specific mega menu */
#mega-menu-main-menu > li.mega-menu-item {
  position: relative !important;
}

/* Add the white circle, but NOT after the last item */
#mega-menu-main-menu > li.mega-menu-item:not(:last-child)::after{
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  right: -3px !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  background-color: white !important;
  border-radius: 50% !important;
  display: block !important;
  z-index: 1 !important;
}
}
@media (max-width: 768px) {
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{text-align:center !important;}
	
}
/**** Menu Styles ****/

.trusted-by-wrapper {
    display: block;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 2em;
	padding: 0 20%;
}

.trusted-by-heading {
    font-size: 1.5em;
    white-space: nowrap;
	text-align: center !important;
	margin: 20px 0;    
	width: 100%;
}

.wwww-slider-trusted {
    flex: 1;
}

@media (max-width: 768px) {
    .trusted-by-wrapper {
       /* flex-direction: column;
        align-items: flex-start;*/
    }

    .trusted-by-heading {
        margin-bottom: 1em;
    }
}
.wwww-slider-feature .logo-hover-wrap{display: block;}
.post-navigation{float:left;width:100%;margin:15px 0;padding:15px;border-top:1px solid #ccc;}
.prev-post{float:left;width:50%;padding:10px;text-align: left;}
.next-post{float:left;width:50%;padding:10px;text-align:right;}
.prev-post a, .next-post a{color:var(--tertiary-font-link-color);text-decoration:none;font-size: 14px;}
.prev-post a:hover, .next-post a:hover{color:var(--tertiary-font-color);}
.remove-padding .kt-inside-inner-col{padding:0 !important;}

.section-grey-left .remove-padding  .kt-row-column-wrap .wp-block-kadence-column:first-of-type::before{display: none !important;}


.main-side-contact {position: fixed;   top: 40%;   right: 0;    transform: translateY(-50%);    z-index: 1000;    writing-mode: vertical-rl;    text-orientation: mixed;    background-color: #d26e4b;  color: white;   padding: 10px;    cursor: pointer;       border-radius: 8px 0 0 8px;    box-shadow: 0 0 5px rgba(0,0,0,0.3);text-transform: uppercase;    font-size: 18px;    letter-spacing: 1px;font-weight: bold;}
.main-side-contact .main-contact-wrapper {    transform: rotate(180deg);     text-align: center;}
.pop-up-contact-form-page-top-wrapper .contact-form-page-top{box-shadow:none;border:none;margin:0 !important;}
.round-img img{border-radius:50%;width:500px;height:auto;max-height: 500px}
.service-card{margin:0 10px;}

.logo-hover-wrap {
    position: relative;
    display: inline-block;
}
.logo-hover-wrap img {
    display: block;
    transition: opacity 0.3s ease;
}
.logo-hover-wrap .logo-hover {
    position: absolute;
    top: 0;
    left: 26%;
    opacity: 0;
}
.logo-hover-wrap:hover .logo-hover {
    opacity: 1;
}
.logo-hover-wrap:hover .logo-default {
    opacity: 0;
}

.services-slider .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.services-slider .slick-slide {
    display: flex !important;
    height: auto !important;
}

.services-slider .service-slide {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.services-slider .service-card {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f5f5f5; /* or your custom colour */
}
.img-full-width{width:100%;height:auto;}
.img-full-width img{width:100%;height:auto;}
footer img{max-width:100%;}

.mapl-slider-content .slick-prev{left: -50px !important; z-index: 999;}
.mapl-slider-content .slick-next{right:-50px !important; z-index: 999;}
.slick-prev, .slick-next{width:30px !important; height: 30px !important; z-index: 9999;}
.slick-prev:before, .slick-next:before{font-size: 30px !important;}
.slick-prev{left: -30px !important; }
.slick-next{right: -30px !important; }
.services-image {background-size: cover;    background-position: center;    background-repeat: no-repeat;    width: 100%;padding-bottom:100%;}
.check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.check-list li {
  position: relative;
  padding-left: 1.5em; /* space for icon */
  margin-bottom: 0.5em;
}

.check-list li::before {
  content: "\f00c"; /* Unicode for Font Awesome check */
  font-family: "Font Awesome 6 Free"; /* Make sure you're using FA6 or adjust accordingly */
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #0e6c88; /* or any brand colour you prefer */
}

.primary-cta-btn{padding: 10px 40px !important;text-transform: uppercase;background: #d26e4b !important;color:#fff;margin: 20px 0 !important;border-radius: 10px !important;}.item-wrapper-full input[type="submit"]
.primary-cta-btn:hover{background: #d26e4b !important;color:#fff;}
#spu-9305{overflow: auto !important;}

.section-grey-right .kt-row-column-wrap .wp-block-kadence-column.mapl-slider-content{background:none !important;}

.section-grey-right .kt-row-column-wrap .wp-block-kadence-column.mapl-slider-content:first-of-type::before{display:none;}
.section-grey-right .mapl-slider-content h3{color: var(--tertiary-font-color) !important;}
.crp_related ul li a{display: block;
    position: relative;
    float: left;
    width: 100%;}
.crp_related ul li a figure{float:left;}
._form_2 input[type="text"]{width:100%;padding: 10px;    border-radius: 10px;    border: solid 1px #efefef;}
#_form_2_submit{background-color: var(--secondary-bg-color);    color: #fff;width:100%;padding:10px;border:none;border-radius: 10px;}
#_form_2_submit:hover { background-color: var(--primary-bg-color-alt); color: #fff;}
.header-cta-block{background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    font-size: 16px;
    box-shadow: 5px 5px 12px #666;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-left: 0;
    max-width: 60%;
    margin: 10% auto;
    text-align: center;}
._form_2 textarea{width:100%;padding:10px;border-radius:5px;min-height:200px;}
.mase-contact-form button{padding: 10px 40px !important;
    text-transform: uppercase !important;
    background: #d26e4b !important;
    color: #fff !important;
    margin: 20px 0 !important;
}