.codesnip {
    text-align: left
}

.wordbreak {
    overflow-wrap: break-word
}

.box {
    overflow-wrap: normal;
}

/*row background for review script on service pages */
.reviewbackground {
    background-color: white;
    border-radius: 15px !important;
}
    


/*below for blog tag list text colour */
.theme-blog-category-column .theme-blog-category-container .theme-blog-tag-list ul li a {
    color:#fff;
}

/*below for RSS text colour */
.theme-blog-category-column .theme-blog-category-container.theme-blog-rss-feed a span {
    color:#fff;
}

/*below for RSS subscribe width */
.theme-blog-category-column .theme-blog-category-container.theme-blog-rss-feed {
    width: 40%;
}

@media only screen and (max-width:768px){
 	.theme-blog-category-column .theme-blog-category-container.theme-blog-rss-feed{
        width:100%;
    }
}

/*Below for blog text centering on mobile*/

@media only screen and (max-width:768px){
 	.theme-blog-category-heading{
     	text-align:center;   
    }
}

@media only screen and (max-width:768px){
 	.theme-blog-category-column .theme-blog-category-container .theme-blog-category-list ul, .theme-blog-category-column .theme-blog-category-container .theme-blog-tag-list ul{
     	   justify-content:center;
    }
}

@media only screen and (max-width:768px){
 	.h4.theme-blog-heading{
     	text-align:center;   
    }
}

@media only screen and (max-width:768px){
 	.theme-blog-container{
     	text-align:center;   
    }
}

@media only screen and (max-width:1000px){
 	.theme-blog-part.theme-single-blog-header{
     	text-align:center !important;   
    }
}

@media only screen and (max-width:768px){
	.zpelement.zpelem-text{
     	text-align:center !important;   
    }
}

@media only screen and (max-width:768px){
 	.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left {
     	text-align:center;   
    }
}

@media only screen and (max-width:768px){
 	.zptext.zptext-align-left.zptext-align-mobile-left.zptext-align-tablet-left{
     	text-align:center;   
    }
}

/*Tablet centering*/

@media only screen and (min-width:768px) and (max-width:1000px){
 	.zpcol-md-5.zpcol-sm-12.theme-blog-category-column{
     	display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px){
 	.theme-blog-category-column .theme-blog-category-container .theme-blog-tag-list ul{
     	justify-content:center;   
    }
}

@media only screen and (min-width:768px) and (max-width:1000px){
 	.zpcol-md-7.zpcol-sm-12.theme-blog-container-column{
     	   display:flex;
        flex-direction:column;
        align-items:center;
        width:100%;
        text-align:center;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px){
 	.theme-blog-container-column .theme-blog-post-cover-image-container{
     	height:unset;   
    }
}

@media only screen and (min-width:768px) and (max-width:1000px){
 	img{
     	max-inline-size:500px;   
    }
}

/*Blog author section*/

@media only screen and (max-width:1000px){
	.theme-blog-author-cont{
 		flex-direction:row;
    	justify-content:center;
	}
}

@media only screen and (max-width:1000px){
 	.theme-single-post .theme-blog-container .theme-blog-part.theme-blog-single-post-footer .theme-single-blog-post-footer-content{
     	align-content:center;
        align-items:center;
    }
}

@media only screen and (max-width:1000px){
	.zpelement.zpelem-commentbox{
     	text-align:center;   
    }
}

@media only screen and (max-width:1000px){
 	.zpform-container .zpcomment-heading-prevnext-container{
     	justify-content:center;   
    }
}

@media only screen and (max-width:1000px){
 	textarea{
		text-align:center;
    }
}

@media only screen and (max-width:1000px){
 	input{
		text-align:center;
    }
}

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

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

/*below for blog column width */

.zpcol-md-5.zpcol-sm-12.theme-blog-category-column {
    width:100%;
}

/*blog page column alignment*/
.theme-blog-container-column.zpcol-md-7 {
    margin-block-start: 50px;
    width: 70%;
}

@media only screen and (max-width:768px){
 	.theme-blog-container-column.zpcol-md-7{
     	width:100%;   
    }
}

/*image alignment on blog list page */
.theme-blog-container-column .theme-blog-post-cover-image-container {
    padding-right: 60%;
}

@media only screen and (max-width:1000px){
 	.theme-blog-container-column .theme-blog-post-cover-image-container {
    padding-right: unset;
}   
}

/*blog post alignment */
.theme-blog-container-column .theme-blog-container .theme-blog-part.theme-blog-post-details {
   display: inline-block;
}

/*blog post tags text white */
.theme-single-post .theme-blog-container .theme-blog-part.theme-blog-single-post-footer .theme-single-blog-post-footer-content .theme-single-blog-tags .theme-single-post-tags-list a {
    color:#fff;
}

/*align header element text left in blog posts */
.theme-single-post .theme-blog-container .theme-blog-part.theme-single-blog-header {
    text-align: left;
    padding-inline: 15px;
}

/*Waiting time blink */
.waitingtime {	
  animation-name:blink;
  animation-duration:2s;
  animation-timing-function:ease-in;
  animation-iteration-count:Infinite;
  }

@keyframes blink{
  0%{color:white;}
  50%{color:#02172C;}
  100%{color:white;}
}

/*Booking form popup */
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 500px;
    text-align: center;
}

.close-button {
    float: right;
    font-size: 30px;
    cursor: pointer;
}


.reviewhero {
 z-index: 100 !important;
}

.boxgradient {
    background: linear-gradient(180deg, #000000, #C31E2E, #000000, #C31E2E, #000000, #C31E2E);
    background-size: 1200% 1200%;

    -webkit-animation: AnimationName 22s ease infinite;
    -moz-animation: AnimationName 22s ease infinite;
    -o-animation: AnimationName 22s ease infinite;
    animation: AnimationName 22s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 43%}
    50%{background-position:100% 58%}
    100%{background-position:0% 43%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 43%}
    50%{background-position:100% 58%}
    100%{background-position:0% 43%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 43%}
    50%{background-position:100% 58%}
    100%{background-position:0% 43%}
}
@keyframes AnimationName {
    0%{background-position:0% 43%}
    50%{background-position:100% 58%}
    100%{background-position:0% 43%}
}

.red-link-fix a{
    color:grey;
}

.red-link-fix a:hover{
    color:white;
}

/*Mobile View - iPhone XR ~ iPhone 12 Pro ~ iPhone 14 Pro Max ~ Pixel 7*/
@media only screen and (min-width:375px) and (max-width:430px){
.book-appointment-cta {
  width:100%;
  height:6%;
}
}

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

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

/*Mobile View - Surface Duo*/
@media only screen and (min-width:540px) and (max-width:600px){
.book-appointment-cta {
  width:100%;
  height:7%;
}
}/*Mobile View - Blackberry Playbook*/
@media only screen and (min-width:600px) and (max-width:1000px){
.book-appointment-cta {
  position: fixed;
  bottom: -1px;
  right: 0px;
  z-index: 9999;
  background: linear-gradient(135deg, #BF1D2D, #931623);
  color: #fff;
  font-weight: bold;
  padding: 12px 100px;
  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;
  width:100%;
  height:7%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
}


/*Mobile View - iPhone SE*/
@media only screen and (min-width:300px) and (max-width:375px){
.book-appointment-cta {
  position: fixed;
  bottom: -1px;
  right: 0px;
  z-index: 9999;
  background: linear-gradient(135deg, #BF1D2D, #931623);
  color: #fff;
  font-weight: bold;
  padding: 12px 100px;
  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;
  width:100%;
  height:7%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
}/*Regular PC/Laptop View*/
@media only screen and (min-width:1000px){
.book-appointment-cta {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  background: linear-gradient(135deg, #BF1D2D, #931623);
  color: #fff;
  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;
}
}

/*Mobile view - Samsung A22 ~ Samsung A51*/
@media only screen and (max-width:600px){
.book-appointment-cta {
  position: fixed;
  bottom: -1px;
  right: 0px;
  z-index: 9999;
  background: linear-gradient(135deg, #BF1D2D, #931623);
  color: #fff;
  font-weight: bold;
  padding: 12px 100px;
  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;
  width:100%;
  height:6%;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 10px rgba(191, 29, 45, 0.6);
  }
  50% {
    box-shadow: 0 0 20px rgba(191, 29, 45, 1);
  }
  100% {
    box-shadow: 0 0 10px rgba(191, 29, 45, 0.6);
  }
}

.book-appointment-cta:hover {
  color: #02172C;
}

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

@media only screen and (min-width:600px) and (max-width:1000px){
 	.img-col{
     	width:33%;   
    }
}

.growing-brand{
 	animation: growin 8s ease-in-out infinite;
}

@keyframes growin{
 	0%, 100%{
     	transform: scale(0.9);
        opacity:0.6;
    }
    50%{
     	transform: scale(1.05);
        opacity:1;
    }
}

@media only screen and (min-width:600px) and (max-width:1000px){
 	.service-col{
     	width:50%;   
    }
}

@media only screen and (max-width:1200px){
 	.zpaccordion-name{
     	text-align:center;   
    }
}