html{
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
	box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	scroll-behavior: smooth;}		
body{
	background:#fff;
	height:100%;
	min-height:100%;
	font-family:'Lato',Arial,sans-serif;
	font-size:14px;
	font-weight: 400;
	color:#444444;
	text-decoration: none;
	list-style: none;
}
	
*,*:before,*:after{margin:0;padding:0;text-decoration: none;list-style: none;box-sizing:border-box}
.clear,.clr:after{content:" ";float:none;clear:both;display:table}

@font-face {
  font-family: "UKNumberPlate";
  src: url("/parking-tickets/dhsc/sp4/fonts/UKNumberPlate.woff2") format("woff2"),
	   url("/parking-tickets/dhsc/sp4/fonts/UKNumberPlate.woff") format("woff"),
	   url("/parking-tickets/dhsc/sp4/fonts/UKNumberPlate.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.dhsc--txtbox{padding:30px 0;margin-top: 120px;}
.dhsc--txtbox h1,.dhsc--txtbox h2,.dhsc--txtbox h3{margin-bottom:2rem}
.dhsc--txtbox p{margin-bottom:1rem}
.dhsc-box2{margin:0 auto;width:96%;padding:0 10px}
.cont{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}
.error-message{
	color: #ff0404;
	font-size: 15px;
	line-height: 1.2px;
	margin-top: 20px;
}
.unselectable {
	-webkit-touch-callout: none; 
	user-select: none;
	-webkit-user-select: none;
}
/* ---Start Header------- */

.dhsc-hdrtp{width:100%;position:sticky;top:0;z-index:9999;}
.dhsc-hdrtp:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#292e32;}
.bg-show{background:#d7fcdd;box-shadow:0px 7px 7px 2px rgb(82 83 82);}
.dhsc-hdrtp1{margin-bottom:0;}
.dhsc-hdrtp2{width:100%;}

.dhsc-nav{display:flex;height:80px;width:100%;flex-direction:row;align-items:center;justify-content:space-between;position:relative;z-index:10001;}

label.logo-name{display:none;color:#3d3d3e;font-size:25px;line-height:60px;padding:0;padding-left:2px;}
label.logo-name:hover{color:#f9aa33;cursor:pointer;}
#check{display:none;}

label.logo-img{display:inline-block;z-index:11;}
label.logo-img img{vertical-align:middle;max-width:100%;height:45px;}
label.logo-desck-img{display:none;}
label.logo-desck-img img{vertical-align:middle;width:100%;max-width:160px;height:auto;}

.checkbtn{cursor:pointer;display:block;z-index:11;}
#logo-hdrmnu{font-size:32px;color:#bebebe;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease;cursor:pointer;}
label.checkbtn:hover #logo-hdrmnu{color:#4caf50;border:1px solid #fff;border-radius:3px;}
#check:checked + label.checkbtn #logo-hdrmnu{transform:rotate(90deg);color:#4caf50;}
#check:checked + label.checkbtn #logo-hdrmnu::before{content:"\eb99";font-family:"remixicon";}

/* MAIN NAV LIST (mobile overlay) */
.nav-list{
	position:fixed;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:25px;
	width:100%;
	background:#3b4248;
	top:80px;
	height:100vh;
	left:-100%;
	text-align:center;
	padding-bottom:10px;
	padding-top:15px;
	transition:all .3s;
	z-index:10000;
}
.nav-list li{display:flex;width:100%;align-items:center;justify-content:center;margin:0 auto;flex-direction:column;}
.nav-list li a{
	display:flex;
	font-size:20px;
	font-weight:normal;
	color:#e9e9e9;
	text-transform:capitalize;
	width:100%;
	transition:all 0.3s linear;
	justify-content:center;
	align-items:center;
	padding:20px 0;
	background-color:#4caf50;
}
.nav-list li a:hover{background:#292e32;color:#fff;font-weight:700;text-decoration:none;}
#check:checked ~ .nav-list{left:0;}

.home-pd{padding-top:50px;}

/* SERVICES BUTTON (inside main nav) */
.head-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:20px 0;
	background:#4caf50;
	border:0;
	color:#e9e9e9;
	font-size:20px;
	cursor:pointer;
	transition:all .3s linear;
}

.head-btn:hover{background:#292e32;color:#fff;font-weight:700;}

.head-arrow{
	margin-left:6px;
	font-size:24px;
	transition:transform .25s ease;
	display:inline-block;
}

/* Rotate when open */
.head-btn[aria-expanded="true"] .head-arrow{
	transform:rotate(180deg);
}


/* MOBILE SERVICES SUBMENU (accordion) */
.nav-service-list{
	width:100%;
	display:none;
	flex-direction:column;
	gap:0;
	padding:0;
	margin:0;
	background:#2f363c;
}
.nav-service-list li{width:100%;}
.nav-service-list li a{
	background:#2f363c;
	color:#e9e9e9;
	font-size:18px;
	padding:16px 0;
	border-top:1px solid rgba(255,255,255,.08);
}
.nav-service-list li a:hover{background:#292e32;color:#fff;font-weight:700;}
.nav-item-services.is-open .nav-service-list{display:flex;}

/* DESKTOP SERVICES ROW (Row 2 overlay) */
.dhsc-services-row{
	position:fixed;
	top:128px;
	left:0;
	width:100%;
	background: #525b62;
	z-index:9998; /* above page content, under nav-list overlay */
	opacity:0;
	transform:translateY(-10px);
	pointer-events:none;
	transition:opacity .2s ease, transform .2s ease;
	border-top:1px solid rgba(255,255,255,.08);
}
.dhsc-services-row.is-open{
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}
.dhsc-services-list{
	display:flex;
	flex-direction:row;
	gap:13px;
	align-items:center;
	justify-content:center;
	margin:0;
	padding:0px;
	list-style:none;
}
.dhsc-services-list li{display:inline-flex;}
.dhsc-services-list li a{
	display:inline-block;
	text-decoration:none;
	font-size:15px;
	color:#bebebe;
	font-weight:600;
	padding:10px 8px 10px;
	border-bottom:4px solid #bebebe;
	transition:.25s ease;
}
.dhsc-services-list li a:hover{
	background-color:#313f4b;
	color:#fff;
	border-bottom:4px solid #fff;
	text-decoration:none;
}

/* ---Start Home------- */

#dhsc-home{
	display: block;
	position: relative;
	background-image: url(/parking-tickets/dhsc/sp4/mbook/hero-mob.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	padding-top: 45px;
	min-height: 765px;
}
#dhsc-home::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}
.home-content{
	width: 100%;
	padding-bottom: 45px;
}
#dhsc-txt {}
#dhsc-txt h1{
	display: block;
	text-align: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	color: #fff;
	text-shadow: 0px 0px 2px #000, 0px 0px 8px #000;
	margin-top: 25px;
}
#dhsc-txt h2{
	display: block;
	text-align: left;
	position: relative;
	font-size: 2.5rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	text-shadow: 0px 0px 2px #000, 0px 0px 8px #000;
	margin-top: 0px;
}
#dhsc-txt h2 b{
	display: block;
}
#dhsc-txt h3{
	display: block;
	text-align: center;
	position: relative;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 0px 2px #000, 0px 0px 8px #000;
	margin-top: 20px;
}
#dhsc-txt p{
	display: block;
	text-align: center;
	position: relative;
	font-size: 14px;
	color: #fbfbfb;
	margin-top: 10px;
}

#dhsc-txt .btn-home{
	display: block;
	position: relative;
	margin-top: 40px;
	text-align: center;
	margin-bottom: 45px;
}
.btn-home a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	padding: 10px 25px;
	font-weight: 600;
	border-radius: 10px;
	background-color: #4caf50;
	height: 46px;
	width: 100%;
	max-width: 350px;
	min-width: 300px;
	border-radius: 8px;
	text-transform: capitalize;
}
.btn-home a:hover{
	/*background-color: #42cf4a !important;
	color: #ffffff;*/
	background-color: rgb(41 46 50 / 80%);
	border: 2px solid #4caf50;
}
.home-pd{
	padding-top: 50px;
}
/*--------End Home-------*/

#dhsc-service{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	padding-top: 45px;
	min-height: 700px;
}
#dhsc-service::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}
.dhsc-service-col1{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
	background-color: rgba(0, 0, 0, .75);
	padding: 30px 20px;
	color: #fff;
	max-width: 480px;
}
.dhsc-service-col1-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
}
.dhsc-service-col1-txt h3{
	display: block;
	font-size: 22px;
	line-height: 1.2;
	color: #ffc107;
}
.dhsc-service-col1-txt p{
	display: block;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #dadada;
}
.dhsc-form1{
	display: block;
	position: relative;
	width: 100%;
}
.dhsc-form-content{
	display: block;
	position: relative;
	width: 100%;
}
.dhsc-form-content label{
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.875rem;
	margin-bottom: 5px;
}
.search-field{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	max-width: 480px;
}
.search-field input{
	line-height: 1.25 !important;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 24px;
	height: 54px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	font-family: "UKNumberPlate";
	text-transform: uppercase;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	appearance: none;
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: none;
}
.dhsc-cta-btn{	}

.cta-btn{
	display: flex;
	border-radius: .25rem;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
	line-height: 1.25 !important;
	font-size: 30px;
	display: block;
	height: 54px;
	width: 65px;
	background-color: #4caf50;
	padding: 6px 12px;
	cursor: pointer;
	border: 1px solid #4caf50;
}
.cta-btn i{
	font-weight: 600;
}

/*===========================*/
/* ===== Services Section (new design) ===== */
#dhsc-services-premium{
	padding:70px 0;
	background:#f6f7f8;
}
#dhsc-services-premium .dhsc-services-head{
	text-align:center;
	margin:0 auto 80px;
}
#dhsc-services-premium .dhsc-services-head h2{
	margin:0 0 40px 0;
	font-size:38px;
	line-height:1.1;
	font-weight:900;
	color:#1e1f22;
	letter-spacing:-0.5px;
	font-size: 40px;
    line-height: 44px;
    text-align: center;
    color: #292e32;
}
#dhsc-services-premium .dhsc-services-head p{
	margin:0 auto;
	max-width:860px;
	font-size:16px;
	line-height:1.6;
	color:#4b5563;
	
}
#dhsc-services-premium .dhsc-services-head p strong{
	font-weight:900;
	color:#111827;
}
.dhsc-services-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap: 95px 40px;
	align-items:stretch;
}
.dhsc-service-card{
	position:relative;
	background:#fff;
	border-radius:26px;
	padding:46px 38px 34px;
	padding-bottom: 110px;
	box-shadow:0 18px 45px rgba(16,24,40,0.10);
	border:1px solid rgba(16,24,40,0.06);
	text-align:center;
}
.dhsc-service-icon{
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
	width:100px;
	height:100px;
	border-radius:999px;
	background:radial-gradient(circle at 30% 30%, #eaf7ec 0%, #dff1e2 65%, #d6ebda 100%);
	box-shadow:0 10px 22px rgba(16,24,40,0.10);
	display:flex;
	align-items:center;
	justify-content:center;
	border:6px solid #fff;
	
}
.dhsc-service-icon img{
	width:100px;
	height:100px;
	display:block;
	object-fit:contain;
}
.dhsc-service-card h3{
	margin:25px 0 8px 0;
	font-size:28px;
	line-height:1.15;
	font-weight:900;
	color:#1f2937;
	letter-spacing:-0.2px;
}
.dhsc-service-sub{margin:0 0 18px 0;font-size:18px;line-height:1.4;color:#374151;font-weight:600;}
.dhsc-service-note{margin:16px auto 0;max-width:420px;font-size:16px;line-height:1.6;color:#6b7280;font-weight:600;}
.dhsc-service-img{
	margin:18px 0 0;
	margin-bottom: 25px;
	display:flex;
	justify-content:center;
}
.dhsc-service-img img{
	width:100%;
	max-width:520px;
	height:230px;
	object-fit:cover;
	border-radius:18px;
	border:4px solid #48a23f; /* green edge like design */
	box-shadow:0 16px 36px rgba(16,24,40,0.12);
	display:block;
}
.dhsc-service-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:18px;
	min-width:170px;
	height:46px;
	padding:0 22px;
	position: absolute;
    bottom: 30px;
    transform: translateX(-50%);
	border-radius:10px;
	background:linear-gradient(180deg,#4fb04a 0%,#2f8f3a 100%);
	color:#fff;
	text-decoration:none;
	font-weight:900;
	font-size:16px;
	letter-spacing:0.2px;
	box-shadow:0 14px 28px rgba(47,143,58,0.22);
	transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dhsc-service-btn:hover{transform: translate(-50%, -3px);;box-shadow:0 18px 34px rgba(47,143,58,0.26);filter:saturate(1.05);}
.dhsc-service-btn:active{transform:translate(-50%, 0);}

.dhsc-services-box {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dhsc-services-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.dhsc-service-note,
.services-txt-content {
    max-width: 540px;
    margin: 0 auto;
}
.services-img-frame1 img,
.services-img-frame2 img {
    border: 3px solid #2e7d32;
    box-shadow: 0 10px 25px rgba(46,125,50,0.15);
}
.services-col1 h3 {
    font-weight: 500;
    color: #666;
}


@media screen and (max-width:1100px){
	#dhsc-services .dhsc-services-head h2{font-size:40px;}
	.dhsc-service-card{padding:44px 28px 110px;}
	.dhsc-service-card h3{font-size:26px;}
	.dhsc-service-img img{height:210px;}
}
@media screen and (max-width:850px){
	.dhsc-services-grid{grid-template-columns:1fr;gap:95px;}
	.dhsc-service-card{padding:44px 22px 110px;}
	.dhsc-service-img img{height:220px;max-width:560px;}
}
@media screen and (max-width:520px){
	#dhsc-services{padding:58px 0;}
	
	.dhsc-service-card h3{font-size:24px;}
	.dhsc-service-sub{font-size:15px;}
	.dhsc-service-img img{height:200px;border-width:3px;}
	.dhsc-service-btn{min-width:160px;height:44px;}
}





/*------- benefits--------*/
#benefits{
	padding: 80px 0;
	color: #222;
	background: #f8f8f8;
}
#benefits h2{
	text-align: center;
	font-size: 2.5rem;
	margin-bottom: 40px;
	font-weight: 600;
}
#benefits-box{
	display: flex;
	position: relative;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
#benefits-box>div{
	width: 100%;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	float: left;
	display: inline-block;
}
#benefits-box>div:first-of-type {
	margin-left: 0;
}
#benefits-box .benefits-arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:40px;
	color:#3786cb;
}
#benefits-box .benefits-arrow i{
	display:inline-block;
	transform:rotate(90deg);
	transition:0.3s;
}
.benefits-img{
	vertical-align: top;
	font-size: 16px;
	display: block;
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
	box-shadow: inset 0 0 10px 0 rgba(48,62,72,.3);
	background-color: #3786cb;
	width: 148px;
	height: 148px;
	padding: 2em;
	margin: 0 auto;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
.benefits-img img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
#benefits-box h3 {
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 700;
	display: block;
	text-align: center;
	vertical-align: top;
}
#benefits-box p{
	width: 100%;
	text-align: center;
	vertical-align: top;
	font-size: 16px;
	display: inline-block;
}

/*------- Company--------*/
#dhsc-company{
	display: block;
	position:relative;
	width: 100%;
}
.comp1{
	display: block;
	width: 100%;
	background-color: #dcdcdc !important;
	padding: 120px 0;
	
}
.comp2{
	display: block;
	width: 100%;
	background-color: #8e8e8e !important;
	padding: 120px 0;
	
}

.dhsc-title {
	display: block;
	text-align: center;
	margin-bottom: 25px;
}
.dhsc-title h2{
	display: block;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 25px;
}
.dhsc-title p{
	display: block;
	font-size: 16px;
	line-height: 24px;
	opacity: 1;
}
.comp-cont{
	display: block;
	width: 100%;
}
.comp-sect{
	display: flex;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 40px;
}
.comp-content{
	display: flex;
	position: relative;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 20px;;
}
.comp-ofer, .comp-ofer2{
	display: flex;
	background-color: #ffffff !important;
	border-radius: 6px;
	text-align: center !important;
	padding: 20px 15px;
	box-shadow: 0 2px 11px 2px #747474 !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 20px;
	width: 100%;
}
.comp-ofer2{
	box-shadow: 0 2px 11px 2px #f9ffc3 !important;
}
.comp-ofer h3, .comp-ofer2 h3{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.comp-list, .comp-list2{
	display: block;
	width: 100%;
}
.comp-list ul, .comp-list2 ul{
	display: flex;
	margin: 0 auto;
	text-align: left;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	width: 100%;
	gap: 15px;
}
.comp-list ul li, .comp-list2 ul li{
	display: flex;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	line-height: 18px;
}
.comp-list ul li:before{
	content: "\25C9";
	color: #4caf50;
	font-size: 18px;
	margin-right: 7px;
}
.comp-list2 ul li:before{
	content: "\25C9";
	color: #4caf50;
	font-size: 18px;
	margin-right: 7px;
}
.comp-list ul li b, .comp-list2 ul li b{
	padding-left: 10px;
}
.btn-comp, .btn-comp2{
	display: block;
	position: relative;
	width: 100%;
	margin: 60px auto 0px;
}
.btn-comp a{
	display: flex;
	background-color: #4caf50;
	height: 50px;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	padding: 8px 0;
	width: 100%;
	max-width: 400px;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
}
.btn-comp a:hover{
	background-color: #627ff8;
	color: #f7f7f7;
}

.btn-comp2 a{
	display: flex;
	background-color: #4caf50;
	height: 50px;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	padding: 8px 0;
	width: 100%;
	max-width: 400px;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
}
.btn-comp2 a:hover{
	background-color: rgb(242 247 180);
	color: #000;
}
.color1{color: #4caf50;}
.color2{color: #f9ffc3;}
.color3{color: #4caf50;}
.color4{color: #312f25;}

.mg-r{margin-right: 0;margin-left: 0;}
.mg-l{margin-right: 0;margin-left: 0;}
	
/*-------End Company-----*/

/* ===== ABOUT SECTION  ===== */

#dhsc-about{
	padding:100px 0;
	background:linear-gradient(180deg,#ffffff 0%,#f4f7f5 100%);
}
#dhsc-about .dhsc-about-wrap{position:relative;}
.dhsc-about-top{
	display:flex;
	flex-direction:column;
	gap:26px;
	align-items:stretch;
}
.dhsc-about-left{
	text-align:left;
}
.dhsc-about-title{
	margin:0 0 10px 0;
	font-size:40px;
	line-height:1.1;
	font-weight:900;
	color:#1e1f22;
	letter-spacing:-0.6px;
}
.dhsc-about-subtitle{
	margin:25px 0 18px 0;
	font-size:18px;
	line-height:1.4;
	color:#4b5563;
	font-weight:700;
}
.dhsc-about-text p{
	margin:0;
	font-size:16px;
	line-height:1.7;
	color:#374151;
	font-weight:600;
	max-width:680px;
}
.dhsc-about-highlights{
	margin-top:22px;
	display:grid;
	grid-template-columns:1fr;
	gap:14px;
}
.dhsc-about-highlight{
	background:#fff;
	border-radius:18px;
	padding:14px 14px;
	display:flex;
	gap:12px;
	align-items:flex-start;
	box-shadow:0 14px 32px rgba(16,24,40,0.08);
	border:1px solid rgba(16,24,40,0.06);
}
.dhsc-about-highlight-ic{
	width:46px;
	height:46px;
	flex:0 0 46px;
	border-radius:14px;
	background:radial-gradient(circle at 30% 30%, #eaf7ec 0%, #dff1e2 65%, #d6ebda 100%);
	display:flex;
	align-items:center;
	justify-content:center;
}
.dhsc-about-highlight-ic img{
	width:40px;
	height:40px;
	display:block;
	object-fit:contain;
}
.dhsc-about-highlight-txt h3{
	margin:2px 0 4px 0;
	font-size:16px;
	line-height:1.2;
	font-weight:900;
	color:#1f2937;
}
.dhsc-about-highlight-txt p{
	margin:0;
	font-size:13px;
	line-height:1.55;
	color:#6b7280;
	font-weight:600;
}
.dhsc-about-right{
	display:flex;
	justify-content:center;
}
.dhsc-about-hero{
	width:100%;
	max-width:720px;
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 18px 45px rgba(16,24,40,0.10);
	background:#fff;
}
.dhsc-about-hero img{
	width:100%;
	height:240px;
	display:block;
	object-fit:cover;
}

.dhsc-about-stats{
	margin-top:26px;
	display:grid;
	grid-template-columns:1fr;
	gap:16px;
}
.dhsc-about-stat{
	background:#fff;
	border-radius:22px;
	padding:18px 16px 16px;
	text-align:center;
	box-shadow:0 16px 38px rgba(16,24,40,0.08);
	border:1px solid rgba(16,24,40,0.06);
}
.dhsc-about-stat-ic{
	width:90px;
	height:90px;
	margin:0 auto 15px;
	border-radius:18px;
	background:radial-gradient(circle at 30% 30%, #eaf7ec 0%, #dff1e2 65%, #d6ebda 100%);
	display:flex;
	align-items:center;
	justify-content:center;
}
.dhsc-about-stat-ic img{
	width:80px;
	height:80px;
	display:block;
	object-fit:contain;
}
.dhsc-about-stat-num{
	font-size:32px;
	line-height:1;
	font-weight:900;
	color:#1f7a35;
	letter-spacing:-0.6px;
	margin:0 0 8px;
}
.dhsc-about-stat-title{
	font-size:14px;
	line-height:1.2;
	font-weight:900;
	color:#1f2937;
	margin:0 0 8px;
}
.dhsc-about-stat-desc{
	font-size:13px;
	line-height:1.55;
	color:#6b7280;
	font-weight:600;
	margin:0;
}

/*------ Start Info------*/

#dhsc-info{
	display: block;
	position: relative;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	background: #262d2f;
	color: #dfe5ff;
}
.dhsc-info-box{
	display: flex;
	vertical-align: top;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
	max-width: 570px;
}
.dhsc-info-title{
	margin-bottom: 55px;
	margin-top: 30px;
	margin-top: 30px;
	text-align: center;
}
.dhsc-info-title h2{
	display: inline-block;
	font-size: 28px;
	font-weight: 600;
	line-height: 34px;
	margin-bottom: 20px;
}
.dhsc-info-box span{
	display: block;
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 25px;
	line-height: 50px;
	font-weight: 500;
	color: #262d2f;
	background: #dfe5ff;
	border-radius: 50%;
	outline: 1px solid #dfe5ff;
	outline-offset: 2px;
}
.dhsc-info-adds{
	display: flex;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 15px;
}
.dhsc-info-adds h3{
	font-size: 16px;
	font-weight: 500;
}
.adv-content{
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 60px;
	gap: 50px;
}
.adv-h3{
	display: inline-block;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.adv-str{margin-left: 20px;}
.adv-p{
	text-align: left;
	font-size: 18px;
	margin-left: 20px;
}

/*------ End Info------*/
/*----------------------------*/

#dhsc-faqs {
	display: block;
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 100px 0;
}

.dhsc-faqs-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	position: relative;
	margin: 0 auto;
	gap: 30px;
}
.dhsc-faqs-colums{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	position: relative;
	margin: 0 auto;
	gap: 30px;
}
.dhsc-faqs-tile{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	max-width: 900px;
}
.dhsc-faqs-tile h2 {
	display: block;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	color: #318713;
	
	margin-bottom: 40px;
}
.dhsc-faqs-tile p {
	font-size: 18px;
	
	color: #1C1C1C;
	opacity: 0.9;
}
.dhsc-faqs-content{
	display: block;
	width: 100%;
	max-width: 900px;
}
.faq-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.faq-list li{}
.tips-sect{
	display: block;
	width: 100%;
}
.tips-sect h3{
	font-size: 22px;
	line-height: 1;
	text-align: center;
	border: 1px solid #4caf50;
	padding: 12px 0;
	background: #4caf50;
	color: #fff;
	border-radius: 6px;
	margin-bottom: 20px;
	margin-top: 25px;
}
.faq-question {
  background: white;
  border: 2px solid #4caf50;
  border-radius: 8px;
  padding: 15px;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #318713;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  transition: background 0.3s;
}

.faq-question.active {
	background-color: #4caf50;
	color: #fff;
}

.faq-question .faq-icon {
  transition: transform 0.3s ease;
  font-size: 1.2em;
}
.faq-question.active .faq-icon {
  transform: rotate(180deg);
}
.faq-answer {
	padding: 0 15px 15px;
	display: none;
	border-left: 2px solid #4caf50;
	border-right: 2px solid #4caf50;
	border-bottom: 2px solid #4caf50;
	border-radius: 0 0 8px 8px;
	color: #083858;
	margin-bottom: 15px;
}
.faq-answer p {
	font-size: 16px;
	
}
.faq-answer.show {
  display: block;
}

/*----------- Feature Section ----------*/

.dhsc-feature-section {
	background: #292e32;
	padding: 80px 0;
	text-align: center;
}
.dhsc-feature-wrapper {
  max-width: 1170px;
  margin: 0 auto;
}
.dhsc-feature-section h2 {
	display: block;
	font-size: 40px;
	line-height: 44px;
	text-align: center;
	color: #cecece;
	margin-bottom: 40px;
}
.dhsc-feature-section h3 {
	display: block;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	color: #cecece;
	margin-bottom: 20px;
}
.dhsc-feature-section p{
	font-size: 16px;
	margin-bottom: 15px;
	color: #cecece;
}
.dhsc-subtext {
	font-size: 16px;
	margin-bottom: 40px;
	color: #cecece;
}
.dhsc-feature-buttons {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.dhsc-btn-feature {
	background: #318713;
	color: #fff;
	padding: 12px 0;
	width: 100%;
	max-width: 600px;
	font-size: 18px;
	
	border-radius: 999px;
	text-decoration: none;
	transition: all 0.3s;
}
.dhsc-btn-feature:hover {
  background: #f76e0b;
}
.dhsc-feature-grid {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 60px;
	align-items: stretch;
	justify-content: center;
	padding: 0 20px;
}

.dhsc-feature-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 30px 15px;
	width: 100%;
	max-width: 300px;
	text-align: center;
	box-shadow: 0 3px 8px 1px #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.3s;
}

.dhsc-feature-icon {
	width: 100%;
	max-width: 110px;
	height: auto;
	border-radius: 50%;
	border: 1px solid #c9c9c9;
	box-shadow: 0px 0 8px 2px #c9c9c9;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 45px;
	overflow: hidden;
}
.dhsc-feature-numb {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: linear-gradient(310deg, #318713, #318713);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 45px;
	overflow: hidden;
}
.dhsc-feature-numb h4{
	font-size: 36px;
	
}

.dhsc-feature-icon img {
	 display: flex;
	width: 100%;
	padding: 7%;
	height: auto;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
}

.dhsc-feature-card h3 {
	font-size: 20px;
	line-height: 23px;
	
	margin-bottom: 20px;
	color: #1C1C1C;
}
.dhsc-feature-card p {
	font-size: 14px;
	color: #1C1C1C;
	line-height: 1.2;
}

/*-------Start Home Button----------*/
.to-top{
	position: fixed;
	display: inline-block;
	vertical-align: middle;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYUExURUdwTP///////////////////////////x1LVb4AAAAHdFJOUwClZYO4C0oMO1UAAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAcElEQVQoz73QKw6AMBAE0OHncbUkCCzhBDgst0CXEPb6dOlntz1Ax83kqUHVdGsxGJv3hmjMAZEtQE4MD4r8QBMH3ksRBlOriAM3sCTyA0CIB0ICEBJBJAlEIiAQAZ7gEMDkQS+AyY5h0z/MJyoE+ADnwSyyw1hPqQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #4caf50;
	border: 6px solid #4caf50;
	border-radius: 5px;
	width: 35px;
	height: 35px;
	float: right;
	right: 35px;
	cursor: pointer;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s ease;
}
.to-top.active{
	bottom: 55px;
	opacity:1;
	pointer-events:auto;
}
.to-top:hover{
	background-color: #000;
	border: 10px solid #000;
}
		
/*------- Finish Home Button--------- */

.col-left,.col-right{float:none}
.w-70,.w-60,.w-40,.w-30,.w-33, w-25,.w-50,.w-20,.w-80,.w-100{width:100%}
.dhsc-box3 p{margin-bottom:1em}
.dhsc-box3 h1{margin-bottom:1.2em}
.dhsc-box3 h2{margin-bottom:1em;color:#fff}
.dhsc-box3 h3{color:#fff}
.uppercase{text-transform:uppercase}
.in-div{display:inline-block}



@keyframes ani1{
	0%{transform: scale(0.80);}
	25%{transform: scale(0.85);}
	50%{transform: scale(0.90);}
	75%{transform: scale(0.95);}
	100%{transform: scale(1.00);}
}
@keyframes fromleft{
	0%{left:-50%;}
	100%{left: 0%;}
}
@keyframes fromright{
	0%{right:-50%;}
	100%{right: 0%;}
}
@keyframes top-up{
	0%{top:-50%;}
	100%{top: 0%;}
}
@keyframes scaleout{
	0%{transform: scale(0.5);}
	100%{transform: scale(1);}
}
@keyframes scalein{
	0%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@keyframes opasit{
	0%{opacity: .2;}
	100%{opacity: 1;}
}



.list1{
	display: block;
}
.list1 ul{
	display: block;
	list-style: none;
	padding-left: 25px;
	line-height: 1.8;
}
.list1 ul li{
	padding-left: 16px;
	font-weight: bold;			
	}
	
.list1 ul li::before{
	content: ""; 
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEVHcEwSm0MTm0MTm0MTm0QTm0QTm0QSmkMTm0QTm0QTm0MTm0QTm0UTm0MTm0QUmT0Um0MTm0QTm0MVmkUUnEQTnETzf+RMAAAAFnRSTlMAGtT7TPRuN7aawFo/hWoM8qDiMHtp2aWKiwAAAJ5JREFUKM91UlkWgzAIJJCQPUZb73/V1lfRVGW+IBNgWAB+MBzQOQzNwAgTCWsuJVekOFDWJS+2T92KzbSO4Uy8/yf7l1cejGtwAfetzpzghhS/AbTX9fN0EJ4MMIpkxFMoNghVnCksL7FrgCWfqePRQkZwZSj6FuXFaUQH1FKpxRW5q94gRGUkYDo/D1Ed+7CZm2v782r1Y9iodjmfD2HlBXYxzEFdAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 27px;
	background-position: left;
}	



/*---------Start Contact-------- */

#dhsc-contact{color: #9d9bff;width: 100%;margin: 0 auto;margin-top:10px;}
#dhsc-contact h4{font-size: 1em;font-weight: 400;margin: 5px auto;}
#dhsc-contact p{font-size: 0.75em;font-weight: 300;margin: 5px auto;}
.info-box{width: 100%; max-width: 100%; display: block;margin: 10px auto; padding: 10px; text-align: center; background-color: #fff; font-size: 1rem; font-weight: 400; color: #333; background-clip: padding-box; border: 1px solid #ced4da;
	border-radius: 5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow: 0 0 30px rgb(214 215 216 / 60%);box-sizing: border-box;}
.box-1{width: 100%; height:475px; max-width: 100%; display: block; margin: 5px auto; padding: 10px; text-align: center; background-color: #fff; font-size: 1rem; font-weight: 400; color: #333; background-clip: padding-box; border: 1px solid #ced4da;
	border-radius: 5px; /*transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow: 0 0 30px rgb(214 215 216 / 60%);*/ box-sizing: border-box;}
.box-2{width: 100%; height:420px; max-width: 100%; display: block; margin: 5px auto; padding: 10px;text-align: center; background-color: #fff; font-size: 1rem; font-weight: 400; color: #333; background-clip: padding-box; border: 1px solid #ced4da;
	border-radius: 5px; /*transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow: 0 0 30px rgb(214 215 216 / 60%);*/ box-sizing: border-box;}
	
#dhsc-contact .form-box{width: 100%; max-width: 100%; display: block; margin: 5px auto;padding: 5px 5px; padding-left:10px; font-size: 14px; line-height: 1.3; background-color: #fff; font-weight: 400; color: #333;
	background-clip: padding-box;border: 1px solid #ced4da;border-radius: 5px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;box-shadow: 0 0 30px rgb(214 215 216 / 60%);box-sizing: border-box;}
#dhsc-contact img{width: 45px;height: auto;border: none;margin: 0 auto;padding: 5px;}

#btn-contact{display: inline-block; height: 40px; margin: 0 auto; margin-top: 15px; transition: .2s; width: 200px;}
#btn-contact input{width: 100%; display: inline-block; height: 35px; position: relative; color: #fff; vertical-align: middle; border: none; background: #080808; font-size: 16px; margin: 0 auto; opacity: 0.8;}
#btn-contact input:hover{opacity:1;}
#btn-contact a {font-weight: 400; font-size: 16px; text-align: center; line-height: 40px; color: #fff ;display: block; width: 100%; background: #080808; opacity: 0.8;}
#btn-contact a:hover{opacity:1;}

.social-medias{display:block;position:relative;margin:0 auto;padding:0;}
#dhsc-contact .social-img{width: 40px;height: auto;border: none;margin: 0 auto;padding: 5px;}
#dhsc-contact .social-img:hover {transform: scale(1.2);transform-style: preserve-3d;transition-duration: .3s;transition-timing-function: linear;transform-origin: bottom;}
#dhsc-contact ul{margin: 0 auto;}
#dhsc-contact ul li{display: inline-block;}
#dhsc-contact ul li a{padding: 0 4px;margin: 0;font-size: 0.75rem;text-align: center;font-weight: 400;color: #9d9bff;}

.dhsc-axfrm{display:block;margin:0 auto;width:100%;font-size:1.2rem;padding-top: 15px;}
.dhsc-axfrm input{height:39px;margin-bottom:20px;	width:100%}
.dhsc-axfrm input[type=text],.dhsc-axfrm input[type=email],
.dhsc-axfrm input[type=password],
.dhsc-axfrm input[type=tel],
.dhsc-axfrm select, .dhsc-axfrm textarea{font-family: inherit;padding:15px 20px;width:100%;border:1px solid #414143; border-radius:6px; -webkit-border-radius:6px}
.dhsc-axfrm input[type=text]:focus,.dhsc-axfrm input[type=password]:focus,
.dhsc-axfrm input[type=tel]:focus,.dhsc-axfrm select:focus,
.dhsc-axfrm textarea:focus{outline:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.dhsc-axfrm textarea{overflow:auto;height:120px;}

.dhsc-axfrm input[type="checkbox"]{width:275px;font-family:verdana,sans-serif;font-size:12px;color:#a9a9a9;border:1px solid #d3d3d3;padding:1px 4px;margin-bottom:0;border-radius:2px;-webkit-border-radius:2px;border:1px solid darkred;
	background-color:#fae5e5;width:20px;vertical-align:middle}
	
::-webkit-input-placeholder{font-family:inherit,Arial,sans-serif}
::-moz-placeholder{font-family:inherit,Arial,sans-serif}
:-ms-input-placeholder{font-family:inherit,Arial,sans-serif}
input:-moz-placeholder{font-family:inherit,Arial,sans-serif}
::-webkit-textarea-placeholder{font-family:inherit,Arial,sans-serif}
:-ms-textarea-placeholder{font-family:inherit,Arial,sans-serif}
textarea:-moz-placeholder{font-family:inherit,Arial,sans-serif}

.dhsc-axfrm .btn{width:100%;background:#333!important;font-size:14px;padding:10px 30px;height:auto;font-weight:300;margin-right:0}
#dhsc-axfrm h5{font-weight:normal;font-size:12px;color:#ffffff;}
#dhsc-axfrm ul{list-style:none;margin-bottom:2rem}
#dhsc-axfrm ul li:before{content:"- "}

/*-------End Contact--------*/

/*-------Start Footer -------*/

#dhsc-footer{
	background-color: #292e32;
	color: #c8c8c8;
	font-size: 13px;
	font-weight: 300;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}
#dhsc-footer h3{
	font-size: 18px;
	line-height: 1.3;
	font-weight: normal;
	padding: 5px 0 3px 0;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
#dhsc-footer h4{
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	line-height: 1.3;
	font-weight: normal;
	padding: 5px 0 3px 0;
	text-align: center;
	margin-bottom: 10px;
}
#dhsc-footer p{
	line-height: 1.5;
	font-weight: 400;
	padding:5px 0 3px 0;
	text-align: center;
}
#dhsc-footer p span{
	line-height: 1.5;
	font-size:12px;
	text-align: center;
}
#dhsc-footer ul{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
	gap: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
}
#dhsc-footer ul li{
	font-size: 14px;
	font-weight: 400;
}
#footer-list {
	width: 100%;
	padding: 14px 0;
	margin-bottom: 7px;
	margin-top: 25px;
}
#footer-list ul{
	display: flex;
	margin: 0 auto;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
#footer-list ul li{
	display: inline-block;
	padding: 0;
	margin: 0;
}
#footer-list ul li a{
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: #b3bdc6;
	line-height: 1;
	padding: 3px 10px;
	transition: all 0.3s ease-in-out;
}
#footer-list a:hover{
	color: #f9ffc3;
	background-color: #4caf50;
}
.ft-p{
	font-size:1rem;
}

.secure-checkout{
	background:#f5f6f7;
	padding:25px 20px;
	text-align:center;
	border-top:1px solid #e5e7ea;
}

.secure-checkout p{
	margin:0 0 25px 0;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#333;
}

.payment-logos{
	display:flex;
	justify-content:center;
	justify-content:center;
	align-items:center;
	gap:35px;
	flex-wrap:wrap;
}

.payment-logos img{
	height: 40px;
    opacity: 0.95;
	transition:all 0.3s ease;
}

.payment-logos img:hover{
	opacity:1;
	transform:scale(1.05);
}


 /*-------End Footer-------*/
 
/*--------Start Cookies------*/

#dhsc-fxcookie{
	padding:1rem;
	background-color: rgb(38 45 47);
	opacity: 1; 
	color: #eeeeee; 
	width:100%; 
	text-align:center; 
	position:fixed; 
	bottom:5px; 
	box-shadow:0 -1px 3px rgba(0,0,0,.3)
}
#dhsc-fxcookie>div{position:relative; padding:0 10px}
#dhsc-fxcookie span{font-size:11px; display:inline-block; vertical-align:middle}
#dhsc-fxcookie span a{color:#efeff5; text-decoration: underline;}
#dhsc-fxcookie>div:after{content:"x"; vertical-align:middle;position:absolute;right:-5px;top:-5px;cursor:pointer;color: #efeff5;
	border:1px solid #efeff5;padding:0 5px;border-radius:2px;opacity:.7;font-size:10px;line-height:1;padding-bottom:2px;padding-top:1px}
#dhsc-fxcookie .btn{display:block; width:95px; line-height:1; background:none; margin:0 auto; margin-top:10px; padding: 3px 0; border:1px solid #efeff5; border-radius: 2px; font-size:12px; color:#efeff5; cursor: pointer;}
	
/*------End Cookies-------*/

/*-------------Animation ------------*/

@keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } }
@-webkit-keyframes pulse{from{ -webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%{ -webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
15%{ -webkit-transform:scale3d(0.90,0.90,0.90);transform:scale3d(0.90,0.90,0.90)}40%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{from{transform:scale3d(1,1,1)}10%{transform:scale3d(1.05,1.05,1.05)}
15%{transform:scale3d(0.90,0.90,0.90)}40%{transform:scale3d(1,1,1)}to{transform:scale3d(1,1,1)}
}
@-webkit-keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}

.pulse{
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-webkit-animation-name: pulse;
}
.pulse-once{
	animation-iteration-count: 1;
	animation-duration: 3s;
	animation-name: pulse;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pulse;
}
.pulse-once-smooth{
	animation-iteration-count: 1;
	animation-duration: 2s;
	animation-name: pulseSmooth;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 2s;
	-webkit-animation-name: pulseSmooth;	
}




@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  }

  40%, 43% {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
  }

  70% {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
  }

  90% {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  }

  40%, 43% {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
  }

  70% {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
  }

  90% {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
  }
}
.sAnim{
	animation:  bounce 1.4s ease-out 7 forwards;
	-webkit-animation:  bounce 1.4s ease-out 7 forwards;
}
@keyframes blink {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes blink {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/*-------------Animation ------------*/

/* Media querry */
/*@media screen and (min-width:320px){
.dhsc-hdrtp{font-size:16px}
}*/

@media screen and (min-width:641px){
#dhsc-banner h1{font-size: 1.6rem;}
#dhsc-home {padding-top: 175px;}

/*------Footer-----*/
#dhsc-footer{font-size:14px;font-weight: 400;}
#dhsc-footer p{line-height:1.6;}
#dhsc-footer p span{font-size:13px;}	
#footer-list ul li{display:inline-block;padding:0;margin:0;}
#footer-list ul li a{margin:0 5px;line-height:1.5;}

}
/* On mobile: disable desktop row */
@media screen and (max-width:766px){
	.dhsc-services-row{display:none;}
}
@media screen and (min-width:767px){
	/* ---Start Header------- */
	
	/* show logo name if needed */
	label.logo-name{display:inline-block;}
	label.logo-img{display:inline-block;}
	label.logo-desck-img{display:inline-block;}

	/* MAIN NAV becomes desktop dropdown panel (Row 1 overlay) */
	.nav-list{
		position:fixed;
		display:flex;
		flex-direction:row;
		align-items:center;
		gap:13px;
		width:100%;
		background:#3b4248;
		top:-55px;
		left:0;
		height:unset;
		text-align:center;
		padding:0;
		opacity:0;
		justify-content:center;
		transition:all .3s;
	}
	#check:checked ~ .nav-list{
		top:80px;
		opacity:1;
		padding-bottom: 4px;
	}

	.nav-list li{display:inline-flex;border:none;margin:0;padding:0;width:auto;flex-direction:row;}
	.nav-list li a{
		display:inline-block;
		text-decoration:none;
		font-size:15px;
		background:unset;
		border-radius:0;
		color:#bebebe;
		font-weight:600;
		text-transform:capitalize;
		padding:10px 8px 12px;
		border-bottom:4px solid #bebebe;
	}
	.nav-list li a.active,.nav-list li a:hover{
		background-color:#4caf50;
		text-shadow:none;
		color:#fff;
		font-weight:600;
		border-bottom:4px solid #fff;
		transition:.3s;
	}

	/* Desktop: Services button should look like other links */
	.head-btn{
		display: flex;
        align-items: center;
        width: auto;
        background: unset;
        color: #bebebe;
        font-size: 15px;
        font-weight: 600;
		height: 44px;
        padding: 10px 8px 12px;
        border-bottom: 4px solid #bebebe;
	}
	.head-btn:hover{
		background-color:#4caf50;
		color:#fff;
		border-bottom:4px solid #fff;
	}

	/* Desktop: hide the mobile accordion submenu */
	.nav-service-list{display:none!important;}
	.nav-item-services.is-open .nav-service-list{display:none!important;}

	/*--------End Header--------*/
	
	#dhsc-home{
		background-image: url(/parking-tickets/dhsc/sp4/mbook/hero-desk.jpg);
		padding-top: 25px;
		padding-bottom: 0;
		min-height: unset;			
	}
	#dhsc-home::before {
		inset:0;
		pointer-events:none;
		background: linear-gradient(
		  to right,
		  rgba(0,0,0,1) 0%,
		  rgba(0,0,0,1) 5%,
		  rgba(0,0,0,0.1) 100%
		);
	}
	.home-content{
		width: 60%;
		padding-bottom: 55px;
	}
	#dhsc-txt {
		text-align: left;
	}
	#dhsc-txt h1{
		text-align: left;
		font-size: 2.5rem;
		margin-top: 25px;
	}
	#dhsc-txt h2{
		text-align: left;
		font-size: 2.5rem;
		margin-top: 40px;
	}
	#dhsc-txt h2 b{	}
	#dhsc-txt h3{
		text-align: left;
		font-size: 22px;
		margin-top: 30px;
	}
	#dhsc-txt p{
		text-align: left;
		font-size: 1rem;
		margin-top: 10px;
	}

	#dhsc-txt .btn-home{
		margin: 50px auto;
		text-align: center;
		margin-bottom: 70px;
	}
	.btn-home a{
		height: 46px;
		font-size: 20px;
		line-height: 1;
		max-width: 350px;
		margin-left: 0;
	}
	.home-pd{
		padding-top: 100px;
	}
	#dhsc-service{
		min-height: unset;
	}
	.dhsc-car-valuation {
		padding-top: calc(70px + 3vw);
		padding-bottom: calc(70px + 3vw);
	}
	#dhsc-service::before {
		inset: 0;
		pointer-events: none;
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 8%, rgba(0, 0, 0, 0.1) 100%);
	}
			
	/*--------End Home-------*/
	#benefits{
		padding: 120px 0;
	}
	#benefits-box{
		/*background-image: linear-gradient(to right,#eee 1px,transparent 1px,transparent);*/
		background-size: 49.99% 50px;
		flex-direction: row;
		align-items: flex-start;
	}
	#benefits-box>div{
		width: 50%;
	}
	#benefits-box .benefits-arrow{
		font-size:40px;
		transform: translateY(-30px);
	}
	#benefits-box .benefits-arrow i{
		transform: rotate(0deg) translateY(85px);
	}

	/*------- Company--------*/
	#dhsc-company{}
	.comp1{
		display: block;
		width: 100%;
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.comp2{
		display: block;
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.dhsc-title {
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}
	.dhsc-title h2{
		display: block;
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 40px;
	}
	.dhsc-title p {
		font-size: 18px;
		line-height: 30px;
	}

	.comp-cont{
		display: block;
		width: 100%;
		margin-bottom: 60px;
		padding-top: 30px;
	}
	.comp-sect{	}
	.comp-content{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	.comp-ofer, .comp-ofer2{
		width: calc(50% - 20px);
		padding: 25px 20px;
	}
	.comp-ofer h3, .comp-ofer2 h3{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.comp-list{
		display: block;
		width: 100%;
	}
	.comp-list ul, .comp-list2 ul{
	}
	.comp-list ul li, .comp-list2 ul li{
		font-size: 18px;
		line-height: 24px;
	}
	.comp-list2{
		display: block;
		width: 100%;
	}

	.btn-comp, .btn-comp2{
		
	}
	.btn-comp a, .btn-comp2 a{
		font-size: 22px;
		height: 56px;
		max-width: 450px;
	}

	.mg-r{margin-right: 20px;margin-left: 50px;}
	.mg-l{margin-right: 50px;margin-left: 20px;}
		
	/*-------End Company-----*/
	/*-------About-----*/

	#dhsc-about{padding:80px 0;}
	.dhsc-about-top{flex-direction:row;gap:46px;align-items:flex-start;}
	.dhsc-about-left{flex:0 0 48%;}
	.dhsc-about-right{flex:1;justify-content:flex-end;}
	.dhsc-about-hero{max-width:680px;border-radius:28px;}
	.dhsc-about-hero img{height:320px;}

	.dhsc-about-title{font-size:44px;}
	.dhsc-about-subtitle{font-size:18px;margin-bottom:22px;}
	.dhsc-about-text p{font-size:15px;}

	.dhsc-about-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;}
	.dhsc-about-highlight{padding:16px 16px;border-radius:20px;}
	.dhsc-about-highlight-ic{width:50px;height:50px;flex:0 0 50px;border-radius:16px;}
	.dhsc-about-highlight-ic img{width:28px;height:28px;}
	.dhsc-about-highlight-txt h3{font-size:17px;}
	.dhsc-about-highlight-txt p{font-size:13px;}

	.dhsc-about-stats{margin-top:34px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
	.dhsc-about-stat{padding:22px 16px 18px;border-radius:24px;}
	.dhsc-about-stat-num{font-size:36px;}

	/*------ Start Info------*/

	#dhsc-info{
		display: block;
		position: relative;
		text-align: center;
		padding-top: 60px;
		padding-bottom: 30px;
		
	}
	.dhsc-info-box{
		display: flex;
		vertical-align: top;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		/* margin-bottom: 50px; */
		max-width: 570px;
		gap: 25px;
		padding: 0 20px;
	}
	.dhsc-info-title{
		margin-bottom: 80px;
		margin-top: 30px;
		text-align: center;
	}
	.dhsc-info-title h2{
		display: inline-block;
		font-size: 2rem;
		line-height: 1.3;
		
	}
	.dhsc-info-box span{
		display: block;
		position: relative;
		text-align: center;
		width: 50px;
		height: 50px;
		font-size: 25px;
		line-height: 50px;
		font-weight: 500;
		
	}
	.dhsc-info-adds h3 {
		font-size: 18px;
		font-weight: 600;
	}
	.adv-content{
		display: flex;
		width: 100%;
		flex-direction: row;
		align-content: center;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		margin-bottom: 90px;
	}

	.adv-h3{
		display: inline-block;
		position: relative;
		text-align: center;
		margin: 0 auto;
	}
	.adv-str{margin-left: 20px;}
	.adv-p{
		margin-left: 0;
	}

	/*------ End Info------*/

	.col-left,.col-right{float:left}
	.col-left-strict{float:left}
	.col-right-strict{float:right}

	.pad-left{padding-left:5px;}
	.pad-right{padding-right:5px;}
	.w-100{width:100%}
	.w-80{width:80%}
	.w-70{width:70%}
	.w-60{width:60%}
	.w-50{width:50%}
	.w-40{width:40%}
	.w-33{width:33.333333%}
	.w-30{width:30%}
	.w-25{width:25%}
	.w-20{width:20%}

	pad-bt{
		padding-top:10px; padding-bottom:25px;
	}

	/*--------Start Footer--------*/

	#dhsc-footer{font-size:15px;font-weight: 400;}
	#footer-list {width: 100%;}
	#footer-list ul{padding: 6px 0 8px 0;}
	#dhsc-footer p{padding:5px 0 10px 0;text-align: center;}
	#dhsc-footer p span{font-size:14px;text-align: center;}
	#footer-list ul li{display:inline-block;padding:0;margin:0;}
	#footer-list ul li a{margin:0 5px;line-height:1.5;font-size:16px}

	/*--------End Footer----------*/
	.dhsc-feature-card {
		width: calc(50% - 40px);
		min-width: 340px;
		max-width: 360px;
	}
	.dhsc-service-col1-txt p {
		font-size: 1rem;
	}

}

@media screen and (min-width:992px){
	.dhsc-box2{width:970px}
	#dhsc-banner h1{font-size: 2rem;}	
	#dhsc-documents p,#dhsc-news p{line-height: 1.5;font-size: 17px;}		
	#gallery-content{width:60%;}

	#about-sect2{
		flex-direction: row;
	}
	.ab-sec1 {margin:0;}
	#about-sect2 .ab-sec3 {
		display: block;
		position: relative;
		width: 100%;
		max-width: 130px;
		margin: 0 5px;
	}
	#about-sect2 .btn-about{bottom: 6px;}

	#about-sect2 .btn-about a{width: 75px; padding: 2px 0;	border-radius: 3px;	font-size: 12px;}
	#about-sect2 .ab-p{top: 62px;}
}

@media screen and (min-width:1200px){
	.dhsc-box2{width:1170px}
	
	#dhsc-company{}
	.comp1{
		display: block;
		width: 100%;
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.comp2{
		display: block;
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.dhsc-title {
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}
	.dhsc-title h2{
		display: block;
		font-size: 2.3rem;
		font-weight: 600;
		margin-bottom: 40px;
	}
	.dhsc-title p{
		display: block;
		font-size: 1.2rem;
		line-height: 1.3;
		opacity: 0.8;
	}
	.dhsc-feature-card {
		width: calc(25% - 40px);
		min-width: 230px;
		max-width: 450px;
	}
	.dhsc-about-title{font-size:50px;}
	.dhsc-about-hero img{height:360px;}
	.dhsc-about-stats{gap:22px;}

}
@media screen and (min-width:1400px){

}

/*========== loading spiner =============*/
#loading-spinner {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0);
	z-index: 1000;
	margin: 0 auto;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.95);
	animation: fadeIn 0.8s ease-in-out;
}
#loading-spinner h3{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	width: 100%;
	line-height: 1;
	text-align: center;
}
#loading-spinner>div{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
}
.loader {
	display: inline-block;
	font-size: 34px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: mulShd8Spin 1.1s infinite ease;
	transform: translateZ(0);
}

@keyframes mulShd8Spin {
  0%,
  100% {
	box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
  }
  12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
  }
  25% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #fff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  50% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  75% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
  }
  87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #fff;
  }
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}