/*Navigation menu colouring*/
.theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a{
 	background:none;   
}

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a:hover{
 	background:none;
    color:#E68319;
}

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li a:hover{
 	 background:none;
    color:#E68319;  
}

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover>a{
 	 background:none;
    color:#E68319;    
}

/*Gradient background*/
.scrubz-gradient{
 	background: linear-gradient(180deg, #FBFBFB, #e68319);
}

/*Homepage header service button code*/
.zpbutton-wrapper.zpbutton.zpbutton-type-primary.zpbutton-size-md.zpbutton-style-none{
 	background-image: linear-gradient(to top, rgba(241, 87, 35, 0.51), #e68319);
    outline:0;
}

.zpbutton-wrapper.zpbutton.zpbutton-type-primary.zpbutton-size-md.zpbutton-style-none:hover{
 	background-image: linear-gradient(to top, rgba(51, 51, 51, 0.73), #060506);
    outline:0;
}

/*Homepage header form buttons*/
.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md{
 	background-image: linear-gradient(to top, rgba(241, 87, 35, 0.51), #e68319);
}

.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md:hover{
 	background-image: linear-gradient(to top, rgba(51, 51, 51, 0.73), #060506);
}



.zpbutton.zpbutton-type-secondary.zpbutton-style-oval.zpbutton-size-md{
 	background-image: linear-gradient(to top, rgba(241, 87, 35, 0.51), #e68319);
}

.zpbutton.zpbutton-type-secondary.zpbutton-style-oval.zpbutton-size-md:hover{
 	background-image: linear-gradient(to top, rgba(51, 51, 51, 0.73), #060506);
}

.zpform-label-align-inside .zpform-choice-input-container .zpform-inside-label{
	display:none !important;
}

/*Homepage header shaper*/
.zpshape-divider{
 	position:unset !important;   
}

.hero-header{
 	position:relative;
    z-index:1;
}

.zphero-slide.curslide{
 	z-index:1 !important;   
}

.divider-header{
 	z-index:10 !important;   
}

/*Homepage service boxes*/
.service-box{
 	transition: all 1s;   
}

.service-box:hover{
 	transform:scale(1.1);
    cursor:pointer;
}

/*Link text colours*/
.link-text a{
 	color:white !important;   
}

.link-text a:hover{
	color:#fab56b !important; 	   
}

/*Client carousel mobile optimisation*/
@media only screen and (max-width:500px){
 	.zpcarousel-arrow-left{
     	display:none !important;   
    }
}

@media only screen and (max-width:500px){
 	.zpcarousel-arrow-right{
     	display:none !important;   
    }
}

@media only screen and (max-width:500px){
 	.zpcarousel-controller-container.zpcarousel-controller-type-01{
     	display:none !important;   
    }
}

@media only screen and (max-width:500px){
    .zpcarousel-content-inner{
     	padding:0;   
    }
}

@media only screen and (max-width:500px){
 	.client-col-50{
     	width:50%;   
    }
}

@media only screen and (max-width:500px){
 	.client-col-75{
     	width:75%;   
    }
}

/*Accreditation mobile columns*/
@media only screen and (max-width:768px){
 	.acred-col{
     	width:50% !important;   
    }
}

@media only screen and (min-width:768px) and (max-width:1000px){
 	.acred-col{
     	width:33% !important;   
    }
}

/*Navigation menu styling mobile*/
@media only screen and (max-width:1000px){
 	.theme-header{
     	background:black;   
    }
}

/*Client carousel CSS test*/
.feature-card {
  flex: 0 0 auto;
  padding: 0.75rem 1.5rem;
  margin: 0 1rem;
  background: #fff;
  border: 1px solid #1b81b5;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

.feature-card {
  flex: 0 0 auto;
  padding: 0.75rem 1.5rem;
  margin: 0 1rem;
  background: #fff;
  border: 1px solid #1b81b5;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.feature-bar {
  overflow: hidden;
  padding: 1rem 0;
  position: relative;
  width: 100%;
}

.feature-bar::before,
.feature-bar::after {
  content: '';
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.feature-bar::before {
  left: 0;
  background: linear-gradient(to right, #1b81b5, rgba(249, 249, 249, 0));
}

.feature-bar::after {
  right: 0;
  background: linear-gradient(to left, #1b81b5, rgba(249, 249, 249, 0));
}

.scrolling-track {
  display: flex;
  width: fit-content;
  animation: scroll-left 40s linear infinite;
}

.track-content {
  display: flex;
}

/*Contact us button*/
/*Regular PC/Laptop View*/
@media only screen and (min-width:1000px){
.contact-us-button {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 12px 18px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 128, 128, 0.5);
  text-decoration: none;
  font-size: 16px;
  animation: pulseGlow 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  font-family:"Fira Sans Condensed";
}
}

.contact-us-button:hover{
 	color:#e68319 !important;   
}

/*Mobile view - Samsung A22 ~ Samsung A51*/
@media only screen and (max-width:600px){
.contact-us-button {
  position: fixed;
  right: 0px;
  z-index: 9999;
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 12px 100px;
  box-shadow: 0 0 10px rgba(0, 128, 128, 0.5);
  text-decoration: none;
  font-size: 20px;
  animation: pulseGlowMobile 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  width:45%;
  height:9%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px 0px 0px 0px;
  font-family:"Fira Sans Condensed";
}
}



@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 10px #e68319;
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 20px #e68319;
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 0 10px #e68319;
    transform: scale(1);
  }
}

@keyframes pulseGlowMobile {
  0% {
    box-shadow: 0 0 10px #e68319;
  }
  50% {
    box-shadow: 0 0 20px #e68319;
  }
  100% {
    box-shadow: 0 0 10px #e68319;
  }
}

@keyframes tabglow{
 	0% {
    box-shadow: 0 0 10px #e68319;
  }
  50% {
    box-shadow: 0 0 20px #e68319;
  }
  100% {
    box-shadow: 0 0 10px #e68319;
  }   
}

/*Mobile View - Blackberry Playbook*/
@media only screen and (min-width:600px) and (max-width:1000px){
.contact-us-button {
  position: fixed;
  bottom: -1px;
  right: 0px;
  z-index: 9999;
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 12px 100px;
  box-shadow: 0 0 10px rgba(0, 128, 128, 0.5);
  text-decoration: none;
  font-size: 16px;
  animation: pulseGlowMobile 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  width:100%;
  height:8%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Fira Sans Condensed";
}
}

/*Mobile View - iPhone SE*/
@media only screen and (min-width:300px) and (max-width:375px){
.contact-us-button {
  position: fixed;
  bottom: -1px;
  right: 0px;
  z-index: 9999;
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 12px 100px;
  box-shadow: 0 0 10px rgba(0, 128, 128, 0.5);
  text-decoration: none;
  font-size: 16px;
  animation: pulseGlowMobile 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  width:45%;
  height:7%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Fira Sans Condensed";
}
}

/*Mobile View - iPhone XR ~ iPhone 12 Pro ~ iPhone 14 Pro Max ~ Pixel 7*/
@media only screen and (min-width:375px) and (max-width:430px){
.contact-us-button {
  width:45% !important;
  height:6%;
}
}

/*Mobile View - iPad Mini ~ iPad Air ~ iPad Pro*/
@media only screen and (min-width:600px) and (max-width:912px){
.contact-us-button {
  width:100%;
  height:6%;
}
}

/*Mobile View - Surface Pro*/
@media only screen and (min-width:912px) and (max-width:1000px){
.contact-us-button {
  width:100%;
  height:5%;
}
}

/*Mobile View - Surface Duo*/
@media only screen and (min-width:540px) and (max-width:600px){
.contact-us-button {
  width:45%;
  height:7%;
}
}

/*Regular PC/Laptop View*/
@media only screen and (min-width:1000px){
.side-tab {
  position: fixed;
  top: 50%;                      /* center vertically */
  right: 0px;                    /* a few px in from the scrollbar */
  transform: translateY(-50%);   /* true centering */
  display: block;
  background-color: white;     /* customize to match your palette */
  color: black;
  text-decoration: none;
  padding: 20px 2px;
  font-family: Poppins;
  font-size: 36px;
  border-radius: 15px 0 0 15px;    /* rounded on the left edge */
  z-index: 1000;                 /* sit above most page content */

  /* vertical text via CSS3 (modern browsers) */
  writing-mode: vertical-rl;
  text-orientation: mixed;
  animation: tabglow 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  cursor:pointer;
}
}

.side-tab{
 	width:60px !important;   
}

a#faq-tab {
    height: 25%;
    text-align: center;
    width: 60px;
}   

.side-tab:hover{
 	color:#e68319 !important;   
}

/*Mobile view - Samsung A22 ~ Samsung A51*/
@media only screen and (max-width:600px){
.side-tab {
  position: fixed;
  top: 50%;                      /* center vertically */
  right: 0px;                    /* a few px in from the scrollbar */
  transform: translateY(-50%);   /* true centering */
  display: block;
  background-color: white;     /* customize to match your palette */
  color: black;
  text-decoration: none;
  padding: 20px 2px;
  font-family: Poppins;
  font-size: 30px;
  border-radius: 15px 0 0 15px;    /* rounded on the left edge */
  z-index: 1000;                 /* sit above most page content */

  /* vertical text via CSS3 (modern browsers) */
  writing-mode: vertical-rl;
  text-orientation: mixed;
  animation: tabglow 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  width:10%;
    height:auto;
    display:flex;
    justify-content:center;
    align-items:center;
}
}

/*Mobile View - Blackberry Playbook*/
@media only screen and (min-width:600px) and (max-width:1000px){
.side-tab {
  position: fixed;
  top: 50%;                      /* center vertically */
  right: 0px;                    /* a few px in from the scrollbar */
  transform: translateY(-50%);   /* true centering */
  display: block;
  background-color: white;     /* customize to match your palette */
  color: black;
  text-decoration: none;
  padding: 20px 2px;
  font-family: Poppins;
  font-size: 30px;
  border-radius: 15px 0 0 15px;    /* rounded on the left edge */
  z-index: 1000;                 /* sit above most page content */

  /* vertical text via CSS3 (modern browsers) */
  writing-mode: vertical-rl;
  text-orientation: mixed;
  animation: tabglow 1.5s ease-in-out infinite, slideInFromRight 0.8s ease forwards;
  width:8%;
    height:30%;
    display:flex;
    justify-content:center;
    align-items:center;
}
}

/*Mobile View - iPhone SE*/
@media only screen and (min-width:300px) and (max-width:375px){
.side-tab {
  font-size: 30px;
}
}

.side-tab-left{
 	left:0px !important;
    border-radius:0px 15px 15px 0px !important;
    right:unset !important;
}

.fira-med{
  font-family: "Fira Sans Condensed", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal; 
}

.fira-semibold{
  font-family: "Fira Sans Condensed", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal; 
}

.fira-reg{
  font-family: "Fira Sans Condensed", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal; 
}

.zpheading{
 	font-family:"Fira Sans Condensed" !important;   
}

.zpicon-heading{
 	font-family:"Fira Sans Condensed" !important;   
}

/*Scrubz font importing*/
@font-face{
 	font-family:'Fira Sans Condensed';
    src: url('fonts/FiraSansCondensed-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

.fira-sans-text{
 	font-family:'Fira Sans Condensed', serif;   
}

/*Call to action wipe*/
.cta-wipe {
  position: relative;
  background-color: #E68319;
  color: white;
  padding: 100px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  overflow: hidden;
}

.cta-wipe::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -80px;
  width: 150px;
  height: 150px;
  background-image: url('/homepage/icons/cta-icon-1.png'); /* 🔁 your icon path */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  animation: wipe-icon 6s ease-in-out infinite;
  opacity: 0;
}

@keyframes wipe-icon {
  0% {
    transform: translateX(0) translateY(-50%) rotate(-20deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    transform: translateX(110vw) translateY(-50%) rotate(20deg);
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    transform: translateX(110vw) translateY(-50%) rotate(20deg);
    opacity: 0;
  }
}

.link-text-white a{
 	color:white !important;   
}

.link-text-white a:hover{
 	color:#E68319 !important;   
}

.code-margin{
 	margin-top:0px !important;   
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-two-up {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: min-content;
    column-gap:24px;
    row-gap:0;
    width:100%;
  }

  .tablet-two-up > * {
    width: auto !important;
  }

.tablet-two-up .tp-img    { grid-column: 1; grid-row: 1; }
  .tablet-two-up .tp-text   { grid-column: 1; grid-row: 2; }
  .tablet-two-up .daily-img { grid-column: 2; grid-row: 1; }
  .tablet-two-up .daily-text{ grid-column: 2; grid-row: 2; }
}


@media only screen and (max-width:1000px){
 	.zpform-container .zpform-outer li .zpform-field-container.zpform-button{
     	justify-content:center;   
    }
}

@media only screen and (max-width:1000px){
 	.theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area.theme-responsive-menu .theme-menu>ul>li.menu-highlight-primary>a, .theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area.theme-responsive-menu .theme-menu>ul>li.menu-highlight-secondary>a{
     	margin-inline-start:5px;   
    }
}

@media only screen and (max-width:1000px){
 	::marker{
     	color:transparent;   
    }
}