button.pwa {
  position: fixed;
  bottom: 40px;
  right: 20px;
  padding: 10px 20px;
  font-size: 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

button.pwa:hover {
  background-color: #0056b3;
}

.ios-install-instructions {
  position: fixed;
  bottom: 30px;
  left: 10px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ios-install-instructions .share-icon {
  font-size: 1.5em;
  vertical-align: middle;
}














html, body{font-size: .9rem;scroll-behavior: smooth;}
	p.pfx-choice{-webkit-transform: perspective(200px) rotateX(-30deg);-o-transform: perspective(200px) rotateX(-30deg);-moz-transform: perspective(200px) rotateX(-30deg);-webkit-transform-origin: 0% 60%;-moz-transform-origin: 0% 60%;-o-transform-origin: 0% 60%;transform-origin: 0% 60%;}

	.border-md-start{border-left: 0px !important;}
	.border-sm-top{border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
	
	/* .card-post{
		height:100vh;
		display: flex;
		scroll-snap-align: start;
	}
	
	.feeds{
		scroll-snap-type: y mandatory;
		overflow-y: scroll;
		height: calc(100vh - 100px);
	} */
	
	
	/* .slider {
		overflow-y: hidden;
	}  */
	
	/* .slider {
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		display: flex;
	}
	
	.slider-section {
		scroll-snap-align: start;
		height:350px;
		min-width:100vw;
	} */
	
	
	.swipe {
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		display: flex;
		scrollbar-width: none; /* Hides scrollbar in Firefox */
	}
	
	.swipe::-webkit-scrollbar {
		display: none; /* Hides scrollbar in WebKit browsers */
	}
	
	.swipe-section {
		scroll-snap-align: start;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 5px; /* 5px margin between each image */
		
		background: linear-gradient(109.8deg, rgb(62, 5, 116) -5.2%, rgb(41, 14, 151) -5.2%, rgb(216, 68, 148) 103.3%); /* Gradient background for border effect */
		border-radius: 50%;
		padding: 3px;
		margin-bottom: 3px;
		
		/* background: linear-gradient(109.6deg, rgb(43, 1, 91) 13.4%, rgb(122, 2, 54) 100.2%);
		width:88px;
		height:88px;
		border-radius: 50%;
		padding: 3px; */
		
	}
	
	.swipe-section .gallery-img {
		/* border-radius: 50%;
		height: 88px;
		width: 88px;
		object-fit: cover; */
		
		
		border-radius: 50%; /* Make the image circular */
		height: 88px; /* Set the height of the image */
		width: 88px; /* Set width equal to height for a perfect circle */
		object-fit: cover; /* Ensure the image covers the circular space */
		padding: 3px; /* Padding around the image */
		background: #000; /* Gradient background for border effect */
		box-sizing: border-box; /* Include padding in size calculations */
		
		
		
	}

	
	
	
	
	/* Basic styles for the galleries */
	.slider-container {
		position: relative;
		margin-bottom: 0px; /* Space between multiple galleries */
	}
	
	/* Container for the horizontal scroll gallery */
	.slider {
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		display: flex;
		width: 100%; /* Ensures full width of the container */
		height: 100%; /* Adjust based on the container's height */
		box-sizing: border-box; /* Ensures padding and borders don't affect size */
		gap: 0; /* Removes any gap between images */
		scrollbar-width: none; /* Hides scrollbar in Firefox */
	}
	.slider::-webkit-scrollbar {
		display: none; /* Hides scrollbar in WebKit browsers */
	}
	
	/* Each slide/section */
	.slider-section {
		scroll-snap-align: start;
		flex: 0 0 100%; /* Ensure each section is full width */
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto; /* Ensures each section adjusts automatically */
		position: relative;
	}
	
	/* Ensures images fit correctly */
	.slider-section img {
		width: 100%; /* Full width of container */
		height: auto; /* Automatically adjusts the height while keeping the aspect ratio */
		object-fit: cover; /* Optional: Adjusts how the image fits (cover, contain, etc.) */
		display: block; /* Removes any inline spacing */
	}

	/* Container for the dots */
	.dots-container {
		display: flex;
		/* margin-left: auto;
		margin-right: auto; */
		justify-content: center;
		align-items: center;
		margin-top: 10px; /* Adjust space above the dots */
		/* position: absolute; */
		/* bottom: 15px;  */
		width: 100%; 
	}
	
	.dot {
		width: 5px;
		height: 5px;
		margin: 0 5px; /* Space between dots */
		background-color: #ddd; /* Inactive dot color */
		border-radius: 50%; /* Makes the dots circular */
		display: inline-block;
		cursor: pointer; /* Optional: changes cursor to pointer */
		transition: background-color 0.3s;
	}
	
	.dot.active {
		background-color: rgb(248,4,153); /* Active dot color */
	}

	
	
	
	
	a{text-decoration: none;}
	.text-pink, .text-magenta{color:rgb(248,4,153);}
	.navbar-brand img{max-height: 25px;}
	.bg-blur{backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
	.nav li.nav-item a{font-size: .9rem;padding: 2px 10px;}
	.small-1{font-size: .75rem;}
	.bg-black-gradient{background: linear-gradient(90deg, rgba(0,0,0,.8) 40%, rgba(255,255,255,1) 100%);}
	
	
	.emoji{
		cursor: pointer !important;
	}
	
	/* .filter-check:checked{
		border:2px solid rgb(255, 66, 104);
	} */
	
	/* input[type="radio"]:checked+label{ font-weight: bold; } */
	
	.filter-check+label{
		border:2px solid transparent !important;
	}
	
	.filter-check:checked+label{
		border:2px solid rgb(24, 169, 0) !important;
	}

	.img-background{background-position: bottom center;background-repeat: no-repeat;background-size: cover;}

	.h-20{height: 20px;}
	
	.size-3{
		width: .5rem;
		height: .5rem;
	}
	
	.size-4{
		width: .8rem;
		height: .8rem;
	}
	
	.size-5{
		width: 1rem;
		height:1rem;
	}
	
	.size-6{
		width: 1.5rem;
		height:1.5rem;
	}
	
	.size-7{
		width: 1.8rem;
		height: 1.8rem;
	}
	
	.size-8{
		width: 2rem;
		height: 2rem;
	}
	
	.size-9{
		width: 2.5rem;
		height: 2.5rem;
	}
	
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{text-transform: none;font-weight: 400 !important;letter-spacing: normal;}
	
	
	.right-inset{box-shadow: inset -30px 0 25px -7px rgba(0, 0, 0, 1);}
	.list-group-chats a{background-color: transparent;border-radius: 5px;font-size: 13px;}
	.list-group-chats a:hover{background-color: rgba(40, 40, 40, 1);}
	.list-group-chats a:hover span{box-shadow: inset -30px 0 25px -7px rgba(40, 40, 40, 1)}
	.outline-none{outline: none !important;box-shadow: none !important;border-color: #DFE2E6 !important;}
	.btn-assistant{border-top-color: #DFE2E6 !important;border-right-color: #DFE2E6 !important;border-bottom-color: #DFE2E6 !important;background-color: transparent !important;}
	.btn-assistant:hover{color: #000000;}
	
	.bg-hero-home{background-image: url('/static/images/pfx_hawk_trowel.png');background-position: right center;background-repeat: no-repeat;background-size: contain;}
	
	
	.article p {font-size: 1.18rem;line-height: 1.8rem;margin-bottom: calc(var(--bs-gutter-x) * .5);}
	.article p.lead {font-size: 1.18rem;line-height: 1.8rem;margin-bottom: calc(var(--bs-gutter-x) * 5)}
	.article h1 {color: #333333;font-weight: 400;padding-top:0px;padding-bottom: 0px;margin: 15px 0px 15px 0px;}
	.article h1 span{display: block;padding:4px 0px 4px 0px;color: #6F777B;font-weight: 400;font-size: 20px;}
	.article h2 {color: #0B0C0C;font-weight: 700;padding-top:0px;padding-bottom: 0px;margin: 0px;}
	.article h2 span{display: block;padding:4px 0px 6px 0px;color: #6F777B;font-weight: 400;font-size: 20px;padding-top: 0px;padding-bottom: 7px;}
	.article h3{}
	.article h4{}
	/* .article p.lead{margin-top:15px;line-height: 1.6;} */
	/* .article p{font-weight: 400;line-height: 1.8;} */
	/* .article p.small{} */
	
	.article blockquote{border-left: 5px solid #BFC1C3;}
	.article a{text-decoration: underline;}
	
	.article ul li, .article ul li a, .article ol li, .article ol li a  {font-size: 1.18rem;line-height: 1.8;}
	.article ul li, .article ol li{}
	
	.clearfix{display: block;clear: both;}
	
	.article .kb_chapter{margin: 0px 0px 15px 0px;padding: 0px 0px 20px 0px;display: block;clear: both;}
	.article .kb_chapter ol{margin: 0px;padding: 0px 35px;}
	.article .kb_chapter ol li{margin: 0px 0px;padding: 5px 0px;font-weight: 400;}
	.article .kb_chapter ol li a{text-decoration: none;}
	
	/* .article .kb_image{width:40%;float:right;margin-left:10px;} */
	
	.article p a{color: #005EA5;text-decoration: underline !important;}
	.article p a:hover{color: #2b8cc4;}
	.article p a:visited{color:#4c2c92;}

	
	
	.offcanvas{--bs-offcanvas-transition :transform 0.3s ease-in-out;}
	
	
	.row-black2{
		-webkit-transform: skewY(2deg);
		  -moz-transform: skewY(2deg);
		  -ms-transform: skewY(2deg);
		  -o-transform: skewY(2deg);
		  transform: skewY(2deg);
	}
	
	.navbar-brand-old{filter: grayscale(100%);}
	
	
	
	.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
		--bs-offcanvas-transition: transform 0.15s ease-in-out;
	}
	
	
	
	
	
	
.row-black{
-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  /* border-bottom: 5px solid #E43296; */
  
 
 /* background-image: url('/static/images/NELA-BLACK-EDITION-FINISHING-TROWEL.jpg');
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain; */
  
  
}
	
	.row-black2:before, .row-black2:after {
	  content: '';
	  width: 100%;
	  /* height: 100%; */
	  /* position: absolute; */
	  background: inherit;
	  z-index: -1;
	  top: 0;
	  transform-origin: left top;
	  transform: skewY(-3deg);
	}
	
	.row-black2:after {
	  bottom: 0;
	  transform-origin: left bottom;
	  transform: skewY(3deg);
	}
	
	
	.star{background-image: url(https://www.thamez.co.uk/assets/media/star-rating.png);width: 97px;height: 20px;display: inline-block;border: 0px solid #b3b3b3;vertical-align: middle;}
	.star-0-0{background-position: -156px 269px;}	
	.star-0-5{background-position: -156px 247px;}
	.star-1-0{background-position: -156px 225px;}	
	.star-1-5{background-position: -156px 204px;}
	.star-2-0{background-position: -156px 182px;}
	.star-2-5{background-position: -156px 160px;}
	.star-3-0{background-position: -156px 138px;}
	.star-3-5{background-position: -156px 116px;}
	.star-4-0{background-position: -156px 93px;}
	.star-4-5{background-position: -156px 71px;}
	.star-5-0{background-position: -156px 49px;}
	
	
	
	
	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
	.border-md-start{border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
	.border-sm-top{border-top: 0px !important;}
	}