body,
p h1 h2 h3 h4 h5 h6 {
	font-family: Montserrat
}
.floatnonedisplayblock{float:none !important;
display:block !important;}
.displayblock{display:block !important;}
.cta-button {
  display: inline-block;
  padding: 15px 30px;
  background-color: #ff5733; /* Bright color for visibility */
  color: #fff;
  margin: 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
.cta-button:hover {
  background-color: #e04e2a; /* Slightly darker on hover */
}
.colourblack{color: #000000;}
.width100inlineblock{width:100%;display: inline-block}
.clearboth{clear: both;}
.text-indent50px{text-indent: 50px;}
.width100padding50px{width: 100%; padding: 0 50px;}
.width100{width: 100%;}
.text-aligncenter{text-align: center;}
.imagehalfextra{float: none;padding-left: 10vw; padding-right: 10vw;    width: 47.5vw; 
/* max-width:700px; */
height: 300px; object-fit: contain;}
.displayinline-blockhieght5pxwidth100posrelgreen{display: inline-block;width: 100%;
    height: 5px;
    position: relative;
    background-color: #093;}
.font-size24px{font-size:24px;}
.font-size25px{font-size:25px;}
.font-size18px{font-size:18px;}
.width100padding05{
width: 100%; padding: 0 5%;}
.nodisplay{display:none}
.margin10px{margin: 10px}
.displayinlinefont-size24px{
display: inline;font-size: 24px;}
.greenfont-weightnormal{color: #093;font-weight: normal;}
.nomargin {
	margin: 0
}
/* Hide the images by default */
.mySlides {
  display: none;
}
.mySlides2 {
  display: none;
}
.displaynone{
  display: none !important;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 18px 18px;
  transition: 0.3s;
  font-size: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #7c868d;
  /* Optional: add box-shadow for visual effect */
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #148f2b ;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.positionfixedtop50left50transformtranslate-50-50z-index9999{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999;}
.slidedivheight{height:300px}
.slidedisplayinline{display: inline !important}
.font-sizeunset{font-size: unset;}
.font-weightbold{font-weight: bold;}
.nomarginpadding10px{margin: 0px !important;; padding: 10px;}
.padding5pxmargin0pxdisplayinline-block{padding:5px; margin:0px;    display: inline-block;}
.displayinline{display: inline}
.displayinlinepadding15px{display: inline; padding:15px;}
.displayinline-blockfloatinline-start{display: inline-block;
    float: inline-start;}
.padding-bottom10pxpadding-top10px{padding-bottom: 10px;padding-top: 10px;}
.width95padding050px{width: 95%; padding: 0 50px;}
.width100padding083px{width: 100%; padding: 0 83px;}
.font-weightboldfont-size29px{font-weight: bold; font-size: 29px;}
.padding10px{padding:10px}
.padding5px{padding:5px}
.heightauto{height: auto !important;}
.height200px{height: 200px !important;}
.height250px{height: 250px !important;}
.height34px{height:34px}
.width95{width:95%}
.width80{width:80%}
.margin20px{margin: 20px;}
.floatnone{float:none !important;}
.padding18pxfont-weightbold{padding:18px; font-weight:bold;}
.notext-decoration{text-decoration: none;}
.formbutton,
h1,
h2 {
	font-weight: 700
}

.video--enabled,
.video__button {
	cursor: pointer
}

span.headeremail::after {
	content: "Sales@akhter.co.uk"
}

span.phone::after {
	content: "+44 (0)1279 821200"
}

span.durabookemail::after {
	content: "Durabook@akhter.co.uk"
}

span.serviceemail::after {
	content: "Service@akhter.co.uk"
}

span.servicephone::after {
	content: "+44 7809 387424"
}

.casestudybutton {
	min-width: 200px;
	padding: 7px 22px;
	margin: 20px 0;
	border-radius: 50px;
	background: #093;
	display: inline-block;
	text-align: center;
	color: #fff
}

.form-control,
.textareaform {
	max-width: 50vw;
	min-width: 300px
}

.form-control {
	height: 40px;
	font-size: 20px;
	margin: 5px
}

.formbutton {
	font-size: 24px;
	padding: 10px;
	background-color: #093;
	color: #fff;
	border-color: #071
}

.textareaform {
	min-height: 100px
}

.hideform {
	display: none
}

.casetudyheight {
	height: auto
}

ul.threecolumns {
	columns: 3;
	display: inline-block;
	margin: 10px
}

.column2 {
	float: left;
	width: 25%;
	margin: 10px
}

.backgroundimage,
.headergraphicbackgroundimage {
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%
}

.blockquote {
	border-left-style: solid;
	border-left-width: 7px;
	padding-left: 20px;
	margin-bottom: 1em;
	margin-right: 1em;
	font-size: 1.235em;
	line-height: 1.5em;
	border-color: #093
}

li {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px
}

h1 {
	font-size: 34px;
	color: #093;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center
}

.headergraphic,
body,
p {
	font-size: 24px
}

.imagehalf {
	float: right
}

body,
html {
	min-width: 400px
}

.imagetext {
	display: grid;
	vertical-align: top
}

.backgroundimage {
	background-position: center
}

.headergraphicbackgroundimage {
	background-position: left bottom;
	min-height: 200px
}

.headergraphicdiv {
	padding: 0 50px;
	min-height: 270px
}

.headergraphic {
	color: #fff;
	background: #148f2b;
	padding: 40px 20px 20px;
	display: table;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.textdecoration{text-decoration:none;}
.textdecoration:hover, .green a:hover, green a {
    text-decoration: underline !important;}

.greenfont,
.greenfont a,
h3 {
	color: #093;
text-decoration:auto;
}

.one,
.one_fourth {
	display: contents;
	float: inline-start
}

.greenbackground {
	background-color: #093;
	padding: 20px
}
.greenbackground-nopadding {
	background-color: #093;
}

.white,
.white a {
	color: #fff !important
}

.blackborder {
	border: 4px solid #000
}

body {
	margin: 0
}

p a {
	text-decoration: none
}

p a:hover {
	text-decoration: underline
}

h3 a {
	text-decoration: none
}

h3 a:hover {
	text-decoration: underline
}
ul li:hover a {
	text-decoration: underline
}

h2 {
	font-size: 29px
}

h3 {
	font-size: 25px;
	font-weight: 400
}

.one {
	width: 100px;
	padding: 0 50px
}

.one_fourth {
	width: 25%;
	margin: 25px
}

.one_fourth2 {
	width: 24%;
	display: inline-block;
	float: inline-start;
	margin: 10px
}

.one_fourth3 {
	width: 33%;
	display: inline-block;
	float: inline-start;
	padding: 10px
}

.one_third,
.sidebar {
	width: 30%;
	float: inline-start
}

.one_fifth,
.one_third,
.one_thirdsector,
.one_thirdsector2,
.sidebar,
.three_fourth,
.two_fifth,
.two_third {
	display: inline-table
}

.one_fourthimage {
	margin: 0;
	height: auto;
	max-width: 500px;
	min-width: 210px;
	object-fit: contain
}

.one_fourthimage2,
.one_fourthimage3,
.one_halfimage {
	margin: 0;
	height: auto;
	max-width: 500px;
	min-width: 160px;
	object-fit: contain
}

.one_third {
	padding: 25px
}

.sidebar {
	background: #ffffff;
	padding: 0 15px 15px;
	margin-left: 15px;
	margin-top: 5px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.one_thirdsector {
	width: 33%;
	float: inline-start;
	padding: 25px;
	height: 800px
}

.one_thirdsector2 {
	width: 32%;
	padding: 25px
}

.one_thirdimage {
	padding: 0;
	height: auto;
	width: 100%;
	object-fit: contain
}

.two_third {
	width: 66%;
	float: inline-start
}

.one_fifth {
	width: 20%;
	float: inline-start
}

.three_fourth {
	width: 73%;
	float: inline-start
}

.two_fifth {
	width: 40%;
	float: inline-start
}

.one_half,
.three_fifth {
	display: inline;
	float: inline-start
}


.three_fifth {
	width: 60%
}

.one_half {
	width: 50%
}


.one_half2,
.one_half3,
.one_sixth {
	display: inline-block
}

.one_half2 {
	width: 44%;
	float: inline-start;
	margin: 10px
}

.one_half3 {
	width: 30%;
	float: inline-start;
	margin: 10px
}

.one_sixth {
	width: 16%
}

.one_sixthimage {
	margin: 0;
	height: auto;
	width: 100%;
	object-fit: contain
}

.whitespace {
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	float: none;
	height: 50px
}

.whitespace2 {
	clear: both;
	display: inline-block;
	width: 3%;
	position: relative
}

.whitespace3,
.whitespace4 {
	display: block;
	float: none;
	clear: both;
	position: relative
}

.whitespace3 {
	height: 1px
}

.whitespace4 {
	height: 0
}

@media only screen and (max-width:750px) {

	.one_sixth,
	.sidebar,
	.two_third {
		display: block;
		height: auto
	}

	.backgroundimage,
	.column2,
	.one_fifth,
	.one_fourth,
	.one_fourth2,
	.one_fourth3,
	.one_half,
	.one_half2,
	.one_half3,
	.three_fifth,
	.three_fourth,
	.two_fifth {
		width: 100%
	}

	.casetudyheight {
		min-height: auto
	}

	ul.threecolumns {
		columns: 1
	}

	.imagehalf {
		float: none;
		width: 100%;
		max-width: 300px
	}

	.one_fourthimage,
	.one_fourthimage2,
	.one_fourthimage3 {
		width: 100%;
		min-width: 100px;
		max-width: 300px
	}

	.one_halfimage {
		width: 100%;
		min-width: 100px;
		max-width: 600px
	}

	.one_sixthimage,
	.one_thirdimage {
		min-width: 50px;
		width: 100%
	}

	.greenbackground {
		padding: 10px
	}

	.one_third,
	.one_thirdsector,
	.one_thirdsector2 {
		width: 100%;
		display: block;
		padding: 2px 2px 20px;
		height: auto
	}

	.sidebar {
		width: 100%;
		margin-left: 0
	}

	.two_third {
		width: 100%
	}

	.one_sixthimage {
		max-width: 250px
	}

	.one_sixth {
		width: 100%;
		margin: 0 0 20px
	}
}

@media only screen and (min-width:751px) and (max-width:850px) {

	.one_fourth2,
	.one_half2 {
		width: 100%
	}

	.column2,
	.one_fourth3 {
		width: 50%
	}

	.column2 {
		margin: 0
	}

	.casetudyheight {
		min-height: 116px
	}
}

@media only screen and (min-width:751px) and (max-width:970px) {
	.column2 {
		width: 100%;
		margin: 0
	}

	.one_half3 {
		width: 43%
	}

	.one_fourth3 {
		width: 49%;
		float: none
	}

	.three_fifth,
	.three_fourth {
		width: 100%
	}

	.one_fourthimage {
		margin: 25px;
		max-width: 300px
	}

	.one_fourthimage2,
	.one_fourthimage3 {
		width: 25%;
		min-width: 140px;
		max-width: 300px
	}

	.one_halfimage {
		min-width: 140px;
		max-width: 300px
	}

	.one_thirdimage {
		padding: 0
	}

	.one_fifth,
	.one_third,
	.one_thirdsector,
	.one_thirdsector2,
	.two_fifth {
		width: 49%
	}

	.sidebar {
		width: 30%
	}

	.two_third {
		width: 66%
	}

	ul.threecolumns {
		columns: 2
	}

	.one_sixth {
		width: 50%;
		margin: 25px
	}

	.one_sixthimage {
		max-width: 250px
	}

	.textboxgrid {
		min-height: 785px
	}
}

@media screen and (max-width:970px) {
	.backgroundimage {
		background-image: none;
		background-color: #fff;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center right;
		display: inline
	}
}

@media screen and (min-width:851px) and (max-width:970px) {
	.casetudyheight {
		min-height: 87px
	}
}

@media screen and (min-width:971px) {
	.backgroundimage {
		background-color: #fff;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center right
	}

	.one_half3 {
		width: 43%
	}

	.one_fourthimage {
		width: 21%
	}

	.one_thirdimage {
		width: 100%
	}

	.one_sixthimage {
		margin: 0;
		min-width: 210px
	}

	.one_sixth {
		margin: 20px
	}
}

@media screen and (min-width:971px) and (max-width:993px) {
	.one_third {
		width: 33%;
		padding: 20px
	}
}

@media only screen and (min-width:971px) {
	.one_sixth {
		width: 16%;
		min-width: 260px
	}
}

@media only screen and (min-width:971px) and (max-width:1135px) {
	.textboxgrid {
		min-height: 918px
	}

	.casetudyheight {
		height: 60px
	}

	.three_fourth {
		width: 72%
	}

	.one_fifth,
	.three_fifth,
	.two_fifth {
		width: 100%
	}

	.one_fourthimage2,
	.one_fourthimage3 {
		width: 20%;
		margin: 0 9px
	}
}

@media only screen and (max-width:1266px) {
	.backgroundimage {
		display: inline
	}
}

@media only screen and (min-width:1136px) {
	.textboxgrid {
		min-height: 745px
	}

	.one_fourth2 {
		width: 24.431%
	}
}

@media only screen and (min-width:1314px) {
	.one_fourthimage2 {
		width: 45%;
		margin: 0 11px;
		min-width: 200px
	}

	.one_fourthimage3 {
		width: 79.2%;
		margin: 0;
		min-width: 240px
	}

	.one_halfhimage {
		width: 50%;
		margin: 0;
		min-width: 240px
	}
}

@media only screen and (min-width:1136px) and (max-width:1600px) {
	.casetudyheight {
		height: 60px
	}
}

@media only screen and (min-width:1136px) and (max-width:1314px) {

	.one_fourthimage3,
	.one_halfimage {
		margin: 0;
		min-width: 200px
	}

	.one_fourthimage2 {
		width: 45%;
		margin: 0
	}

	.one_fourthimage3 {
		width: 79.2%
	}
}

@media only screen and (max-width:1149px) {
	.imagetext {
		display: inline-block
	}
}

.column3 {
	float: left;
	width: 48%;
	padding: 22px
}

.row2 {
	display: flex;
	flex-wrap: wrap
}

.row2:after {
	content: "";
	display: table;
	clear: both
}

@media screen and (min-width701px) {
	.column3 {
		width: 48%;
		padding: 22px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		flex-direction: column
	}
}

@media only screen and (max-width:700px) {
	.column3 {
		width: 100%;
		text-align: center;
		padding: 10px
	}
}

.video {
	position: relative;
	width: 50vw;
	height: 0;
	padding-bottom: 28vw;
	background-color: #000
}

.video__link,
.video__media {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.video__media {
	border: none
}

.video__button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: none;
	padding: 0;
	width: 68px;
	height: 48px;
	border: none;
	background-color: transparent;
	transform: translate(-50%, -50%)
}

.video__button-shape {
	fill: #212121;
	fill-opacity: .8
}

.video__button-icon {
	fill: #fff
}

.video__button:focus {
	outline: 0
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
	fill: red;
	fill-opacity: 1
}

.video--enabled .video__button {
	display: block
}

@media only screen and (max-width:750px) {
	.video {
		width: 80%;
		padding-bottom: 50%
	}
}

img {
	pointer-events: none;

}