/*header-open*/
 /* navbar-open */
 header {
 	/* position:relative; */
 }

 .leftbar img {
 	width: 40px;
 	height: 40px;
 	transition: all 0.3s ease;
 }

 .leftbar .facebook-social img {
 	width: 39px;
 	height: 39px;
 	transition: all 0.3s ease;
 }

 .leftbar .instagram-social img {
 	width: 43px;
 	height: 43px;
 	transition: all 0.3s ease;
 }

 /* header:before */
 /* { */
 /* content:''; */
 /* border-top:1px solid #fff; */
 /* border-right:1px solid #fff; */
 /* width:75.5px; */
 /* height:73.23px; */
 /* position:absolute; */
 /* right:46.5px; */
 /* top:46.5px; */
 /* z-index:1; */
 /* } */
 /* header:after */
 /* { */
 /* content:''; */
 /* border-bottom:1px solid #fff; */
 /* border-right:1px solid #fff; */
 /* width:75.5px; */
 /* height:73.23px; */
 /* position:absolute; */
 /* right:46.5px; */
 /* bottom:46.5px; */
 /* z-index:1; */
 /* } */
 .top-navbar {
 	z-index: 3;
 	/* position:absolute; */
 	width: 100%;
 	top: 0px;
 }

 .top-navbar.nav-scroll.nav-up {
 	top: -100%;
 }

 .top-navbar.nav-scroll {
 	background: #fff;
 	padding: 10px 0px;
 	top: 0px;
 	box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 10%);
 	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
 	transition: all 0.5s ease;
 }

 .top-navbar.nav-scroll.nav-down {
 	position: fixed;
 	top: 0%;
 }

 .top-navbar.nav-scroll .block-system-branding-block {
 	position: unset;
 	padding: 0px;
 	max-width: 170px;
 }

 .top-navbar.nav-scroll .navbar,
 .top-navbar.nav-scroll .navbar-collapse {
 	padding: 0px;
 }

 .top-navbar.nav-scroll .cart--cart-block .icon.icon-cart {
 	fill: var(--primary_color);
 }

 .top-navbar.nav-scroll .user-menu-toggle svg {
 	stroke: var(--primary_color);
 	fill: var(--primary_color);
 }

 .top-navbar.nav-scroll .nav-link {
 	color: var(--primary_color);
 }

 .top-navbar.nav-scroll .nav-link:before,
 .top-navbar.nav-scroll .nav-link:after {
 	border-color: var(--primary_color);
 }

 header .top-navbar.nav-scroll .header-logo {
 	height: 100px;
 }

 header .header-logo {
 	height: 150px;
 	object-fit: contain;
 }

 .site-name {
 	display: none;
 }

 .top-navbar .navbar {
 	/* padding-top: 77.1px; */
 	/* padding-bottom: 52px; */
 	justify-content: space-between;
 }

 .top-navbar .block-system-branding-block {
 	/* top:0px; */
 	/* left:0px; */
 	/* background:#fff; */
 	/* position:absolute; */
 	/* padding:25px; */
 }

 .top-navbar .navbar-collapse {
 	/* padding-top:77.1px; */
 	/* padding-bottom:52px; */
 	justify-content: end;
 }

 .top-navbar .navbar-collapse ul {
 	margin: 0px;
 }

 .top-navbar .nav-link {
 	font-size: 19px;
 	text-transform: uppercase;
 	line-height: 25px;
 	/* padding: 5px 11px !important; */
 	color: var(--primary_color);
 	letter-spacing: 0.37px;
 	position: relative;
 	font-weight: 500;
 }

 .top-navbar .nav-link::before {
 	position: absolute;
 	width: 0px;
 	height: 0px;
 	content: '';
 	bottom: 0px;
 	left: 0px;
 	opacity: 0;
 	border-bottom: 1px solid var(--primary_color);
 	border-left: 1px solid var(--primary_color);
 	transition: all 0.3s ease;
 }

 .top-navbar .nav-link::after {
 	position: absolute;
 	width: 0px;
 	height: 0px;
 	transition: all 0.3s ease;
 	content: '';
 	top: 0px;
 	right: 0px;
 	opacity: 0;
 	border-top: 1px solid var(--primary_color);
 	border-right: 1px solid var(--primary_color);
 }

 .top-navbar .nav-link:hover:before,
 .top-navbar .nav-link:hover:after,
 .top-navbar .nav-link.active:before,
 .top-navbar .nav-link.active:after {
 	opacity: 1;
 	width: 12.5px;
 	height: 11.4px;
 	/* border-color: var(--secondary_color); */
 }

 .top-navbar .nav-item {
 	margin: 0px 10px;
 }

 .top-navbar .nav-item:first-child {
 	margin-left: 0px;
 }

 .top-navbar .nav-item:last-child {
 	margin-right: 0px;
 }

 /* navbar-close */
 /* home-banner-open */
 /* .homebanner-slide */
 /* { */
 /* background-size:cover; */
 /* position:relative; */
 /* padding: 300px 0px 165px; */
 /* } */
 /* .homebanner-slide:before */
 /* { */
 /* position:absolute; */
 /* top:0px;  */
 /* left:0px;  */
 /* width:100%; */
 /* z-index:1; */
 /* height:100%; */
 /* background:rgba(0 0 0/58%); */
 /* content:''; */
 /* } */
 /* .homebanner-slide-content .banner-title{ */
 /* letter-spacing:normal; */
 /* font-size:50px; */
 /* } */
 /* .homebanner-slide-content */
 /* { */
 /* position:relative; */
 /* z-index:2; */
 /* text-align:right; */
 /* margin-left:auto; */
 /* } */
 /* .homebanner-slide-content div */
 /* { */
 /* margin-right:-12.5px; */
 /* font-size:50px; */
 /* -webkit-animation-delay: .4s; */
 /* animation-delay: .4s; */
 /* line-height:74px; */
 /* font-weight:500; */
 /* color:#fff; */
 /* letter-spacing:12.5px; */
 /* margin-bottom:9px; */
 /* } */
 /* div.animate,p.animate,.homebanner-slide-content .site-buttons.animate */
 /* { */
 /* -webkit-animation-duration: 1s; */
 /* animation-duration: 1s; */
 /* -webkit-animation-fill-mode: both; */
 /* animation-fill-mode: both; */
 /* -webkit-animation-name: fadeInUp; */
 /* animation-name: fadeInUp; */
 /* } */
 /* .homebanner-slide-content p */
 /* { */
 /* margin-bottom:40px; */
 /* font-size:24px; */
 /* -webkit-animation-delay: .6s; */
 /* animation-delay: .6s; */
 /* line-height:46px; */
 /* font-weight:400; */
 /* color:#fff; */
 /* } */
 /* .homebanner-slide-content a */
 /* { */
 /* margin-top:45px; */
 /* opacity:0; */
 /* -webkit-animation-delay: .8s; */
 /* animation-delay: .8s; */
 /* } */
 /* .home-banner .slick-dots */
 /* { */
 /* bottom:46px; */
 /* } */
 /* .home-banner .slick-dots li */
 /* { */
 /* width:10px; */
 /* height:10px; */
 /* border-radius:50%; */
 /* background:#fff; */
 /* } */
 /* .home-banner .slick-dots li button */
 /* { */
 /* display:none; */
 /* } */
 /* .home-banner .slick-dots li.slick-active */
 /* { */
 /* background:var(--primary_color); */
 /* } */
 /* @-webkit-keyframes fadeInUp { */
 /* from { */
 /* opacity: 0; */
 /* -webkit-transform: translate3d(0, 40px, 0); */
 /* transform: translate3d(0, 40px, 0); */
 /* } */

 /* to { */
 /* opacity: 1; */
 /* -webkit-transform: none; */
 /* transform: none; */
 /* } */
 /* } */

 /* @keyframes fadeInUp { */
 /* from { */
 /* opacity: 0; */
 /* -webkit-transform: translate3d(0, 40px, 0); */
 /* transform: translate3d(0, 40px, 0); */
 /* } */

 /* to { */
 /* opacity: 1; */
 /* -webkit-transform: none; */
 /* transform: none; */
 /* } */
 /* } */

 #header .search-form {
 	display: flex;
 	justify-content: end;
 	margin-left: 20px;
 }

 #header .search-form * {
 	margin: 0px;
 	list-style: none;
 }

 #header label {
 	display: none;
 }

 .cart-block--link__expand {
 	position: relative;
 }

 .cart--cart-block .badge {
 	position: absolute;
 	top: -13px;
 	right: -7px;
 	background: var(--primary_color);
 	color: #fff;
 	padding: 5px;
 	border-radius: 15px;
 	height: 18px;
 	width: 18px;
 	font-size: 11px;
 	font-weight: 500;
 }

 .cart--cart-block .icon.icon-cart {
 	transition: .3s;
 	width: 32px;
 	fill: var(--primary_color);
 	height: 30px;
 }

 #block-wcsb-cart tr:hover,
 #block-wcsb-cart tr:focus-within {
 	background: #fffbf4bd;
 }

 #block-wcsb-cart .cart-block--contents {
 	width: 450px;
 	border-top: 3px solid var(--primary_color);
 	right: 46px;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, .7)
 }

 .cart-block--contents table {
 	font-size: 13px;
 	line-height: 17px;
 	margin: 0px;
 }

 .cart-block--contents table td {
 	padding: 5px;
 	vertical-align: middle;
 	height: 4rem;
 	text-transform: capitalize;
 	font-weight: 600;
 	font-size: 14px;
 }

 .cart-block--contents table td:last-child {
 	text-align: right
 }

 .cart--cart-block .cart-block--contents a {
 	background: var(--primary_color);
 	color: #fff !important;
 	border: 1px solid var(--primary_color);
 	padding: 7px 15px;
 	font-size: 14px;
 	line-height: 17px;
 	margin-top: 10px;
 	display: inline-block
 }

 .cart-block--contents__links {
 	justify-content: space-between;
 	display: flex;
 	border-top: 1px solid #ddd
 }

 .cart--cart-block .cart-block--contents a:hover {
 	color: var(--primary_color) !important;
 	background-color: transparent
 }

 .form-actions,
 .form-item {
 	margin-bottom: 0
 }

 .field--name-total-price tr td:first-child {
 	text-align: left !important
 }

 .user-menu-nav {
 	position: relative;
 }

 .user-menu-toggle {
 	background: none;
 	border: none;
 	cursor: pointer;
 	padding: 0px;
 	padding-right: 10px;
 	color: #fff;
 }

 .user-menu-toggle svg {
 	width: 26px;
 	height: 30px;
 	fill: var(--primary_color);
 	/* stroke: #fff; */
 }

 .user-menu {
 	position: absolute;
 	top: 42px;
 	right: 0;
 	background: #fff;
 	min-width: 160px;
 	box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
 	border-radius: 0px;
 	border-top: 3px solid var(--primary_color);
 	padding: 6px 0;
 	display: none;
 	z-index: 100;
 }

 .user-menu li a {
 	display: block;
 	padding: 10px 10px;
 	text-decoration: none;
 	color: #000;
 	font-weight: 500;
 	font-family: var(--secondary_font);
 }

 .user-menu li a:hover {
 	background: #fffbf4bd;
 }

 .user-menu.is-open {
 	display: block;
 }

 #header .region-header-bar-2 {
 	display: flex;
 	align-items: center;
 	justify-content: end;
 	/* width: 100%; */
 }

 #header .form-item input {
 	width: 100%;
 	/* border-radius: 10px; */
 	/* padding-left: 20px; */
 	/* min-height: 45px; */
 	/* border: 1px solid var(--primary_color) */
 }


 /*leftsidebar*/


 .leftbar {
 	position: absolute;
 	justify-content: center;
 	display: flex;
 	align-items: flex-end;
 	left: 0px;
 	height: 100%;
 	width: 100%;
 	z-index: 2;
 	top: 2px;
 	padding: 46px 12.5px;
 	max-width: 7.57%;
 	background: #fff;
 }

 .leftbar-inner a {
 	/* width:50px; */
 	/* height:50px; */
 	display: block;
 	/* line-height:39px; */
 	text-align: center;
 	/* min-width:41px; */
 	/* width:100%; */
 	/* min-height:41px; */
 	transition: all 0.3s ease;
 	/* border-radius:50%; */
 	margin-top: 20px;
 	/* border:1px solid #AFAFAF; */
 }

 .leftbar svg {
 	width: 50px;
 	height: 50px;
 	transition: all 0.3s ease;
 	fill: #AFAFAF;
 }

 .leftbar-inner a:hover {
 	border-color: var(--primary_color);
 }

 .leftbar-inner a:hover svg {
 	fill: var(--primary_color);
 }

 .leftbar .facebook svg {
 	width: 9.36px;
 	height: 17.48px;
 }

 .leftbar .instagram svg {
 	width: 15.48px;
 	height: 15.48px;
 }

 .leftbar .twitter svg {
 	width: 18.07px;
 	height: 14.68px;
 }

 /*leftbar-close*/
 /* home-banner-close */

 /* inner-banner-open */
 .inner-banner {
 	background-image: url('../images/inner-banner.png');
 	background-attachment: fixed;
 	background-size: cover;
 	min-height: 380px;
 	position: relative;
 	padding: 68px 0px 40px;
 	display: flex;
 	align-items: flex-end;
 }

 .inner-banner h1,
 .inner-banner h1 span {
 	color: #fff;
 }

 .inner-banner:before {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	z-index: 0;
 	height: 100%;
 	background: rgba(0 0 0/58%);
 	content: '';
 }

 .inner-banner-content {
 	position: relative;
 }

 .inner-banner-content h1 {
 	/* text-align: right; */
 	font-size: 38px;
 	line-height: 30px;
 	font-weight: 500;
 	color: #fff;
 	text-transform: capitalize;
 	margin-right: -11px;
 	letter-spacing: 5px;
 	margin-bottom: 20px;
 }

 .inner-banner-content .breadcrumb {
 	background: transparent;
 	padding: 0px;
 	margin: 0px;
 	/* justify-content: end; */
 }

 .inner-banner-content .breadcrumb li {
 	font-size: 25px;
 	line-height: 35px;
 	color: #fff;
 	font-weight: 300;
 }

 .inner-banner-content .breadcrumb li a {
 	color: #fff;
 	font-weight: 300;
 }

 .breadcrumb-item+.breadcrumb-item {
 	padding-left: 14px;
 }

 .breadcrumb-item+.breadcrumb-item::before {
 	color: #fff;
 	padding-right: 13px;
 }

 .searchbar svg {
 	width: 23px;
 	height: 30px;
 	fill: var(--primary_color);
 }

 header .top-navbar.nav-scroll .searchbar svg {
 	fill: var(--primary_color);
 }

 .searchbar {
 	/* padding: 48px 0px; */
 	/* margin-left: 39.5px; */
 	padding-right: 22px;
 	position: relative;
 	/* display:none; */
 }

 /* .searchbar:before { */
 /* position: absolute; */
 /* top: 50%; */
 /* transform: translateY(-50%); */
 /* width: 1px; */
 /* height: 23px; */
 /* background: #707070; */
 /* content: ''; */
 /* left: 0px; */
 /* } */

 .search-box {
 	display: none;
 	position: absolute;
 	top: 100%;
 	right: 0px;
 	width: 300px;
 	z-index: 1200;
 	border-top: 3px solid var(--primary_color);
 	padding: 20px 20px;
 	background: var(--addit_white);
 }

 .search-box form {
 	display: flex;
 }

 /* .search-box form input[type='search'] { */
 /* border: 1px solid #e0e0e0; */
 /* border-right: 0px; */
 /* display: block; */
 /* width: 100%; */
 /* line-height: 24px; */
 /* padding: 7px 15px; */
 /* height: 40px; */
 /* font-size: 14px; */
 /* background: var(--addit_white); */
 /* height: unset; */
 /* } */

 .search-box form svg {
 	width: 17px;
 	height: 15px;
 	fill: var(--addit_white);
 }

 .search-box form span {
 	display: flex;
 	position: relative;
 	background: var(--primary_color);
 	align-items: center;
 	justify-content: center;
 	min-width: 35px;
 }

 .search-box form input[type='submit'] {
 	/* position: absolute; */
 	width: 50%;
 	/* height: 100%; */
 	/* left: 0px; */
 	/* top: 0px; */
 	/* opacity: 0; */
 }

 .search-box .form-items,
 .search-box .form-actions {
 	margin-top: auto !important;
 	margin-bottom: auto !important;
 }

 .search-box .form-actions input.button {
 	background-image: url('../images/search.svg');
 	font-size: 0;
 	padding: 5px;
 	border: 0px;
 	background-repeat: no-repeat;
 	position: absolute;
 	background-color: var(--primary_color);
 	top: 26%;
 	left: 28%;
 	box-shadow: none;
 }

 .search-box .form-actions {
 	background: var(--primary_color);
 	padding: 24px 23px;
 	position: relative;
 	/* margin: auto; */
 	align-items: center;
 }

 @media(max-width:1325px) {
 	.home-banner-prevnext .container {
 		padding: 0px 50px;
 	}
 }

 @media(max-width:1250px) {
 	.home-banner-prevnext .container {
 		padding: 0px 80px;
 	}

 	header:before {
 		top: 13px;
 	}

 	header:after {
 		bottom: 13px;
 	}

 	header:before,
 	header:after {
 		right: 13px;
 	}
 }

 @media(max-width:1199px) {
 	.homebanner-slide {
 		padding: 200px 0px;
 	}

 	/* .inner-banner */
 	/* { */
 	/* min-height: 550px; */
 	/* } */
 }

 @media(max-width:991px) {

 	/* .inner-banner */
 	/* { */
 	/* min-height: 500px; */
 	/* } */
 	/* .inner-banner-content h1 */
 	/* { */
 	/* font-size:45px; */
 	/* line-height:68px; */
 	/* } */
 	.inner-banner-content .breadcrumb li {
 		font-size: 23px;
 		line-height: 30px;
 	}

 	.navbar-brand {
 		padding: 30.5px 23px;
 	}

 	.navbar-brand img {
 		max-width: 170px;
 	}

 	.top-navbar .navbar {
 		/* justify-content:end; */
 		padding-top: 47px;
 		padding-bottom: 30px;
 	}

 	.navbar-toggler-icon svg {
 		width: 30px;
 		fill: var(--primary_color);
 		height: 30px;
 	}

 	.top-navbar .navbar-collapse {
 		padding: 0px;
 		background: #fff;
 		position: absolute;
 		/* width:80%; */
 		top: 100%;
 		z-index: 1;
 		/* right:0px; */
 	}

 	.top-navbar .navbar-nav {
 		padding: 20px;
 	}

 	.top-navbar .navbar-collapse ul {
 		margin: 0px;
 	}

 	.top-navbar .navbar-nav a.nav-link {
 		color: var(--secondary_color);
 		display: inline-block;
 	}

 	.top-navbar .navbar-nav a:before,
 	.top-navbar .navbar-nav a:after {
 		border-color: var(--primary_color);
 	}

 	.navbar-nav .nav-link.active,
 	.navbar-nav .nav-link:hover {
 		color: var(--primary_color) !important;
 	}

 	.top-navbar .nav-item {
 		margin: 12px 0px;
 	}

 	.homebanner-slide {
 		padding: 165px 0px;
 	}

 	.homebanner-slide-content div {
 		font-size: 45px;
 		line-height: 65px;
 	}

 	.homebanner-slide-content p {
 		font-size: 26px;
 		line-height: 35px;
 	}

 	.top-navbar .nav-item:last-child {
 		margin-bottom: 0px;
 	}

 	.top-navbar .nav-item:first-child {
 		margin-top: 0px;
 	}
 }

 @media(max-width:767px) {

 	/* .inner-banner-content h1 */
 	/* { */
 	/* font-size:40px; */
 	/* line-height:60px; */
 	/* letter-spacing:9px; */
 	/* margin-right:-9px; */
 	/* } */
 	.inner-banner-content .breadcrumb li {
 		font-size: 20px;
 		line-height: 28px;
 	}

 	/* .inner-banner */
 	/* { */
 	/* min-height:380px; */
 	/* } */
 	.leftbar {
 		display: none;
 	}

 	.top-navbar {
 		background: #fff;
 	}

 	.top-navbar .navbar {
 		padding: 15px 0px;
 	}

 	.navbar-toggler-icon svg {
 		fill: var(--primary_color);
 	}

 	.top-navbar .navbar-collapse {
 		width: 100%;
 		left: 0px;
 	}

 	.navbar-brand {
 		position: unset;
 		padding: 0px;
 	}

 	.homebanner-slide {
 		padding-bottom: 125px;
 	}

 	.homebanner-slide-content div {
 		font-size: 40px;
 		margin-bottom: 18px;
 		line-height: 50px;
 		letter-spacing: 9px;
 		margin-right: -9px;
 	}

 	.homebanner-slide-content p {
 		font-size: 21px;
 		line-height: 28px;
 	}

 	header:before,
 	header:after {
 		display: none;
 	}

 	.top-navbar .navbar {
 		justify-content: space-between;
 	}
 }

 @media(max-width:575px) {

 	/* .inner-banner-content h1 */
 	/* { */
 	/* font-size:35px; */
 	/* line-height:50px; */
 	/* letter-spacing:7px; */
 	/* margin-right:-7px; */
 	/* } */
 	.inner-banner-content .breadcrumb li {
 		font-size: 18px;
 		line-height: 25px;
 	}

 	/* .inner-banner */
 	/* { */
 	/* min-height:380px; */
 	/* } */
 	.home-banner .slick-dots {
 		bottom: -50px;
 	}

 	.home-banner .slick-dots li {
 		width: 10px;
 		height: 10px;
 		border-radius: 50%;
 		background: #fff;
 	}

 	.home-banner .slick-dots li.slick-active {
 		background: var(--primary_color);
 	}
 }

 @media(max-width:500px) {
 	.homebanner-slide-content div {
 		font-size: 35px;
 		line-height: 45px;
 		letter-spacing: 4px;
 		margin-right: -4px;
 	}

 	.homebanner-slide-content p {
 		font-size: 19px;
 		line-height: 23px;
 	}

 	.top-navbar .nav-link {
 		font-size: 16px;
 		line-height: 20px;
 	}
 }

 /* banner-starts */
 #banner-32 {
 	/* margin-top:-136px; */
 	/* position: relative; */
 	background: linear-gradient(180deg, #FFF7F5 0%, #F7F8FF 50%, #F6F9FF 100%);
 }

 #banner-32 .banner-left {
 	padding-top: 150px;
 	max-width: 540px;
 	position: absolute;
 	padding-bottom: 150px;
 }

 #banner-32 .slick-dots {
 	left: -22px;
 }

 #banner-32 .banner-left h1 {
 	font-size: 42px;
 	line-height: 55px;
 	font-family: var(--primary_font);
 	color: var(--addit_black);
 	margin-bottom: 12px;
 	font-weight: 700;
 }

 #banner-32 a.site-buttons {
 	padding: 12.9px 17.8px 12.2px 23.7px;
 }

 #banner-32 .banner-left p {
 	color: var(--gray);
 	margin-bottom: 43px;
 }

 #banner-32 .banner-buttons {
 	display: flex;
 	align-items: center;
 }

 #banner-32 .our-contact svg {
 	width: 23.93px;
 	height: 23.81px;
 }

 #banner-32 .our-contact span {
 	background: var(--secondary_color);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 54px;
 	width: 54px;
 	border-radius: 100px;
 	margin-right: 10px;
 }

 #banner-32 .our-contact h6 {
 	font-size: 15px;
 	line-height: 21px;
 	font-family: var(--primary_font);
 	font-weight: 500;
 	color: var(--addit_black);
 	margin-bottom: 2px;
 }

 #banner-32 .our-contact a {
 	font-size: 18px;
 	line-height: 25px;
 	font-family: var(--primary_font);
 	color: var(--gray);
 	font-weight: 400;
 	transition: all .5s;
 }

 #banner-32 .our-contact {
 	display: flex;
 	padding-left: 42px;
 	align-items: center;
 }

 #banner-32 .our-contact a:hover {
 	color: var(--primary_color);
 }

 #banner-32 .slick-dotted.slick-slider {
 	margin-bottom: 0px;
 }

 #banner-32 .slick-dots li.slick-active {
 	background-color: var(--secondary_color);
 }

 #banner-32 .slick-dots li:first-child {
 	margin-left: 0px;
 }

 #banner-32 .slick-dots li {
 	position: static;
 	background: var(--primary_color);
 	border-radius: 100px;
 	height: 10px;
 	width: 10px;
 	margin: 4px 3.5px;
 }

 #banner-32 .slick-dots li button:before {
 	content: '';
 	display: none;
 }

 #banner-32 .slick-dots li button {
 	height: 0px;
 }

 /* .inner-banner { */
 /* background:url(../images/inner-banner-bg.png); */
 /* background-position: center; */
 /* background-size:cover; */
 /* padding-top:115px; */
 /* padding-bottom: 116px; */
 /* text-align: center; */
 /* } */
 /* .inner-banner h1 { */
 /* font-size:42px; */
 /* line-height:55px; */
 /* font-family: var(--primary_font); */
 /* color:var(--addit_white); */
 /* font-weight:700; */
 /* margin-bottom:23px; */
 /* } */



 /* inner-banner-close */
 /* .inner-page */
 /* { */
 /* margin-top: 110px; */
 /* } */


 /* #about-us { */
 /* margin-top:117px; */
 /* } */
 #about-us .about-us-right {
 	/* margin-top: 73px; */
 	/* left: -95px; */
 	position: relative;
 }

 #about-us .about-us-right-inner {
 	background: #fff;
 	box-shadow: 0px 0px 20px #00000029;
 	padding: 73px 36px 79px 30px;
 }

 #about-us .about-us-right-inner::before {
 	content: '';
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: calc(100% - 80px);
 	height: 10px;
 	background-color: var(--primary_color);
 }

 #about-us .satisfied-customer::before {
 	position: absolute;
 	border-right: solid 1px #c4c4c4;
 	height: 86px;
 	content: '';
 	right: -19px;
 }

 #about-us .years-of-expirience::before {
 	position: absolute;
 	border-right: solid 1px #c4c4c4;
 	height: 86px;
 	content: '';
 	right: -11px;
 }

 #about-us .about-us-right p:first-child {
 	margin-bottom: 10px;
 }

 /* #about-us .about-us-left::before {
	background: url(../images/dot.png);
    position: absolute;
    content: '';
    height:244px;
	width:244px;
    left: -15px;
    background-repeat: no-repeat;
    bottom: -60px;
    margin-top: auto;
    z-index: -1;
} */

 /* #about-us .about-us-left { */
 /* position:relative; */
 /* left:-12px; */
 /* } */
 #about-us .about-us-right p:nth-of-type(even) {
 	margin-bottom: 0px;
 }

 #about-us .about-button {
 	z-index: 1;
 	margin-top: -30px;
 	display: flex;
 	position: relative;
 	max-width: fit-content;
 	margin-bottom: 59.6px;
 	margin-left: 30px;
 	transition: all .5s;
 }

 #about-us .about-button:hover {
 	background: #fff;
 }

 #about-us .about-us {
 	text-align: center;
 	padding-left: 70px;
 }

 #about-us .years-of-expirience {
 	width: 197px;
 }

 #about-us .satisfied-customer,
 .years-of-expirience {
 	position: relative;
 }

 #about-us .satisfied-customer {
 	width: 175px;
 }

 #about-us .installed-units {
 	padding-left: 25px;
 }

 #about-us .about-us .satisfied-customer .div {
 	display: flex;
 	justify-content: center;
 }

 #about-us .about-us span {
 	font-size: 41px;
 	line-height: 49px;
 	color: var(--secondary_color);
 }

 #about-us .years-of-expirience p {
 	padding-left: 8px;
 }

 #about-us .about-us-right p {
 	margin-bottom: 20px;
 }

 #about-us .about-us-right p:last-child {
 	margin-bottom: 0px;
 }

 #about-us .installed-units p {
 	padding-left: 4px;
 }

 /* responsive */
 @media all and (min-width: 1200px) {
 	#about-us .about-us-right {
 		width: 635px;
 	}
 }

 @media all and (max-width: 1199px) {
 	/* #about-us { */
 	/* margin-top:61px; */
 	/* } */
 }

 @media all and (max-width: 1199px) and (min-width: 992px) {
 	#about-us .about-us-growth {
 		margin-left: 32px;
 	}

 	#about-us .about-us-right p:nth-of-type(even) {
 		font-size: 17px;
 		line-height: 26px;
 	}

 	#about-us .about-us-right-inner {
 		padding: 35px 27px 60px 27px;
 	}

 	#about-us .about-button {
 		margin-bottom: 44.6px;
 	}

 	#about-us .about-us-right {
 		width: 544px;
 	}

 	#about-us .satisfied-customer::before {
 		right: -13px;
 	}

 	#about-us .about-us {
 		padding-left: 0px;
 	}

 	#about-us .installed-units {
 		padding-left: 16px;
 	}

 	#about-us .years-of-expirience::before {
 		right: -3px;
 	}

 }

 @media all and (max-width: 991px) {
 	#about-us .about-us-left {
 		margin-top: 91px;

 	}

 	#about-page .about-page-right {
 		margin-top: 40px;
 	}
 }

 @media all and (max-width: 767px) and (min-width: 576px) {
 	#about-us .about-us-growth {
 		margin-left: 22px;
 	}

 	#about-us .about-bottom p {
 		font-size: 16px;
 	}

 	#about-us .years-of-expirience::before {
 		right: -8px;
 	}

 	#about-us .installed-units {
 		padding-left: 0px;
 	}

 	#about-us .satisfied-customer {
 		width: 154px;
 	}

 	#about-us .years-of-expirience {
 		width: 172px;
 	}

 	#about-us .satisfied-customer::before {
 		right: -19px;
 	}

 	#about-us .about-us span {
 		font-size: 38px;
 	}

 	#about-us .about-us p {
 		font-size: 15px;
 	}

 	#about-us .about-us {
 		padding-left: 0px;
 	}
 }

 @media all and (max-width: 575px) {

 	#about-us .satisfied-customer::before,
 	.years-of-expirience::before {
 		display: none;
 	}

 	#about-us .satisfied-customer,
 	.years-of-expirience {
 		margin-bottom: 24px;
 	}

 	#about-us .satisfied-customer,
 	.years-of-expirience {
 		margin-left: auto;
 		margin-right: auto;
 	}

 	#about-us .about-us {
 		padding-left: 0px;
 	}

 	#about-us .installed-units {
 		padding-left: 0px;
 	}

 	#about-us .years-of-expirience p {
 		padding-left: 0px;
 	}
 }

 @media all and (max-width: 359px) {
 	#about-us .about-us-right p:nth-of-type(even) {
 		font-size: 16px;
 		line-height: 27px;
 	}

 	#about-us .about-us-right-inner {
 		padding: 34px 19px 52px 21px;
 	}

 	#about-us .about-button {
 		margin-left: 15px;
 	}
 }

 /*news-open*/

 #news-36 .section-describe {
 	padding-left: 30px;
 }

 #news-36 .section-describe p {
 	margin-bottom: 0px;
 }

 #news-36 .row:first-child {
 	align-items: center;
 }

 #news-36 .row:first-child a {
 	margin-bottom: 35px;
 }

 #news-36 .news-left {
 	/* margin-right:41px; */
 	max-width: fit-content;
 	/* margin-top:41px; */
 	position: relative;
 }

 /* #news-36 .news-right */
 /* { */
 /* margin-top:41px; */
 /* } */
 #news-36 .news-left-inner {
 	width: 100%;
 	height: 100%;
 	padding: 24px;
 	padding-right: 45px;
 	display: flex;
 	align-items: flex-end;
 	justify-content: center;
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	background: linear-gradient(0deg, var(--addit_black)5e, transparent);
 }

 #news-36 .news-left-inner h3 {
 	margin-bottom: 25px;
 }

 #news-36 .news-left-inner h3 a {
 	font-size: 30px;
 	line-height: 37px;
 	font-weight: 500;
 	color: var(--addit_white);
 	transition: all 0.3s ease;
 }

 #news-36 .news-left-inner .blog-read,
 #news-36 .news-left-inner .blog-read svg,
 #news-36 .news-left-inner .blog-read a {
 	fill: var(--addit_white);
 	color: var(--addit_white);
 }

 #news-36 .news-left-inner .blog-read:hover a {
 	color: var(--primary_color);
 }

 #news-36 .news-right-content .blog-read:hover a {
 	color: var(--primary_color);
 }

 #news-36 .blog-read a {
 	color: var(--primary_color);
 	font-weight: 500;
 }

 #news-36 .blog-read {
 	font-size: 18px;
 	line-height: 22px;
 	color: var(--addit_white);
 }

 #news-36 .blog-read svg {
 	transition: all 0.3s ease;
 	width: 15.38px;
 	height: 9.61px;
 	fill: var(--primary_color);
 	margin-left: 13px;
 }

 #news-36 .news-right-inner {
 	display: flex;
 	align-items: center;
 }

 #news-36 .news-right {
 	/* margin-left:-18px; */
 }

 /* #news-36 .news-right-img */
 /* { */
 /* flex: 0 0 36%; */
 /* min-width: 227px; */
 /* width: 100%; */
 /* } */
 #news-36 .news-right-content {
 	/* margin-left:26px; */
 }

 #news-36 .news-right-content h3 {
 	/* margin-bottom:30px; */
 }

 #news-36 .news-right-content p {
 	margin-bottom: 10px;
 }

 #news-36 .news-right-content h3 a {
 	transition: all 0.3s ease;
 	color: var(--primary_color);
 }

 #news-36 .news-right-content h3 a:hover {
 	color: var(--secondary_color);
 }

 #news-36 .blog-read {
 	color: var(--primary_color);
 	font-size: 18px;
 	line-height: 22px;
 	margin-top: 10px;
 }

 #news-36 .blog-read svg {
 	transition: all 0.3s ease;
 	margin-left: 13px;
 	width: 15.38px;
 	height: 9.61px;
 }

 #news-36 .news-right-top:last-child {
 	margin-top: 41px;
 }

 #news-36 .blog-read {
 	transition: all 0.3s ease;
 }

 #news-36 .blog-read:hover {
 	color: var(--primary_color);
 }

 #news-36 .blog-contant {
 	align-items: center;
 }

 #news-36 .blog-read:hover svg {
 	fill: var(--primary_color);
 	transform: translateX(10px);
 }

 #news-36 .news-left {
 	transition: transform 0.5s ease-in-out;
 	border-radius: 15px;
 	overflow: hidden;
 }

 #news-36 img {
 	transition: transform 0.5s ease-in-out;
 	border-radius: 15px;
 	overflow: hidden;
 }

 #news-36 .news-left:hover img {
 	border-radius: 15px;
 	transform: scale(1.2);
 	/* filter: drop-shadow(0 0 6px rgba(0 0 0/28%)); */
 	/* -webkit-filter: drop-shadow(0px 0px 6px rgba(0 0 0/28%)); */
 }

 @media(max-width:1199px) {
 	#news-36 .news-left {
 		display: none;
 	}

 	/* #news-36 .news-right{ */
 	/* margin-top: 30px; */
 	/* } */
 	#news-36 .news-left {
 		margin-right: 15px;
 	}

 	#news-36 .news .p-0 {
 		padding: 0px 15px !important;
 	}

 	/* #news-36 .news-right-img */
 	/* { */
 	/* flex: 0 0 41%; */
 	/* min-width: 194px; */
 	/* } */
 }

 @media(max-width:991px) {
 	#news-36 .news-left {
 		max-width: fit-content;
 		margin-right: 0px;
 	}

 	#news-36 .news-right {
 		max-width: 100%;
 		padding: 0px 15px;
 		margin-left: 0px;
 	}

 	#news-36 .section-describe {
 		padding-left: 0px;
 		padding-top: 15px;
 	}
 }

 @media(max-width:450px) {
 	#news-36 .news-right-inner {
 		display: block;
 	}

 	#news-36 .news-right-content {
 		margin-left: 0px;
 		margin-top: 30px;
 	}

 	#news-36 .news-left-inner h3 a {
 		font-size: 25px;
 		line-height: 30px;
 	}
 }

 /*news-close*/

 /* contact home page design 31 */

 #contact-form-31 button,
 #contact-form-31 input,
 #contact-form-31 textarea,
 #contact-form-31 button:hover,
 #contact-form-31 input:hover,
 #contact-form-31 textarea:hover,
 #contact-form-31 button:focus,
 #contact-form-31 input:focus,
 #contact-form-31 textarea:focus,
 #contact-form-31 button:active,
 #contact-form-31 input:active,
 #contact-form-31 textarea:active {
 	outline: none;
 }

 #contact-form-31 {
 	background-repeat: no-repeat;
 	/* background-size:cover; */
 	padding: 40px 0px;
 	background-position: center;
 }

 #contact-form-31 .row {
 	margin-left: 0px;
 	margin-right: 0px;
 }

 /* #contact-form-31 .contact-form form{ */
 /* margin-top:2.5rem; */
 /* } */
 #contact-form-31 .contact-form-field {
 	margin: 0px;
 	padding: 0px;
 	margin-bottom: 1.5rem;
 }

 #contact-form-31 .captcha .form-item__label {
 	/* font-family:var(--tertiary_font); */
 	font-family: var(--secondary_font);
 }

 #contact-form-31 .captcha {
 	width: 100%;
 }

 #contact-form-31 .captcha input,
 #contact-form-31 .contact-form-field select option,
 #contact-form-31 .contact-form-field select,
 #contact-form-31 .contact-form-field input,
 #contact-form-31 .contact-form-field textarea {
 	width: 100%;
 	padding: .5rem 1.5rem;
 	border: solid 1px #cccccc63;
 	color: #797979;
 	border-radius: 10px;
 	font-weight: 500;
 }

 #contact-form-31 .captcha input[placeholder],
 #contact-form-31 .contact-form-field select option,
 #contact-form-31 .contact-form-field input[placeholder],
 #contact-form-31 .contact-form-field textarea[placeholder] {
 	color: #797979;
 	font-size: 16px;
 	font-weight: 500;
 }

 #contact-form-31 .contact-form-field textarea[placeholder] {
 	height: 151px;
 	/* margin-bottom:1.5rem; */
 }

 #contact-form-31 .site-buttons {
 	padding: 0px;
 	margin-top: 25px;
 	width: fit-content;
 }

 #contact-form-31 .site-buttons input {
 	padding: 11px 19px;
 	margin: 0px;
 	font-size: 16px;
 	line-height: 24px;
 	letter-spacing: 0.6px;
 	border: none;
 	background: var(--primary_color);
 	color: var(--addit_white);
 	font-weight: 400;
 	border-radius: 3px;
 	transition: all .5s;
 	cursor: pointer;
 }

 #contact-form-31 .contact-form-submit input:hover {
 	background: none;
 	color: var(--primary_color);
 }

 /*home-faq-open */

 #home-faq {
 	/* background: url('../images/faqbg.jpg') no-repeat center; */
 	background-size: cover;
 }

 /* #home-faq .home-faq-left .accordion */
 /* { */
 /* padding-top: 20px; */
 /* } */
 #home-faq .home-faq-left .accordionquotion {
 	margin-top: 25px;
 	/* padding-bottom: 15px;
    border-bottom: 1px solid #d5d8dc; */
 }

 #home-faq .home-faq-left .accordionquotion:last-child {
 	border-bottom: 0px solid;
 }

 #home-faq .home-faq-left button {
 	text-align: left;
 	justify-content: space-between;
 	display: flex;
 	width: 100%;
 	font-size: 25px;
 	line-height: 30px;
 	font-weight: 500;
 	background: transparent;
 }

 .home-faq-left .accordionquotion button {
 	align-items: center;
 	width: 100%;
 	display: flex;
 	padding: 15px 20px;
 	border: 1px solid #CECECE;
 	border-radius: 3px;
 	transition: all 0.5s ease;
 }

 #home-faq .accordionquotion h3 {
 	width: 96%;
 	margin: 0;
 }

 #home-faq .accordionquotion .collapse {
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
 }

 #home-faq .card-body {
 	background: #fff;
 	border-radius: 3px;
 	padding: 15px 20px;
 }

 #home-faq .accordionquotion button[aria-expanded="true"] {
 	color: #fff;
 	border: 0;
 	background: var(--primary_color);
 }

 #home-faq .accordionquotion button[aria-expanded="true"] .card-arrow::before {
 	background: #fff;
 }

 #home-faq .home-faq-left button .card-arrow {
 	position: relative;
 	margin-left: 10px;
 	width: 30px;
 	height: 30px;
 	/* background: #fff; */
 	border-radius: 50%;
 }

 #home-faq .home-faq-left button .card-arrow::before,
 #home-faq .home-faq-left button .card-arrow::after {
 	display: inline-block;
 	position: absolute;
 	height: 2px;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	background: #000;
 	content: '';
 	width: 11.04px;
 }

 #home-faq .accordionquotion button[aria-expanded="true"] .card-arrow {
 	transform: rotate(-180deg);
 }

 #home-faq .home-faq-left button .card-arrow::after {
 	height: 11.04px;
 	transition: all 0.5s ease;
 	width: 2px;
 }

 #home-faq .home-faq-left button[aria-expanded='true'] .card-arrow::after {
 	display: none;
 }

 /* #home-faq .home-faq-left p */
 /* { */
 /* max-width: 513px; */
 /* padding-top:7.5px; */
 /* } */
 #home-faq .home-faq-right {
 	position: relative;
 	/* margin-top: 10px;
	margin-left: 7px;
	padding-top: 25px;
	padding-left: 28px; */
 }

 #home-faq .home-faq-right img {
 	z-index: 1;
 	position: relative;
 	width: 100%;
 	border-radius: 40px 0px 0px 40px;
 }

 /* #home-faq .home-faq-right::before 
{
	z-index: 0;
	width:140px;
	height:146px;
	left:0;
	top:0;
	content:'	';
	background: var(--primary_color);
	position: absolute;
} */
 /*home-faq-close */

 /* responsive */
 @media(max-width:1199px) {
 	#home-faq .home-faq-left button {
 		font-size: 20px;
 		line-height: 25px;
 	}

 	#home-faq .home-faq-right {
 		margin-left: 0;
 		margin-top: 0;
 	}
 }

 @media(max-width:991px) {
 	#home-faq .row {
 		flex-direction: column-reverse;
 	}

 	#home-faq .home-faq-right {
 		/* max-width: 450px; */
 		margin-bottom: 30px;
 		padding: 0px;
 	}

 	#home-faq .home-faq-right::before {
 		display: none;
 	}

 }

 @media(max-width:450px) {
 	#home-faq .faq-right .accordionquotion button span {
 		display: none;
 	}

 	#home-faq .faq-right .accordion-body span {
 		display: none;
 	}

 	#home-faq .home-faq-right {
 		padding: 0;
 	}
 }

 #home-faq .accordion {
 	background: none;
 	box-shadow: none;
 	border: none;
 }

 /* #home-faq .accordion button{
	border: none;
} */

 #faq-page .collapsing,
 #faq-page .collapse {
 	margin-left: 40px;
 }

 /* footer design */
 /* footer{ */
 /* margin-top:199px; */
 /* } */


 /* #footer-top{ */
 /* background:url('../images/ftr-top-bg.png'); */
 /* background-repeat:no-repeat; */
 /* background-size:cover; */
 /* background-position:center bottom; */
 /* } */
 /* .ftr-top-description{ */
 /* padding:90px 15px; */
 /* } */
 /* .ftr-top-description h4{ */
 /* color: #fff; */
 /* margin-bottom:55px; */
 /* } */


 /* #footer-top{ */
 /* margin-top: 199px; */
 /* } */
 #footer-main {
 	/* background:url('../images/ftr-main-bg.png'); */
 	background: #181818;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
 	padding: 77px 0 0 0;
 }

 #footer-top a,
 #footer-top a:link,
 #footer-top a:hover,
 #footer-top a:active,
 #footer-top a:focus,
 #footer-top a:visited {
 	text-decoration: none;
 	outline: none;
 }

 .ftr-menus {
 	margin-bottom: 63.5px;
 }

 .ftr-logo img {
 	margin-bottom: 35px;
 	height: 150px;
 	object-fit: contain;
 }

 .ftr-logo p.theme-text {
 	margin-bottom: 22.5px;
 	padding-bottom: 22.5px;
 	border-bottom: solid 1px var(--addit_white);
 }

 .ftr-menus p {
 	color: var(--addit_white);
 }

 .ftr-contact-detail-content {
 	display: flex;
 	align-items: center;
 	line-height: 0;
 	margin-bottom: 19px;
 	width: 100%;
 }

 .ftr-contact-detail-content:last-of-type {
 	margin-bottom: 0;
 }

 .ftr-contact-icon {
 	margin-right: 14.4px;
 	display: inline-block;
 	line-height: 0;
 }

 a.ftr-contact-content {
 	display: inline-block;
 	font-size: 16px;
 	font-weight: 400;
 	color: var(--addit_white);
 	line-height: 23px;
 	width: 100%;
 }

 #page-8 .main-content,
 #page-31 .main-content,
 #page-4 .main-content,
 #page-8 #footer-main,
 #page-31 #footer-main,
 #page-4 #footer-main {
 	margin-top: 0px !important;
 }

 #footer-main a {
 	transition: all .5s;
 	font-family: var(--tertiary_font);

 }

 #footer-main a:hover {
 	color: var(--primary_color);
 }

 #footer-main .icon-ftr-phone {
 	height: 22.5px;
 	width: 22.5px;
 	fill: var(--addit_white);
 }

 #footer-main .icon-ftr-mail {
 	height: 18px;
 	width: 24.4px;
 	fill: var(--addit_white);
 }

 #footer-main .icon-ftr-loc {
 	height: 23.5px;
 	width: 25px;
 	fill: var(--addit_white);
 }

 #footer-main .icon-ftr-clock {
 	height: 25px;
 	width: 25px;
 	fill: var(--addit_white);
 }

 .ftr-menus h5 {
 	color: var(--addit_white);
 	font-size: 23px;
 	font-weight: 600;
 	line-height: 28px;
 	margin-top: calc(101px - 77px);
 	margin-bottom: 25px;
 	position: relative;
 	display: inline-block;
 	width: auto;
 	z-index: 2;
 }

 /* .ftr-menus h5::before{ */
 /* content:''; */
 /* position:absolute; */
 /* bottom:5px; */
 /* height:1px; */
 /* width:100%; */
 /* border-bottom:solid 8px var(--secondary_color); */
 /* z-index:-1; */
 /* } */
 .icon-ftr-list {
 	height: 6.4px;
 	width: 13px;
 	fill: var(--addit_white);
 	transition: all .5s;
 	margin-right: 7.5px;
 }

 #footer-main .ftr-menus li a:hover,
 .ftr-menus li:hover a,
 .ftr-menus li:hover .icon-ftr-list {
 	fill: var(--addit_white);
 	color: var(--addit_white);
 }

 .ftr-menus ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .ftr-menus li {
 	display: flex;
 	align-items: center;
 	margin-bottom: 17px;
 }

 ul.menu a.is-active {
 	color: #fff;
 }

 .ftr-menus li a {
 	font-size: 16px;
 	color: var(--addit_white);
 	font-weight: 400;
 	line-height: 23px;
 	display: inline-block;
 	width: 100%;
 	text-decoration: none;
 }

 .ftr-menus li::after {
 	content: '';
 	position: absolute;
 	left: 0;
 	bottom: -3px;
 	width: 0;
 	height: 1px;
 	background: #d1d1d1;
 	transition: all 0.5s ease-in-out;
 }

 .ftr-menus li:hover::after,
 .ftr-menus li.is-active::after {
 	width: 100%;
 }

 .ftr-menus li {
 	transition: all 0.3s ease;
 	position: relative;
 	width: fit-content;
 }

 .ftr-subscribe p {
 	margin-bottom: 29px;
 }

 .ftr-subscribe form {
 	margin-bottom: 33px;
 }

 .ftr-subscribe .subscribe-box {
 	border-top: solid 1px var(--addit_white);
 	border-left: solid 1px var(--addit_white);
 	border-bottom: solid 1px var(--addit_white);
 	display: flex;
 	align-items: center;
 	border-radius: 93px;
 	justify-content: space-between;
 }

 .ftr-subscribe .subscribe-box .form-item {
 	margin-block: 0px;
 }

 .ftr-subscribe .subscribe-box .form-actions {
 	margin-block: 0px;
 }

 .ftr-subscribe .subscribe-box input[type="email"] {
 	width: 100%;
 	border: none;
 	background: none;
 	padding: 0 19px;
 }

 .ftr-subscribe .subscribe-box input[placeholder] {
 	color: var(--addit_white);
 	font-weight: 400;
 	box-shadow: none;
 }

 .ftr-subscribe .subscribe-box input[type="submit"] {
 	margin: 0px;
 	color: var(--addit_white);
 	font-size: 0px;
 	height: 48px;
 	width: 48px;
 	font-weight: 400;
 	background-image: url('../images/plane.svg');
 	background-repeat: no-repeat;
 	background-size: 23px 22px;
 	background-position: center;
 	background-color: var(--primary_color);
 	padding: 11px;
 	border-radius: 127px;
 	border: solid 1px var(--addit_white);
 	transition: all .5s;
 	cursor: pointer;
 	float: right;
 	line-height: 25px;
 }

 .ftr-subscribe .subscribe-box input[type="submit"]:hover {
 	background-color: var(--secondary_color);
 }

 .icon-ftr-facebook {
 	height: 27px;
 	width: 27px;
 	fill: var(--addit_white);
 }

 .icon-ftr-insta {
 	height: 27px;
 	width: 27px;
 	fill: var(--addit_white);
 }

 .icon-ftr-gplus {
 	height: 27px;
 	width: 27px;
 	fill: var(--addit_white);
 }

 .ftr-social-icons a {
 	margin-right: 10px;
 }

 .ftr-social-icons a:last-of-type {
 	margin-right: 0;
 }

 #ftr-copyright .footer-fifth-right {
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
 }

 #ftr-copyright .footer-fifth-inner-right {
 	padding-top: 4px;
 	font-size: 12px;
 	line-height: 15px;
 	text-align: right;
 	color: var(--addit_white);
 }

 #ftr-copyright .wc_link {
 	font-weight: 500;
 	color: var(--addit_white);
 }

 #ftr-copyright .copyright-content {
 	display: flex;
 	align-items: center;
 	/* color: #fff; */
 }

 #ftr-copyright .wc_link:hover {
 	color: var(--secondary_color);
 }

 #block-wcsb-footertop {
 	margin-bottom: -7px;
 }

 #ftr-copyright p {
 	color: var(--addit_white);
 }

 #ftr-copyright {
 	background: var(--primary_color);
 	padding: 14px 0;
 }

 .ftr-copyright-section {
 	/* text-align:center; */
 	font-size: 14px;
 	color: var(--addit_white);
 	font-weight: 400;
 	line-height: 20px
 }

 .ftr-contact-detail-content:last-child .ftr-contact-icon svg {
 	height: 25px;
 	width: 25px;
 }

 .time {
 	font-weight: 600;
 	color: var(--addit_white);
 	font-size: 15px;
 }

 .ftr-contact-detail4 .time {
 	font-size: 16px;
 	font-weight: 500;
 }

 /* #footer-top .btn-wrapper a{ */
 /* display:inline-block; */
 /* padding:18px 40px; */
 /* border-radius:28px; */
 /* background:var(--addit_white); */
 /* font-size:16px; */
 /* font-family:var(--primary_font); */
 /* color:var(--primary_color); */
 /* font-weight:600; */
 /* line-height:19px; */
 /* transition:all .5s; */
 /* } */
 #footer-top .btn-wrapper a:hover {
 	background: var(--addit_white);
 }

 #top {
 	box-shadow: 0 0 6px rgba(0 0 0/16%);
 	opacity: 0;
 	visibility: hidden;
 	transition: all .15s ease;
 	position: fixed;
 	width: 70px;
 	height: 50px;
 	right: 25px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	bottom: -25px;
 	margin: 0;
 	z-index: 10000;
 	background: var(--secondary_color);
 }

 #top svg {
 	width: 28px;
 	fill: var(--addit_white);
 	height: 28px;
 	margin-top: 5px;
 }

 @media all and (min-width: 992px) {
 	.ftr-top-img-sec {
 		margin-top: calc(125px - 199px);
 	}
 }

 @media all and (max-width: 991px) {
 	.ftr-top-img-sec {
 		text-align: center;
 	}
 }

 @media all and (min-width: 576px) {
 	.ftr-top-description h4 {
 		font-size: 40px;
 		line-height: 49px;
 	}
 }

 @media all and (max-width: 575px) {
 	.ftr-top-description h4 {
 		font-size: 30px;
 		line-height: 39px;
 	}
 }

 /* responsive css */
 @media all and (min-width: 1200px) {
 	.ftr-logo {
 		padding-right: 80px;
 	}
 }

 @media all and (min-width: 992px) and (max-width: 1199px) {
 	.ftr-logo {
 		padding-right: 28px;
 	}
 }

 @media all and (min-width: 992px) {
 	.ftr-top-img-sec {
 		margin-top: calc(125px - 199px);
 	}
 }

 @media all and (max-width: 991px) {
 	.ftr-top-img-sec {
 		text-align: center;
 	}

 	footer {
 		margin-top: 75px;
 	}
 }

 @media all and (min-width: 768px) and (max-width: 991px) {
 	.ftr-logo {
 		padding-right: 60px;
 	}
 }

 @media all and (min-width: 576px) {
 	.ftr-top-description h4 {
 		font-size: 40px;
 		line-height: 49px;
 	}
 }

 @media all and (max-width: 575px) {
 	.ftr-top-description h4 {
 		font-size: 30px;
 		line-height: 39px;
 	}
 }

 /*home-gallery-open */

 .home-gallery-inner {
 	line-height: 0;
 }

 .home-gallery-inner {
 	margin-bottom: 30px;
 }

 .home-gallery-inner a {
 	position: relative;
 	display: block;

 }

 .home-gallery-inner img {
 	transition: transform 0.5s ease-in-out;
 	width: 100%;
 	object-fit: cover;
 }

 .home-gallery-inner a::before {
 	width: 100%;
 	transition: all 0.4s ease-in-out;
 	opacity: 0;
 	z-index: 1;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	top: 0;
 	content: '';
 	background: rgba(0 0 0/47%);
 }

 .home-gallery-inner figure {
 	position: relative;
 	margin: 0;
 	overflow: hidden;
 }

 .home-gallery-inner figure::before {
 	position: absolute;
 	content: '';
 	top: 19.5px;
 	right: 15px;
 	z-index: 3;
 	bottom: 19.5px;
 	left: 15px;
 	opacity: 0;
 	border-top: 1px solid #CECECE;
 	border-bottom: 1px solid #CECECE;
 	-webkit-transform: scale(0, 1);
 	transform: scale(0, 1);
 	-webkit-transform-origin: 0 0;
 	transform-origin: 0 0;
 	-webkit-transition: all 0.35s;
 	transition: all 0.35s;
 	pointer-events: none;
 }

 .home-gallery-inner figure::after {
 	top: 10px;
 	z-index: 2;
 	right: 25px;
 	bottom: 10px;
 	left: 25px;
 	border-right: 1px solid #CECECE;
 	;
 	border-left: 1px solid #CECECE;
 	;
 	-webkit-transform: scale(1, 0);
 	transform: scale(1, 0);
 	-webkit-transform-origin: 100% 0;
 	transform-origin: 100% 0;
 	position: absolute;
 	content: '';
 	opacity: 0;
 	-webkit-transition: all 0.35s;
 	transition: all 0.35s;
 	pointer-events: none;
 }

 .home-gallery-inner:hover a::before {
 	opacity: 1;
 }

 .home-gallery-inner:hover img {
 	transform: scale(1.2);
 }

 .home-gallery-inner:hover figure::before,
 .home-gallery-inner:hover figure::after {
 	transform: scale(1, 1);
 	opacity: 1;
 }

 .home-gallery-inner svg {
 	opacity: 0;
 	width: 32.09px;
 	fill: #fff;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	opacity: 0;
 	transition: all 0.8s 0.2s;
 	z-index: 2;
 	transform: translate(-50%, -50%);
 	height: 32.09px;
 }

 .home-gallery-inner:hover svg {
 	opacity: 1;
 }

 /* responsive */
 @media(max-width:575px) {
 	.home-gallery-inner {
 		text-align: center;
 	}
 }

 /*home-gallery-close */

 /* emergancy-service-open */

 .emergancy-service {
 	color: var(--secondary_color);
 }

 .emergancy-service {
 	/* background:url('../images/emergancyservices.jpg') no-repeat center; */
 	background-size: cover;
 }

 .emergancy-service-content h2 {
 	margin-bottom: 20px;
 	text-transform: uppercase;
 	color: var(--addit_white);
 	/* line-height: 63px; */
 	padding: 0;
 }

 .emergancy-service-content p {
 	color: var(--addit_white);
 	/* max-width:540px; */
 }

 /* .emergancy-service-button .site-buttons:hover{ */
 /* background-color: #fff; */
 /* } */
 .emergancy-service-button {
 	text-align: right;
 }

 .emergancy-service-button a {
 	display: inline-flex;
 	align-items: center;
 }

 .emergancy-service-button svg {
 	width: 15.58px;
 	transition: all 0.3s ease;
 	fill: var(--primary_color);
 	margin-right: 15.4px;
 	height: 15.7px;
 }

 .emergancy-service-button .site-buttons:hover svg {
 	fill: var(--addit_white);
 }

 /* emergancy-service-close */


 @media(max-width:991px) {
 	.emergancy-service-content h2 {
 		margin-bottom: 20px;
 	}

 	.emergancy-service-button {
 		text-align: left;
 		margin-top: 25px;
 	}
 }


 @media all and (max-width: 991px) {
 	#service .display {
 		display: block !important;
 	}

 	#service .search-btn {
 		display: none;
 	}
 }

 .home-gallery-wrp .btn-wrapper {
 	margin-top: 0px;
 	display: flex;
 	justify-content: center;
 }

 #product-home .product-home-btn,
 .service-sec-wrapper .btn-wrapper {
 	margin-top: 50px;
 	display: flex;
 	justify-content: center;
 }

 #training .bg-color-primary .field__item {
 	color: #fff;
 }

 #training .bg-color-primary {
 	background: var(--primary_color);
 	padding: 50px 20px;
 }

 #training .bg-img:before {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	/* z-index: 0; */
 	height: 100%;
 	background: rgba(0 0 0 / 58%);
 	content: '';
 }

 #service .train-right {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	padding: 30px;

 }

 #service .row .date-add {
 	width: 100%;
 	justify-content: space-between;
 	gap: 10px 0px;
 }

 #service .row .date-add span {
 	display: flex;
 	align-items: center;
 }

 #service p.pra-wrap {
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 #training time {
 	color: #fff;
 }

 #service .train-right span {
 	font-size: 16px;
 	color: #000;
 }

 #service .train-right p {
 	margin-bottom: 15px;
 }

 #service .train-right p,
 #service .train-right h3 {
 	width: 100%;
 }

 #training.training-event .btn-wrap .form-type--number {
 	display: none;
 }

 #training.training-event p,
 #training.training-event h2 {
 	margin-bottom: 20px;
 }

 #training .bg-img h3,
 #training .bg-img p {
 	margin-bottom: 25px;
 }

 #training .bg-img * {
 	color: #fff;
 	position: relative;
 }

 #training .bg-img {
 	color: #fff;
 	background-image: url('../images/ftr-main-bg.png');
 	background-color: #ebebeb;
 	padding: 50px 20px;
 	margin-top: 30px;
 	position: relative;
 }

 .service-section {
 	justify-content: center;
 	line-height: 0;
 	gap: 30px 0px;
 }

 .icon-service {
 	height: 47px;
 	width: 91px;
 	fill: var(--primary_color);
 	transition: all .5s;
 }

 .service-content {
 	background: var(--addit_white);
 	border: solid 1px var(--primary_color);
 	border-radius: 10px;
 	transition: all .5s;
 }

 .service-content:hover {
 	border: solid 1px var(--secondary_color);
 }

 .service-content:hover .icon-service {
 	fill: var(--secondary_color);
 }

 /* .service-content{ */
 /* position: relative; */
 /* padding-top: 50px; */
 /* background: #fff; */
 /* } */

 /* .service-content img{ */
 /* position: absolute; */
 /* top: -60px; */
 /* left: 50%; */
 /* transform: translateX(-50%); */
 /* width: 120px; */
 /* height: auto; */
 /* z-index: 2; */
 /* } */

 /* .service-sec-wrapper .slick-track{ */
 /* padding-top: 35px; */
 /* } */
 .service-content img {
 	margin-bottom: 28px;
 	width: 100%;
 	margin-top: -28px;
 	border-radius: 20px;
 }

 #service .service-content h3 *,
 #service .service-content h3 {
 	text-transform: capitalize;
 }

 #service .service-content h5 a,
 #service-page .service-content h5 a {
 	color: var(--addit_black);
 	transition: all .5s;
 }

 #service .service-content h5 a:hover,
 #service-page .service-content h5 a:hover {
 	color: var(--secondary_color);
 }

 .service-content h5 {
 	font-size: 22px;
 	font-weight: 700;
 	color: var(--primary_color);
 	line-height: 24px;
 	/* margin-bottom:22px; */
 }

 .service-content .field__label {
 	display: none;
 }

 .service-content .form-submit {
 	margin-bottom: 25px;
 	font-family: var(--secondary_font);
 }

 /* responsive css */
 @media all and (min-width: 1200px) {
 	.related-service-description h5 {
 		font-size: 23px;
 		line-height: 28px;
 	}

 	.service-content {
 		padding: 0 30px;
 	}
 }

 @media all and (max-width: 1199px) {
 	.service-detail-inner-description {
 		margin-bottom: 50px;
 	}
 }

 @media all and (min-width: 992px) and (max-width: 1199px) {
 	.service-content {
 		padding: 0 16px;
 	}

 	.related-service-description h5 {
 		font-size: 18px;
 		line-height: 23px;
 	}

 	#service-page .service-description h5 {
 		font-size: 19px;
 		line-height: 22px;
 	}
 }

 @media all and (min-width: 992px) {

 	#service-page .service1,
 	#service-page .service2,
 	#service-page .service3 {
 		margin-bottom: 68px;
 	}
 }

 @media all and (max-width: 991px) {

 	.how-work1,
 	.how-work2 {
 		margin-bottom: 50px;
 	}

 	.service1,
 	.service2 {
 		margin-bottom: 68px;
 	}

 	#service {
 		margin-top: 75px;
 	}
 }

 @media all and (min-width: 768px) and (max-width: 991px) {
 	.service-content {
 		padding: 0 30px;
 	}

 	.related-service-description h5 {
 		font-size: 21px;
 		line-height: 25px;
 	}

 	#service-page .service-description h5 {
 		font-size: 20px;
 		line-height: 22px;
 	}
 }

 @media all and (max-width: 991px) {
 	#service-page {
 		margin-top: 75px;
 	}
 }

 @media all and (max-width: 767px) {
 	.service-sidebar {
 		margin-bottom: 67px;
 	}

 	#service-page .service1,
 	#service-page .service2,
 	#service-page .service3 {
 		margin-bottom: 68px;
 	}
 }

 @media all and (min-width: 576px) and (max-width:767px) {
 	.related-service-description h5 {
 		font-size: 23px;
 		line-height: 28px;
 	}

 	.service-content {
 		padding: 0 30px;
 	}
 }

 @media all and (min-width: 576px) {
 	.service-detail-description h4 {
 		font-size: 42px;
 		line-height: 52px;
 	}
 }

 @media all and (max-width: 575px) {
 	.service-detail-description h4 {
 		font-size: 30px;
 		line-height: 40px;
 	}

 	.service-content {
 		padding: 0 30px;
 	}

 	.related-service-description h5 {
 		font-size: 19px;
 		line-height: 24px;
 	}

 }

 .service-sec-wrapper svg.ser-location {
 	width: 24px;
 	height: 24px;
 }

 .service-sec-wrapper svg.ser-date {
 	width: 20px;
 	height: 20px;
 }

 .service-sec-wrapper svg {
 	fill: var(--primary_color);
 	margin-right: 10px;

 }

 .service-sec-wrapper .form-actions input {
 	margin: 0px;
 	border: 0px;
 	width: fit-content;
 	background-color: transparent;
 }

 .service-sec-wrapper .form-actions input {
 	margin: 0px;
 	border: 0px;
 	width: fit-content;
 	background-color: transparent;
 }

 .service-sec-wrapper .form-actions {
 	font-weight: 500;
 	width: fit-content;
 	position: relative;
 	font-family: var(--secondary_font);
 	font-size: 16px;
 	background: var(--primary_color);
 	margin-right: 10.5px;
 	margin-bottom: 10.5px;
 	color: #fff;
 	text-transform: capitalize;
 	line-height: 24px;
 	padding: 11px 19px;
 	transition: all 0.3s ease;
 	letter-spacing: 0.6px;
 	padding: 0px;
 	border: 1px solid var(--primary_color);
 }

 .service-sec-wrapper .form-actions:hover {
 	color: var(--primary_color);
 	background: #fff;
 }
.service-sec-wrapper .form-actions:hover input{
	color: var(--primary_color);
}
 .service-sec-wrapper .form-actions:before {
 	position: absolute;
 	right: -5.5px;
 	transition: all 0.3s ease;
 	top: 10.5px;
 	width: 1px;
 	background: var(--primary_color);
 	content: '';
 	height: 100%;
 }

 .service-sec-wrapper .form-actions:after {
 	position: absolute;
 	left: 10.5px;
 	bottom: -5.5px;
 	transition: all 0.3s ease;
 	height: 1px;
 	background: var(--primary_color);
 	content: '';
 	width: 100%;
 }

 .service-sec-wrapper .form-actions:hover:before {
 	height: 0%;
 }

 .service-sec-wrapper .form-actions:hover:after {
 	width: 0%;
 }

 .service-sec-wrapper .field__label {
 	display: none;
 }

 #blog-details .blog-details-img {
 	margin-bottom: 30.8px;
 }

 #blog-details .blog-details-left p:nth-of-type(even) {
 	margin-bottom: 29px;
 }

 #blog-details .blog-admin {
 	display: flex;
 }

 #blog-details .blog-admin h6 {
 	font-size: 12px;
 	line-height: 18px;
 	margin-bottom: 7.5px;
 	color: var(--tertiary_color);
 }

 #blog-details .blog-admin h6 span {
 	color: var(--secondary_color);
 }

 #blog-details .blog-admin div:first-child {
 	position: relative;
 	margin-right: 12.5px;
 	padding-right: 10.5px;
 	;
 }

 #blog-details .blog-admin div:first-child::before {
 	position: absolute;
 	border-right: 1px solid #bcbcbc;
 	content: '';
 	height: 17px;
 	right: 0px;
 }

 #blog-details .blog-details-right h3 {
 	font-size: 25px;
 	line-height: 30px;
 	margin-bottom: 30px;
 	color: var(--addit_color2);
 }

 #blog-details .blog-details-right ul {
 	list-style: none;
 	margin: 0;
 }

 #blog-details .blog-details-right li {
 	font-size: 17px;
 	color: var(--addit_color2);
 	line-height: 28px;
 	margin-bottom: 10px;
 	border: solid 1px #bcbcbc40;
 	padding: 10px 20px 10px;
 	transition: all .5s;
 }

 #blog-details .blog-details-right li:hover {
 	background: var(--secondary_color);
 	color: var(--addit_white);
 	border: 1px solid var(--secondary_color);
 }

 #blog-details .blog-detail-right-about {
 	display: flex;
 	border-bottom: solid 1px #c4c4c4;
 	padding-bottom: 20px;
 	transition: all .5s;
 	margin-bottom: 20px;
 	align-items: center;
 }

 #blog-details .latest-post {
 	margin-top: 51px;
 }

 #blog-details .latest-post h4 {
 	font-size: 25px;
 	line-height: 30px;
 	color: var(--addit_color2);
 	margin-bottom: 30px;
 }

 #blog-details .blog-detail-right-about h6 {
 	font-size: 12px;
 	color: var(--addit_color2);
 	line-height: 17px;
 	margin-bottom: 10px;
 }

 #blog-details .blog-detail-right-about h6 span {
 	color: var(--secondary_color);
 }

 #blog-details .blog-detail-right-about div:last-child {
 	padding-left: 15px;
 	flex: 1;
 }

 #blog-details .blog-detail-right-about a {
 	font-size: 17px;
 	color: var(--addit_color2);
 	line-height: 26px;
 	margin-bottom: 0px;
 }

 #blog-details .blog-detail-right-about:hover a {
 	color: var(--secondary_color);
 }


 /* responsive */
 @media all and (min-width: 992px) {
 	#blog-details .blog-details-bottom-right {
 		position: relative;
 		left: -3px;
 		top: -1px;
 	}

 	#blog-details .blog-details-right {
 		padding-left: 27px;
 	}
 }

 @media all and (max-width: 991px) {
 	#blog-details .blog-details-bottom-right {
 		padding-left: 15px;
 		padding-right: 15px;
 		margin-top: 20px;
 	}
 }

 @media all and (max-width: 991px) and (min-width: 768px) {
 	#blog-details {
 		margin-top: 90px;
 	}
 }

 @media all and (max-width: 768px) {
 	#blog-details {
 		margin-top: 75px;
 	}

 	#blog-main .blog-section {
 		margin-bottom: 20px;
 	}

 	#blog-main .blog-bg:nth-child(odd) .row {
 		flex-flow: column !important;
 	}
 }

 @media all and (max-width: 300px) {
 	#blog-details .blog-detail-right-about {
 		display: block;
 	}

 	#blog-details .blog-detail-right-about div:last-child {
 		padding-left: 0px;
 		margin-top: 20px;
 	}
 }

 /* blog-page-starts */

 #blog-main .blogs .blog-left {
 	margin-top: 50px;
 }

 #blog-main .blogs .blog-left:first-child {
 	margin-top: 0px;
 }

 #blog-main {
 	margin-top: 99px;
 }

 #blog-main .blog-left {
 	padding-bottom: 0px;
 }

 #blog-main .blog-left-bottom {
 	padding-bottom: 32px;
 }

 .admin {
 	display: flex;
 	align-items: center;
 }

 /* .form-wrapper__login-option input:not([type="submit"], [type="password"]), .form-wrapper__returning-customer input[type="password"]{ */

 /* } */
 #contact-page-23 .contact-page-field select:active,
 #contact-page-23 .contact-page-field select:focus,
 #contact-page-23 .contact-page-field select:hover,
 #contact-page-23 .contact-page-field select:hover:focus,
 #contact-page-23 .contact-page-field input:active,
 #contact-page-23 .contact-page-field input:focus,
 /* #contact-page-23 .contact-page-field input:hover,  */
 #contact-page-23 .contact-page-field input:hover:focus,
 #contact-page-23 .contact-page-field textarea:active,
 #contact-page-23 .contact-page-field textarea:focus,
 /* #contact-page-23 .contact-page-field textarea:hover, */
 #contact-page-23 .contact-page-field textarea:hover:focus,

 .main-content .form-element:active,
 .main-content .form-element:focus,
 .main-content .form-element:hover,
 .main-content .form-element:hover:focus,
 .checkout-pane .form-element:active,
 .checkout-pane .form-element:focus,
 .checkout-pane .form-element:hover,
 .checkout-pane .form-element:hover:focus {
 	border-color: var(--primary_color);
 	border-width: 1px;
 	border-style: solid;
 	box-shadow: none;
 }

 .calender {
 	display: flex;
 	align-items: self-start;
 	/* padding-left:14.2px; */
 }

 .admin svg {
 	width: 17px;
 	height: 17px;
 	/* fill:var(--primary_color); */
 	margin-right: 7.2px;
 }

 .calender svg {
 	width: 17px;
 	height: 17px;
 	fill: var(--primary_color);
 	margin-right: 5.2px;
 }

 #blog-main .blog-left-content {
 	background: #fff;
 	box-shadow: 0px 0px 10px #00000029;
 	max-width: 689px;
 	padding: 30px 30px 30px;
 	margin-top: -45px;
 	z-index: 1;
 	position: relative;
 }

 #blog-main .buttons {
 	display: flex;
 	position: absolute;
 	z-index: 1;
 	margin-top: 10px;
 	bottom: -32px;
 }

 #blog-main .blog-left-content h4 {
 	margin-bottom: 8px;
 }

 #blog-main .blog-left-content h4 a {
 	font-size: 25px;
 	line-height: 30px;
 	color: #181818;
 	transition: all .5s;
 }

 #blog-main .blog-left-content h4 a:hover {
 	color: var(--primary_color);
 }

 .admin-calender h6 {
 	font-size: 15px;
 	line-height: 18px;
 	/* color: var(--primary_color); */
 	margin-bottom: 0px;
 }

 .admin-calender {
 	display: flex;
 	margin-bottom: 10px;
 	align-items: center;
 }

 #blog-main .blog-left-content p {
 	border-top: solid 1px #cecece;
 	padding-top: 19px;
 	margin-top: 16px;
 	margin-bottom: 0px;
 }

 #blog-main .blog-left-bottom {
 	margin-top: 50px;
 }

 .blog-main-right h5 {
 	font-size: 25px;
 	line-height: 30px;
 	margin-bottom: 50px;
 	color: #181818;
 	position: relative;
 }

 .blog-main-right h5::before {
 	position: absolute;
 	border-bottom: solid 1px #707070;
 	content: '';
 	width: 100%;
 	bottom: -22px;
 }

 .blog-main-right h5::after {
 	position: absolute;
 	border-bottom: solid 3px var(--primary_color);
 	content: '';
 	width: 45%;
 	bottom: -23px;
 	left: 0;
 	transition: all .5s;
 }

 #blog-main .posts {
 	margin-top: 38px;
 }

 #blog-main .posts:first-child {
 	margin-top: 0px;
 }

 .blog-main-right-inner {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 }

 .blog-main-right-image {
 	margin-right: 15px;
 	/* flex: 0 0 25%; */
 }

 .blog-main-right-content {
 	flex: 0 0 72%;
 }

 .blog-main-right h4 a {
 	font-size: 18px;
 	color: #181818;
 	transition: all .5s;
 }

 .blog-main-right h4 {
 	margin-bottom: 0px;
 	line-height: 24px;
 }

 .blog-main-right h4 a:hover {
 	color: var(--primary_color);
 }

 .blog-main-right-inner:nth-last-of-type(2) {
 	margin-bottom: 38px;
 }

 .blog-main-right-inner:nth-last-of-type(3) {
 	margin-bottom: 38px;
 }

 .blog-main-right-image-part {
 	margin-top: 59px;
 	background: url(../images/blog-main-right-img4.png);
 	padding: 30px 20.5px 30px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: Center;
 }

 .blog-main-right-image-part h5 {
 	font-size: 25px;
 	line-height: 30px;
 	margin-bottom: 41px;
 	color: #fff;
 	position: relative;
 }

 .blog-main-right-image-part h5::before {
 	position: absolute;
 	border-bottom: solid 1px #fff;
 	content: '';
 	width: 100%;
 	bottom: -22px;
 }

 .blog-main-right-image-part h5::after {
 	position: absolute;
 	border-bottom: solid 3px var(--primary_color);
 	content: '';
 	width: 50%;
 	bottom: -23px;
 	left: 0;
 	transition: all .5s;
 }

 .blog-main-right-image-part p {
 	color: #fff;
 	margin-bottom: 29px;
 }

 .blog-main-right-image-part svg {
 	width: 48.97px;
 	height: 49.02px;
 }

 .blog-main-right-image-part .time-call-content {
 	display: flex;
 	align-items: center;
 }

 .blog-main-right-image-part .time-call-content span {
 	background-color: var(--primary_color);
 	padding: 13px 13px 8px 14px;
 	margin-right: 23px;

 }

 .blog-main-right-image-part .time-call-content p {
 	font-size: 14px;
 	line-height: 16px;
 	margin-bottom: 4px;
 }

 .blog-main-right-image-part .time-call-content a {
 	font-size: 23px;
 	line-height: 32px;
 	transition: all .5s;
 	color: #fff;
 }

 .blog-main-right-image-part .time-call-content a:hover {
 	color: var(--primary_color);
 }

 .blog-main-right:hover h5::after {
 	width: 100%;
 }

 .blog-main-right-image-part:hover h5:after {
 	width: 100%;
 }

 #blog-main .blog-left:hover .blog-left-img img {
 	transform: scale(1.03) rotate(0.50deg);
 }

 #blog-main .blog-left-img img {
 	transition: all 0.6s ease-in-out;
 	transform: scale(1);
 }

 #blog-main .blog-left-img {
 	overflow: hidden;
 }

 #blog-main .blog-left-bottom:hover .blog-left-img img {
 	transform: scale(1.03) rotate(0.50deg);
 }

 #blog-main .blog-left:hover .blog-left-img ::after {
 	opacity: 1;
 }

 #blog-main .blog-left-img img {
 	transition: all 0.6s ease-in-out;
 	transform: scale(1);
 	/* width: 100%; */
 }

 #blog-main .blog-left-img {
 	overflow: hidden;
 	height: 340px;
 }

 #blog-main .blog-left-img div {
 	position: relative;
 	cursor: pointer;
 }

 #blog-main .blog-left-img div::after {
 	position: absolute;
 	display: block;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	z-index: 1;
 	left: 0;
 	content: '';
 	background-color: rgba(0, 0, 0, .2);
 	opacity: 0;
 	-webkit-transition: opacity .4s ease-in-out;
 	-o-transition: opacity .4s ease-in-out;
 	transition: opacity .4s ease-in-out;
 }

 #blog-main .blog-left-bottom:hover .blog-left-img div::after {
 	opacity: 1;
 }

 #blog-main .blog-left:hover .blog-left-img div::after {
 	opacity: 1;
 }

 /* blog-page-ends */
 @media all and (max-width: 1199px) and (min-width: 992px) {
 	.blog-main-right-image-part .time-call-content a {
 		font-size: 20px;
 	}

 	.blog-main-right-inner {
 		display: block;
 	}

 	.blog-main-right-content {
 		margin-top: 20px;
 	}

 	#blog-main .blog-left-content {
 		max-width: 555px;
 	}
 }

 @media all and (min-width: 992px) {
 	/* .blog-main-right-image { */
 	/* width:35%; */
 	/* } */
 	/* .blog-main-right-image img { */
 	/* width:100%; */
 	/* } */
 }

 @media all and (max-width: 991px) {
 	#blog-main {
 		margin-top: 61px;
 	}

 	.blog-main-right {
 		margin-top: 40px;
 	}

 	/* .blog-main-right, .blog-main-right-image-part { */
 	/* max-width:571px; */
 	/* } */
 }

 @media all and (max-width: 991px) {
 	#blog-main .blog-left-content h4 a {
 		font-size: 23px;
 		line-height: 28px;
 	}

 	#blog-main .blog-left-content {
 		max-width: 635px;
 	}

 	#contact-form-31 .col-12 {
 		padding: 0px;
 	}
 }

 @media all and (max-width: 767px) {

 	/* blog-page */
 	#blog-main .blog-left-content {
 		/* padding:24px 19px 52px; */
 	}
 }

 @media all and (max-width: 767px) and (min-width: 576px) {
 	#blog-main .blog-left-content h4 a {
 		font-size: 22px;
 		line-height: 25px;
 	}

 	#blog-main .blog-left-content {
 		max-width: 467px;
 	}
 }

 @media all and (max-width: 575px) {
 	.blog-main-right-inner:nth-last-of-type(2) {
 		margin-bottom: 18px;
 	}

 	.blog-main-right-inner:nth-last-of-type(3) {
 		margin-bottom: 18px;
 	}

 	.blog-main-right-image-part {
 		margin-top: 30px;
 	}
 }

 @media all and (max-width: 575px) and (min-width: 360px) {
 	#blog-main .blog-left-content h4 a {
 		font-size: 21px;
 		line-height: 24px;
 	}
 }

 @media all and (max-width: 500px) {
 	.blog-main-right-inner {
 		display: block;
 	}

 	.blog-main-right-content {
 		margin-top: 20px;
 	}

 	#blog-main .blog-left-img {
 		height: auto;
 	}
 }

 @media all and (max-width: 359px) {
 	#blog-main .blog-left-content h4 a {
 		font-size: 19px;
 	}

 	#blog-main .blog-left-content h4 {
 		line-height: 22px;
 	}

 	#blog-main .blog-left-content p {
 		padding-top: 16px;
 		margin-top: 14px;
 	}

 	#blog-main a.side-buttons {
 		padding: 6px 10px;
 	}

 	#blog-main a.side-buttons::before {
 		min-height: 138%;
 		top: -8px;
 	}

 	.blog-main-right h4 {
 		line-height: 20px;
 	}

 	.blog-main-right h4 a {
 		font-size: 16px;
 	}

 	.blog-main-right-image-part .time-call-content a {
 		font-size: 20px;
 	}

 	.blog-main-right-image-part .time-call-content span {
 		margin-right: 16px;
 		padding: 6px 11px 6px 8px;
 	}

 	.blog-main-right-image-part svg {
 		width: 45.97px;
 		height: 43.02px;
 	}
 }

 @media all and (max-width: 300px) {
 	.blog-main-right-image-part .time-call-content {
 		display: block;
 	}

 	.blog-main-right-image-part .time-call-content span {
 		display: flex;
 		max-width: 63px;
 	}

 	.blog-contact {
 		margin-top: 10px;
 	}

 	.admin-calender {
 		display: block;
 	}

 	.calender {
 		padding-left: 0px;
 		margin-top: 10px;
 	}
 }

 .pest-info {
 	margin: 15px 0px;
 	background: #fff;
 	box-shadow: 0 3px 6px rgba(0 0 0 / 16%);
 	border-radius: 20px;
 	text-align: center;
 	transition: .5s;
 	padding: 28.5px 39.5px;
 }

 .pest-info span {
 	transition: .5s;
 	display: inline-block;
 	width: 60px;
 	height: 60px;
 	line-height: 60px;
 	transition: .5s;
 	border-radius: 50%;
 	text-align: center;
 	position: relative;
 	margin-bottom: 25px;
 	background: #EEFBF6;
 }

 .pest-info span::before {
 	position: absolute;
 	content: '';
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 0;
 	border-radius: 50%;
 	transition: .9s;
 	transform: scale(.5);
 	opacity: 0;
 	background: var(--green);
 }

 .pest-info>a {
 	transition: all 0.5s ease;
 	border: 1px solid #BBB9B9;
 	color: var(--secondary_color);
 	background: transparent;
 	padding: 19px 34px;
 }

 .pest-info>a:hover {
 	color: #fff;
 	background: var(--green);
 	border-color: var(--green);
 }

 .pest-info:hover span::before {
 	transform: scale(1);
 	opacity: 1;
 }

 .pest-info:hover span {
 	transform: rotate(180deg);
 }

 .captcha .captcha__description,
 .captcha .captcha__title {
 	display: none;
 }

 .captcha .form-item {
 	margin: 0;
 }

 /* home-services-detail start*/

 /* dashbiard css start */
 .service-detail-page .dashboard .icons {
 	margin-bottom: 20px;
 }

 .service-detail-page .dashboard {
 	margin-top: 100px;
 }

 .service-detail-page .dashboard .heading h3 {
 	display: none;
 }

 .service-detail-page .icon-detials .icon-title {
 	margin: auto;
 	color: var(--primary_color);
 	padding-top: 8px;
 	font-size: 18px;
 }

 .service-detail-page .icon-detials a:hover .icon-title {
 	color: var(--addit_black);
 }

 .service-detail-page .icon-detials a {
 	text-align: center;
 	margin-bottom: 25px;
 	background: var(--primary_color)3b;
 	border-radius: 10px;
 	padding: 30px 0;
 	display: block;
 	margin: 0px 20px;
 	margin-bottom: 0px;
 	text-decoration: none;
 }

 .service-detail-page .icon-detials a svg {
 	width: 70px;
 	height: 70px;
 	margin: auto;
 	fill: var(--primary_color);
 }

 .service-detail-page .icon-detials a:hover svg {
 	fill: var(--addit_black);
 }

 /* dashbiard css end */

 .service-detail-page ul.menu a.is-active {
 	color: var(--primary_color);
 }

 .service-detail-page .home-banner-form .messages__item {
 	font-size: 13px;
 	line-height: 15px;
 }

 .service-detail-page .messages--error .messages__header,
 .service-detail-page .messages--status .messages__header {
 	background: none;
 	margin: 0;
 }


 .service-detail-page {
 	margin-top: 100px;
 }

 .service-detail-image .field__items {
 	display: flex;
 	margin: 20px 0;
 }

 .service-detail-image .field__items .field__item:not(:last-of-type) {
 	margin-right: 15px;
 }

 .service-detail-image .field__items img {
 	border-radius: 20px;
 }

 .pestdetails-right .pestdetails-right .tab-content .tab-pane a:hover {
 	color: var(--primary_color);
 }

 /* home-services-detail end*/
 /* products design */




 body.simplelogin {
 	background-color: var(--primary_color);
 }

 /*product-details-page-open */

 .product-detial-content h3 {
 	font-size: 35px;
 	font-size: 45px;
 }

 .prductdetails-slider {
 	flex: 0 0 80%;
 	max-width: 80%;
 }

 .prduct-slider-nav {
 	flex: 0 0 20%;
 	margin-bottom: -11px;
 	max-width: 20%;
 	padding-right: 20px;
 }

 .prduct-slider-nav .img-box {
 	margin-bottom: 11px;
 	opacity: 0.7;
 	border: 1px solid transparent;
 	transition: all 0.2s ease;
 }

 .prduct-slider-nav .img-box:hover {
 	border: 1px solid var(--primary_color);
 	opacity: unset;
 }

 .prduct-slider-nav .slick-current {
 	opacity: unset;
 	border: 1px solid var(--primary_color);
 }

 .productdetails-right h3 {
 	margin-bottom: 20px;
 	font-size: 30px;
 	text-transform: capitalize;
 	line-height: 37px;
 	font-family: var(--secondary_font);
 }

 .productdetails-right span {
 	/* font-size: 20px; */
 	/* line-height: 25px; */
 	/* display: block; */
 	/* margin-bottom: 20px; */
 	font-family: var(--secondary_font);
 	color: var(--primary_color);
 }

 .quantity form {
 	display: flex;
 	align-items: end;
 }

 .quantity {
 	margin-top: 20px
 }

 .quantity * {
 	margin: 0px;

 }

 .quantity label {
 	font-size: 17px;
 	line-height: 25px;
 	margin-bottom: 15px;
 	font-family: var(--secondary_font);
 }

 /* Wrapper Design */
 .quantity .custom-qty-wrapper {
 	display: inline-flex;
 	align-items: center;
 	justify-content: space-between;
 	width: 140px;
 	border: 1px solid #ddd;
 	background: #f5f5f5;
 	padding: 10px 15px;
 }

 /* Hide default arrows */
 .quantity .custom-qty-wrapper input[type="number"]::-webkit-inner-spin-button,
 .quantity .custom-qty-wrapper input[type="number"]::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 	margin: 0;
 }

 .quantity .custom-qty-wrapper input[type="number"] {
 	border: none;
 	width: 40px;
 	text-align: center;
 	background: transparent;
 	font-size: 18px;
 	font-weight: 500;
 }

 .quantity .qty-btn {
 	cursor: pointer;
 	font-size: 20px;
 	user-select: none;
 	color: #333;
 	font-family: var(--secondary_font);
 }

 .quantity .qty-btn:hover {
 	color: #000;
 }

 .quantity #edit-actions--2 input,
 .quantity #edit-actions--2 {
 	width: 100%;
 }

 .productdetails-right .quantity #edit-actions {
 	width: 100%;
 }

 .productdetails-right .quantity #edit-actions input {
 	appearance: none;
 	width: 120px;
 	text-align: center;
 	height: 48px;
 	width: 100%;
 	color: var(--primary_color);
 	border-radius: 5px;
 	font-family: var(--secondary_font);
 	border: 1px solid var(--primary_color);
 	line-height: 40px;
 	padding: 5px 15px;
 	margin-right: 10px;

 }

 /* .quantity input { */
 /* appearance: none; */
 /* width: 120px; */
 /* text-align: center; */
 /* height: 48px; */
 /* font-family: var(--secondary_font); */
 /* color: var(--primary_color); */
 /* border-radius: 5px; */
 /* border: 1px solid var(--primary_color); */
 /* line-height: 40px; */
 /* padding: 5px 15px; */
 /* margin-right: 10px; */
 /* } */
 .training-event .form-actions {
 	margin-top: 0px;
 	padding: 0px;
 	width: fit-content;
 	background: #fff;
 	border-color: #fff;
 	color: var(--primary_color);
 	font-weight: 500;
 	position: relative;
 	font-family: var(--secondary_font);
 	font-size: 16px;
 	margin-right: 10.5px;
 	margin-bottom: 10.5px;
 	text-transform: capitalize;
 	line-height: 24px;
 	transition: all 0.3s ease;
 	letter-spacing: 0.6px;
 }

 .training-event .form-actions:before {
 	position: absolute;
 	right: -5.5px;
 	transition: all 0.3s ease;
 	top: 10.5px;
 	width: 1px;
 	background: var(--primary_color);
 	content: '';
 	height: 100%;
 }

 .training-event .form-actions:after {
 	position: absolute;
 	left: 10.5px;
 	bottom: -5.5px;
 	transition: all 0.3s ease;
 	height: 1px;
 	background: var(--primary_color);
 	content: '';
 	width: 100%;
 }

 .training-event .form-actions:hover:before {
 	height: 0%;
 }

 .training-event .form-actions:hover:after {
 	width: 0%;
 }

 .training-event .form-actions input:focus {
 	border: 1px solid #fff;
 }

 .training-event .form-actions input {
 	background: transparent;
 	margin: 0px;
 	font-weight: 500;
 	color: var(--primary_color);
 	padding: 11px 19px;
 	line-height: 24px;
 }

 .training-event .form-actions:hover {
 	background: transparent;
 	border-color: #fff;
 }

 .training-event .form-actions:hover input {
 	color: #fff;
 	border-color: #fff;
 }

 .training-event .btn-wrap {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .training-event .form-actions:before,
 .training-event .form-actions:after {
 	background: #fff;
 }


 .quantity .form-actions {
 	padding: 0px;
 	color: #fff;

 }

 .quantity .form-actions input.button {
 	background: transparent;
 	border: none;
 	border-radius: 0px;
 	margin: 0px;
 	/* color: #fff; */
 	font-family: var(--secondary_font);
 }

 .quantity .form-actions:hover input.button {
 	color: var(--primary_color);
 }

 .quantity .wishlist {
 	background: var(--primary_color);
 	border-radius: 3px;
 	color: var(--addit_white);
 	position: relative;
 	overflow: hidden;
 	margin: 0px;
 	/* padding: 13px 15px; */
 }

 .quantity svg {
 	fill: #fff;
 	width: 15px;
 	height: 15px;
 }

 .productdetails-right .price {
 	display: flex;
 	font-size: 20px;
 	font-weight: 600;
 	font-family: var(--secondary_font);
 	color: var(--primary_color);
 	margin-bottom: 12px;
 }

 .productdetails-right .sku-number {
 	display: flex;
 	font-size: 18px;
 	font-weight: 600;
 	font-family: var(--secondary_font);
 	color: var(--secondary_color);
 	margin-bottom: 12px;

 	border-top: 1px solid #eee;
 	border-bottom: 1px solid #eee;
 	padding: 10px 0px;
 	margin: 12px 0px;
 	justify-content: space-between;
 }

 .productdetails-right .sku-number span {
 	font-size: 16px;
 	font-weight: 400;
 	font-family: var(--secondary_font);
 	color: var(--secondary_color);
 }

 #block-wcsb-productsdetails {
 	margin-bottom: 2em;
 }

 #block-wcsb-productsdetails .single-product-extras svg {
 	fill: var(--primary_color);
 	margin-right: 10px;

 }

 #block-wcsb-productsdetails ul,
 #block-wcsb-productsdetails li {
 	padding: 0px;
 	margin: 0px;
 	line-height: 32px;
 	list-style: none;
 }

 #block-wcsb-productsdetails .single-product-payments ul {
 	display: flex;
 	gap: 10px;
 	flex-wrap: wrap;
 }

 #block-wcsb-productsdetails .single-product-extras {
 	margin-top: 2em;
 	margin-bottom: 2em;
 }

 #block-wcsb-productsdetails .single-product-payments {
 	/* margin-bottom: 2em; */
 	display: inline-block;
 	margin-top: 0;
 	padding: 0.625em 1.5em 0.625em 1em;
 	border-radius: 0.25rem;
 	border: 1px solid #cbcbcb;
 }

 #block-wcsb-productsdetails .single-product-payments legend {
 	padding: 0 0.5em;
 	font-family: var(--secondary_font);
 	color: var(--secondary_color);
 	width: auto;
 	font-size: 18px;
 	font-weight: 600;
 }

 #block-wcsb-productsdetails .single-product-payments .thewebs-svg-iconset svg {
 	height: 30px;
 	width: auto;

 }

 .productdetails-right small div {
 	margin-left: 15px;
 }

 .prductdetails-left {
 	align-items: center;
 	display: flex;
 }

 .relatedproduct-inner {
 	transition: all .3s ease;
 	background: #fff;
 	padding: 20px 0px;
 	text-align: center;
 }

 .relatedproduct-inner:hover {
 	box-shadow: 0px 5px 10px rgba(0 0 0/16%);
 }

 .relatedproduct-inner figure {
 	overflow: hidden;
 	margin: 0;
 	min-height: 268px;
 	padding: 0px 15px;
 	border-bottom: 1px solid rgba(166 33 57/44%);
 	padding-bottom: 55px;
 	position: relative;
 }

 .relatedproduct-button {
 	transition: all .3s ease;
 	position: absolute;
 	bottom: -20px;
 	opacity: 0;
 	width: 100%;
 	left: 0;
 	display: flex;
 	justify-content: center;
 }

 .relatedproduct-inner:hover .relatedproduct-button {
 	bottom: 13px;
 	opacity: 1;
 }

 .relatedproduct-inner svg {
 	fill: #fff;
 	transition: all 0.3s ease;
 }

 .relatedproduct-button a {
 	transition: all 0.3s ease;
 	margin: 0px 5px;
 	width: 29px;
 	height: 29px;
 	border-radius: 50%;
 	background: var(--primary_color);
 }

 .relatedproduct-button a:hover {
 	background: #fff;
 	box-shadow: 0 0 6px rgba(0 0 0/ 16%);
 }

 .relatedproduct-button a:hover svg {
 	fill: var(--primary_color);
 }

 .relatedproduct-button .wishlist svg {
 	width: 11.06px;
 	height: 10.29px;
 }

 .relatedproduct-button .zoom svg {
 	width: 11.06px;
 	height: 10.29px;
 }

 .relatedproduct-content {
 	padding: 14px;
 	padding-bottom: 0;
 }

 .relatedproduct-content h3 {
 	line-height: 0;
 	margin-bottom: 10px;
 }

 .relatedproduct-content h3 a {
 	transition: all 0.3s ease;
 	font-size: 17px;
 	line-height: 20px;
 	font-weight: 400;
 }

 .relatedproduct-content h3 a:hover {
 	color: var(--primary_color);
 }

 .relatedproduct-content span {
 	margin-bottom: 15px;
 	display: block;
 	font-size: 20px;
 	line-height: 24px;
 	font-weight: 400;
 	color: var(--primary_color);
 }

 .related-product {
 	margin-bottom: 25px;
 }

 .relatedproduct-inner {
 	margin-top: 55px;
 }

 .Products-details img {
 	width: 100%;
 	height: 400px;
 	background: #fff;
 	border-radius: 12px;
 	object-fit: contain;
 }

 .products-items-thumbnail {
 	border: 1px solid #eee;
 	border-radius: 12px;
 }

 .productdetails-bottom {
 	margin-top: 40px;
 }

 .productdetails-bottom li span {
 	border-bottom: 3px solid black;
 }

 .productdetails-bottom ul {
 	border: none;
 	box-shadow: none;
 	list-style: none;
 	border-bottom: 1px solid #eee;

 }

 /* THUMBNAILS */
 .product_variations_slider {
 	margin-top: 20px;
 }

 .Products-details .col-md-4 {
 	padding: 0px;
 }

 .Products-details .field__label {
 	display: none;
 }

 .product_variations_slider .field__items .slick-list {
 	padding: 0px !important;
 }

 .product_variations_slider .field__items .slick-slide {
 	margin: 5px;
 }

 .product_variations_slider .field__items {
 	display: flex;
 	gap: 12px;
 }

 .product_variations_slider .field__item img {
 	width: 90px;
 	height: 90px;
 	object-fit: cover;
 	cursor: pointer;
 	border-radius: 8px;
 	border: 2px solid #f3f3f3;
 	transition: .3s ease;
 }

 .product_variations_slider .field__item img:hover,
 .product_variations_slider .field__item img.active {
 	border-color: var(--primary_color);
 	transform: scale(1.05);
 }

 .productdetails-right span {
 	/* display: block; */
 	font-size: 32px;
 	font-weight: 700;
 	/* color: var(--primary_color); */
 	margin-bottom: 8px;
 }

 .productdetails-right p a {
 	color: var(--primary_color);
 	font-weight: 600;
 }

 .form-item--quantity-0-value label {
 	/* font-size: 14px; */
 	margin-bottom: 6px;
 	/* color: #333; */
 }

 .form-element--type-number {
 	width: 120px;
 	margin-bottom: 10.5px;
 	margin-right: 10.5px;
 	/* min-height: 15px; */
 	padding: 8px 12px;
 	border-radius: 3px;
 	border: 1px solid #ccc;
 }

 .form-element--type-number:hover {
 	border: 1px solid #ccc;
 }

 /* ADD TO CART BUTTON */
 /* .button--add-to-cart { */
 /* width: 100%; */
 /* margin: 0px; */
 /* padding: 14px; */
 /* font-size: 16px; */
 /* font-weight: 600; */
 /* background: var(--primary_color); */
 /* color: #fff; */
 /* border-radius: 8px; */
 /* border: none; */
 /* transition: .3s ease; */
 /* } */

 /* .button--add-to-cart:hover { */
 /* background: #fff; */
 /* color: var(--primary_color); */
 /* } */

 /* MOBILE */
 @media (max-width: 768px) {
 	.Products-details {
 		padding: 30px 0;
 	}

 	#about-us .about-button {
 		margin-bottom: 0px;
 	}

 	#contact-form-31 {
 		background: #FFFAF5;
 		background-image: none !important;
 	}

 	#contact-form-31 .contact-form-field {
 		padding-right: 15px;
 		margin-bottom: 20px;
 	}

 	.ftr-menus h5 {
 		margin-top: 0px;
 	}

 	.ftr-menus,
 	.ftr-logo {
 		margin-bottom: 30px;
 	}

 	.productdetails-right h3 {
 		font-size: 22px;
 	}

 	.productdetails-right span {
 		font-size: 26px;
 	}

 	.product_variations_slider .field__items {
 		justify-content: center;
 	}
 }

 /* .cart-form { */
 /* padding: 40px 0; */
 /* } */

 .cart-form table.views-table {
 	width: 100%;
 	border-collapse: separate;
 	border-spacing: 0 12px;
 }

 .checkout-pane-payment-information .address-book-edit-button,
 .commerce-checkout-flow .form-actions .button,
 .checkout-pane-coupon-redemption .button,
 .cart-form #edit-checkout,
 .cart-form #edit-submit,
 .delete-order-item {
 	color: white;
 	text-transform: capitalize;
 	background-color: var(--primary_color);
 	border: 1px solid var(--primary_color);
 	/* padding: 12px 15px; */
 	/* font-size: 15px; */
 	box-shadow: none;
 	transition: all 0.3s ease;
 	font-weight: 500;
 }

 .checkout-pane-payment-information .address-book-edit-button:hover,
 .commerce-checkout-flow .form-actions .button:hover,
 .checkout-pane-coupon-redemption .button:hover,
 .cart-form #edit-checkout:hover,
 .delete-order-item:hover,
 .cart-form #edit-submit:hover {
 	color: var(--primary_color);
 	background-color: var(--addit_white);
 }

 .cart-form #view-purchased-entity-table-column {
 	width: 100%;
 }

 .cart-form thead th {
 	font-size: 14px;
 	font-weight: 500;
 	color: #444;
 	text-transform: uppercase;
 	padding: 12px 15px;
 	background: #f3f3f3;
 	border: none;
 	border-radius: 2px;
 }

 .cart-form tbody tr {
 	background: #ffffff;
 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
 	/* border-radius: 10px; */
 }

 .cart-form tbody td {
 	padding: 18px 15px;
 	vertical-align: middle;
 	/* border: none; */
 }

 .cart-form tbody tr td:first-child {
 	border-radius: 10px 0 0 10px;
 	font-weight: 500;
 }

 .cart-form tbody tr td:last-child {
 	border-radius: 0 10px 10px 0;
 	font-weight: 600;
 }

 .quantity-edit-input {
 	width: 70px;
 	padding: 8px 10px;
 	border-radius: 6px;
 	border: 1px solid #ddd;
 	text-align: center;
 }

 .button:not(:focus) {
 	box-shadow: none;
 }

 .order-total-summary,
 [data-drupal-selector="order-total-summary"] {
 	margin-top: 40px;
 }

 .order-total-summary table {
 	width: 100%;
 	background: #f9fafc;
 	border-radius: 10px;
 	overflow: hidden;
 }

 .order-total-summary td {
 	padding: 14px 16px;
 	font-size: 15px;
 	border: none;
 }

 .order-total-line__total td {
 	font-size: 17px;
 	font-weight: 700;
 	color: #111;
 }

 .commerce-checkout-flow .form-actions {
 	display: flex;
 	justify-content: flex-end;
 	gap: 15px;
 	align-items: center;
 	margin-top: 30px;
 }

 .commerce-checkout-flow #edit-submit {
 	background: #e8eaef;
 	color: #111;
 }

 .commerce-checkout-flow #edit-checkout {
 	background: var(--primary_color);
 	color: #fff;
 }

 .commerce-checkout-flow #edit-checkout:hover {
 	background: #1f1c6d;
 }

 @media (max-width: 767px) {
 	.commerce-checkout-flow .form-actions {
 		flex-direction: column;
 	}

 	.commerce-checkout-flow .form-actions .button {
 		width: 100%;
 	}
 }


 .layout-checkout-form {
 	padding: 40px 0;
 }

 .col-left,
 .col-right {
 	margin-bottom: 30px;
 }

 .checkout-pane {
 	background: #ffffff;
 	border-radius: 12px;
 	padding: 24px;
 	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
 	margin-bottom: 25px;
 }

 .commerce-checkout-flow .field--name-title {
 	display: none;
 }

 .commerce-checkout-flow .fieldset {
 	border: 1px solid #eee;
 	border-radius: 10px;
 	/* padding: 18px; */
 	box-shadow: none;
 	margin-bottom: 20px;
 }

 .commerce-checkout-flow .fieldset__legend {
 	font-size: 16px;
 	font-weight: 500;
 	color: #111;
 	margin-bottom: 10px;
 }

 .commerce-checkout-flow .fieldset__wrapper {
 	font-size: 15px;
 	color: #555;
 	line-height: 1.6;
 }

 .commerce-checkout-flow .fieldset__legend a {
 	font-size: 14px;
 	color: var(--primary_color);
 	text-decoration: none;
 	color: #fff;
 	font-family: var(--tertiary_font);
 	font-weight: 500;
 }

 .commerce-checkout-flow .fieldset__legend a:hover {
 	text-decoration: underline;
 }

 .secondary-title {
 	font-size: 22px;
 	font-weight: 700;
 	color: #111;
 }

 .checkout-cart table {
 	width: 100%;
 	border-collapse: collapse;
 }

 .checkout-cart tbody tr:hover {
 	background-color: #fffbf4bd;
 }

 .checkout-cart td {
 	padding: 12px 8px;
 	font-size: 16px;
 	vertical-align: middle;
 }

 .views-field-quantity {
 	font-weight: 500;
 	color: #333;
 	white-space: nowrap;
 }

 .views-field-purchased-entity a {
 	display: inline-block;
 	margin-top: 4px;
 	text-transform: capitalize;
 	color: var(--secondary_color);
 	text-decoration: none;
 }

 .views-field-purchased-entity a:hover {
 	color: var(--primary_color);
 }

 .views-field-total-price__number {
 	font-weight: 500;
 	color: var(--primary_color);
 	white-space: nowrap;
 	/* text-align: right; */
 }

 .order-total-summary table {
 	width: 100%;
 	background: #ffffff;
 	border-radius: 10px;
 	margin-top: 20px;
 }

 .order-total-summary td {
 	padding: 14px 16px;
 	font-size: 15px;
 }

 .order-total-line__total td {
 	font-size: 16px;
 	font-weight: 700;
 	color: #111;
 }

 .checkout-pane-coupon-redemption {
 	margin-top: 20px;
 }

 .checkout-pane-coupon-redemption input[type="text"] {
 	width: 100%;
 	padding: 10px 12px;
 	border-radius: 6px;
 	border: 1px solid #ddd;
 }

 .checkout-pane-coupon-redemption .form-actions {
 	margin-top: 30px;
 	display: flex;
 	align-items: center;
 	gap: 18px;
 }

 .checkout-pane-coupon-redemption #edit-actions-next {
 	background: var(--primary_color);
 	color: #fff;
 	padding: 14px 30px;
 	border-radius: 10px;
 	font-size: 16px;
 	font-weight: 700;
 	border: none;
 }

 .checkout-pane-coupon-redemption #edit-actions-next:hover {
 	background: #1f1c6d;
 }

 .checkout-pane-coupon-redemption .link--previous {
 	font-size: 14px;
 	color: #555;
 	text-decoration: none;
 }

 .checkout-pane-payment-information {
 	background: #ffffff;
 	border-radius: 12px;
 	padding: 24px;
 	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
 	margin-bottom: 25px;
 }

 .checkout-pane-payment-information .fieldset__legend {
 	margin-bottom: 15px;
 }

 .checkout-pane-payment-information .fieldset__label {
 	font-size: 18px;
 	font-weight: 500;
 	color: #111;
 }

 .checkout-pane-payment-information .fieldset__wrapper {
 	font-size: 15px;
 	color: #555;
 }

 .checkout-pane-payment-information .address {
 	background: #f9fafc;
 	border-radius: 10px;
 	padding: 16px 18px;
 	line-height: 1.6;
 	color: #333;
 }

 .checkout-pane-payment-information .given-name,
 .checkout-pane-payment-information .family-name {
 	font-weight: 500;
 }

 .checkout-pane-payment-information .country {
 	font-weight: 500;
 }

 .link--previous:hover {
 	text-decoration: underline;
 }

 .offset-sm-9 {
 	margin-left: auto;
 }

 @media (max-width: 991px) {

 	.col-left,
 	.col-right {
 		width: 100%;
 	}
 }

 @media (max-width: 767px) {
 	.secondary-title {
 		font-size: 20px;
 	}

 	.form-actions {
 		flex-direction: column;
 		align-items: stretch;
 	}

 	#edit-actions-next {
 		width: 100%;
 		text-align: center;
 	}
 }

 @media (max-width: 767px) {
 	.checkout-pane-payment-information {
 		padding: 18px;
 	}

 	.checkout-pane-payment-information .fieldset__label {
 		font-size: 16px;
 	}
 }

 .commerce-checkout-flow .checkout-pane-payment-information {
 	background: #ffffff;
 	border: 1px solid #e5e7eb;
 	border-radius: 8px;
 	padding: 20px;
 	margin-bottom: 24px;
 	margin-top: 0px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information .fieldset__label {
 	/* font-size: 16px; */
 	/* font-weight: 600; */
 	/* color: #111827; */
 }

 .commerce-checkout-flow .checkout-pane-payment-information .js-form-item {
 	margin-bottom: 14px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information label {
 	font-size: 15px;
 	font-weight: 500;
 	color: #374151;
 	margin-bottom: 0px;
 	display: block;
 	margin-bottom: 10px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information input[type="text"],
 .commerce-checkout-flow .checkout-pane-payment-information select {
 	width: 100%;
 	height: 42px;
 	padding: 8px 12px;
 	border-radius: 6px;
 	border: 1px solid #d1d5db;
 	font-size: 14px;
 	color: #111827;
 	background: #ffffff;
 }

 .commerce-checkout-flow .checkout-pane-payment-information input[type="text"]:focus,
 .commerce-checkout-flow .checkout-pane-payment-information select:focus {
 	outline: none;
 	border-color: var(--primary_color);
 }

 .commerce-checkout-flow .checkout-pane-payment-information .address-container-inline {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 14px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information .address-container-inline .js-form-item {
 	margin-bottom: 0;
 	margin: 0px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information .form-checkbox {
 	margin-right: 8px;
 	border: none;
 	box-shadow: none;
 }

 .commerce-checkout-flow .checkout-pane-payment-information .form-item--payment-information-billing-information-copy-to-address-book {
 	margin-top: 16px;
 	font-size: 14px;
 	color: #374151;
 }

 @media (max-width: 768px) {
 	.commerce-checkout-flow .checkout-pane-payment-information {
 		padding: 16px;
 	}

 	.commerce-checkout-flow .checkout-pane-payment-information .address-container-inline {
 		grid-template-columns: 1fr;
 	}
 }

 .form-item--payment-information-billing-information-copy-to-address-book {
 	display: flex;
 	align-items: center;
 }

 .form-item--payment-information-billing-information-copy-to-address-book label {
 	cursor: pointer;
 	font-size: 14px;
 	color: #374151;
 }

 #product-home .products-row {
 	margin-top: 10px;
 	gap: 30px 0px;
 	justify-content: left;
 }

 /* Product card */
 #product-home .products-item {
 	margin-bottom: 30px;
 }

 #product-home .product-item-innr {
 	height: 100%;
 	background: #fff;
 	border-radius: 10px;
 	overflow: hidden;
 	border: 1px solid #fff;

 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
 	transition: all 0.35s ease;
 }

 #product-home .product-item-innr:hover {
 	border: 1px solid var(--primary_color);
 	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
 }

 #product-home .product-item-innr img {
 	width: 100%;
 	height: 300px;
 	object-fit: cover;
 	display: block;
 }

 .provider-home .product-content,
 #product-home .product-content {
 	padding: 0 15px;

 }

 #product-home .product-image-slider {
 	background: var(--addit_white);
 	border-radius: 10px 10px 0px 0px;
 }

 #product-home h3.products-title *,
 #product-home .products-title a {
 	/* font-size: 23px; */
 	font-weight: 500;
 	color: #000;
 	margin-bottom: 0px;
 	text-transform: capitalize;
 	line-height: 24px;
 	transition: all 0.35s ease;
 }

 #product-home .products-title a {
 	color: var(--primary_color);
 }

 #product-home .products-title a:hover {
 	color: #000;
 }

 #product-home .product-card-details:hover h3.products-title *,
 #product-home .product-card-details:hover .products-title a {
 	/* color: #fff; */
 }

 #product-home .product-card-details .product-price .field__item,
 #product-home .product-card-details .product-skl .field__item,
 #product-home .product-card-details .product-content .form-item__label,
 #product-home .product-card-details .product-content .product-price,
 #product-home .product-card-details .products-title a {
 	transition: all 0.35s ease;
 }

 #product-home .product-card-details:hover .product-price .field__item,
 #product-home .product-card-details:hover .product-skl .field__item,
 #product-home .product-card-details:hover .product-content .form-item__label,
 #product-home .product-card-details:hover .product-content .product-price,
 #product-home .product-card-details:hover .products-title a {

 	/* color: var(--addit_white); */
 }

 .product-content strong,
 .product-content b {
 	font-weight: 700;
 }

 .product-content>span,
 .product-content>div,
 .product-content>p:first-of-type {
 	margin-bottom: 10px;
 }

 .product-content text,
 .product-content .price {
 	transition: all 0.35s ease;
 	font-size: 22px;
 	font-weight: 700;
 	color: var(--primary_color);
 	margin-bottom: 8px;
 	display: block;
 }

 .product-content p a {
 	color: var(--primary_color);
 	font-weight: 500;
 	text-decoration: none;
 }

 .product-content p a:hover {
 	text-decoration: underline;
 }

 @media (max-width: 767px) {
 	.product-content>.price {
 		font-size: 20px;
 	}
 }

 @media (max-width: 575px) {
 	#product-home .product-item-innr img {
 		height: 250px;
 	}
 }

 #product-home .commerce-order-item-add-to-cart-form * {
 	margin: 0px;
 }

 #product-home .commerce-order-item-add-to-cart-form {
 	/* display: flex; */
 	/* align-items: flex-end; */
 	/* justify-content: space-between; */
 }

 .provider-home .product-card-details,
 #product-home .product-card-details {
 	background: white;
 	border-radius: 12px;
 	height: 100%;
 	width: 100%;
 	padding: 0px;
 	/* border:1px solid var(--primary_color); */
 	/* box-shadow: 0 10px 30px rgba(0,0,0,0.06); */
 	transition: all 0.3s ease;
 	position: relative;
 	overflow: hidden;
 }

 #product-home .product-card-details:hover {
 	transform: translateY(-15px);
 }

 .product-reviews {
 	display: flex;
 	gap: 20px;
 	align-items: center;
 	justify-content: space-between;
 	line-height: 1;
 	border-top: 1px solid #E9F1FE;
 	border-bottom: 1px solid #E9F1FE;
 	padding: 7px 0px;
 }

 .product-card-details .product-body p {
 	padding: 10px 0px;
 }

 .product-card-details .product-desc {
 	margin-top: 0px;
 }

 .product-card-details,
 .product-reviews {
 	transition: all 0.5s ease-in-out;
 }

 .product-desc .form-actions {
 	justify-content: flex-end;
 	margin-top: 0px;
 }

 .product-reviews svg {
 	fill: #FFAB31;
 	width: 16px;
 	height: 16px;
 }

 .product-reviews ul {
 	display: flex;
 	align-items: center;
 	gap: 2px;
 	list-style-type: none;
 	margin: 0;
 	margin-right: 5px;
 }

 .product-review-left span {
 	font-weight: 500;
 }

 .product-review-left {
 	display: flex;
 	align-items: center;
 }

 /* #product-home .product-card-details:before{
	  content:'';
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	background:linear-gradient(20deg, rgb(0, 0, 0) 100%, rgb(0 0 0) 100%);
	z-index:1;
	opacity:0.4;
	} */

 /* #product-home .product-card-details:hover {
	  transform: translateY(-6px);
	  border:1px solid var(--primary_color);
	  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
	  background: #3d3d3d;
	} */
 .form-actions .button {
 	box-shadow: none;
 }

 #product-home .product-image-slider .field__item {
 	display: flex;
 	justify-content: center;
 }

 #product-home .product-image-slider img {
 	width: 100%;
 	height: 300px;
 	object-fit: cover;
 	border-radius: 12px;
 }

 /* product content */
 /* #product-home .product-content { */
 /* padding-bottom: 0px; */
 /* } */

 #product-home .product-card .field__label {
 	display: none;
 }

 #product-home .product-price .field__item,
 #product-home .product-skl .field__item {
 	font-size: 20px;
 	font-weight: 700;
 	font-family: var(--secondary_font);
 	margin-bottom: 6px;
 	color: var(--primary_color);
 	text-align: left;
 }

 #product-home .product-home-row {
 	justify-content: center;
 }

 #product-home .product-home-row .col-12 {
 	display: contents;
 }

 #product-home .product-home-btn {
 	width: fit-content;
 }

 #product-home .product-desc {
 	font-size: 14px;
 	color: #555;
 	margin-bottom: 0px;
 }

 .provider-home .provider-buttons {
	    cursor: revert;
 	padding: 11px 19px;
	color: white;
 	border: 1px solid var(--primary_color);
 }

.provider-home .provider-buttons,
 #product-home .button--add-to-cart {
 	background: var(--primary_color);
 	border-radius: 3px;
 	color: var(--addit_white);
 	position: relative;
 	overflow: hidden;
 	text-transform: capitalize;
 	margin: 0px;
 	font-size: 16px;
 	font-weight: 500;
 	transition: all .21s ease;

 }

 .provider-home .provider-buttons2 {
	    cursor: revert;
 	background: var(--addit_white);
 	border-radius: 3px;
 	color: var(--primary_color);
 	border: 1px solid var(--primary_color);
 	position: relative;
 	overflow: hidden;
 	text-transform: capitalize;
 	margin: 0px;
 	font-size: 16px;
 	padding: 11px 19px;
 	font-weight: 500;
 	transition: all .21s ease;

 }

 .provider-home .products-title {
 	color: var(--primary_color);
 	transition: all 0.35s ease;
 	margin-bottom: 0px;
 	text-transform: capitalize;
 	line-height: 24px;
 }

 .provider-home .product-content>div.product-reviews {
 	margin-bottom: 30px;
 }

 .provider-home .product-content>div {
 	margin-left: 0px;
 	margin-right: 0px;
 }

 .provider-home .provider-buttons2:hover,
 #product-home .button--add-to-cart:hover {
 	color: var(--addit_white);
 	border-color: var(--primary_color);
 	background-color: var(--primary_color);
 }

 .provider-home .provider-buttons:hover {
 	color: var(--primary_color);
 	border-color: var(--primary_color);
 	background-color: var(--addit_white);
 }

 /* ===== ATP directory card: logo, info icons, full-width button ===== */
 /* Logo: any uploaded size auto-displays as 200x200 (no crop/distortion) */
 .provider-home .product-image-slider {
 	width: 200px;
 	height: 200px;
 	margin: 10px auto 18px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	overflow: hidden;
 }

 .provider-home .product-image-slider .field__item,
 .provider-home .product-image-slider .field-content,
 .provider-home .product-image-slider > div,
 .provider-home .product-image-slider a {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 200px;
 	height: 200px;
 }

 .provider-home .product-image-slider img {
 	max-width: 200px !important;
 	max-height: 200px !important;
 	width: auto !important;
 	height: auto !important;
 	object-fit: contain !important;
 	border-radius: 8px;
 }

 .provider-home .home-product-image {
 	display: block;
 }

 /* Info list with leading icons */
 .provider-home .provider-info-list {
 	list-style: none;
 	margin: 14px 0 18px;
 	padding: 0;
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }

 .provider-home .provider-info-item {
 	display: flex;
 	align-items: flex-start;
 	gap: 10px;
 	font-size: 14px;
 	line-height: 1.45;
 	color: #555;
 }

 .provider-home .provider-info-icon {
 	flex: 0 0 24px;
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	margin-top: 1px;
 	color: var(--primary_color);
 }

 .provider-home .provider-info-icon svg {
 	width: 22px;
 	height: 22px;
 	fill: currentColor;
 }

 /* Text takes the remaining width (address wraps full width) */
 .provider-home .provider-info-text {
 	flex: 1 1 auto;
 	min-width: 0;
 	word-break: break-word;
 }

 /* Phone, email and address: same size, weight and colour */
 .provider-home .provider-info-item--phone .provider-info-text,
 .provider-home .provider-info-item--email .provider-info-text,
 .provider-home .provider-info-item--address .provider-info-text,
 .provider-home .provider-info-item--phone .provider-info-text *,
 .provider-home .provider-info-item--email .provider-info-text *,
 .provider-home .provider-info-item--address .provider-info-text * {
 	font-size: 15px;
 	line-height: 1.45;
 	color: #555;
 	font-weight: 500;
 	text-decoration: none;
 }

 .provider-home .provider-info-item--phone .provider-info-text:hover,
 .provider-home .provider-info-item--email .provider-info-text:hover {
 	color: var(--primary_color);
 }

 .provider-home .provider-info-text .field__label {
 	display: none;
 }

 .provider-home .provider-info-item--website .provider-info-text,
 .provider-home .provider-info-item--website .provider-info-text a {
 	font-size: 15px;
 	color: var(--primary_color);
 	text-decoration: none;
 	word-break: break-all;
 }

 .provider-home .provider-info-item--website .provider-info-text a:hover {
 	text-decoration: underline;
 }

 /* Full-width Contact Provider button */
 .provider-home .product-content .row {
 	margin-left: 0;
 	margin-right: 0;
 }

 .provider-home .product-desc {
 	width: 100%;
 	margin-top: 4px;
 }

 .provider-home .product-desc .provider-buttons {
 	display: block;
 	width: 100%;
 	text-align: center;
 }

 /* ===== Equal-height provider cards (1- or 2-line name must not change box height) ===== */
 /* slider (homepage) + flex row (ATP page): make every slide/column stretch to full height */
 /* equal-height within each card; button pinned to bottom (slider-safe) */
 .provider-home .product-card-details {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 	width: 100%;
 }

 .provider-home .product-content {
 	display: flex;
 	flex-direction: column;
 	flex: 1 1 auto;
 }

 /* ATP page is a flex grid (not a slider): stretch columns to equal height */
 #provider-page .product-card {
 	display: flex;
 }

 #provider-page .slick-track {
 	display: flex;
 }

 #provider-page .slick-slide {
 	height: auto;
 }

 /* reserve a uniform 2-line space for the provider name (clamped to 2 lines) */
 .provider-home .products-title {
 	min-height: 48px;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 /* keep the Contact Provider button pinned to the bottom of every card */
 .provider-home .product-content > .row {
 	margin-top: auto;
 }

 /* Address: hide name/organization on the FRONTEND only (kept in admin form),
    show on 1-2 lines with commas, keep province (administrative-area) visible */
 .provider-home .provider-info-item--address .address {
 	display: inline;
 	margin: 0;
 	font-style: normal;
 }

 .provider-home .provider-info-item--address .address br {
 	display: none;
 }

 .provider-home .provider-info-item--address .address .given-name,
 .provider-home .provider-info-item--address .address .family-name,
 .provider-home .provider-info-item--address .address .organization {
 	display: none;
 }

 .provider-home .provider-info-item--address .address .address-line1::after,
 .provider-home .provider-info-item--address .address .address-line2::after,
 .provider-home .provider-info-item--address .address .locality::after,
 .provider-home .provider-info-item--address .address .postal-code::after {
 	content: ", ";
 }

 /* Website link on the provider detail page */
 .provider-contact-link--website .field--name-field-website-url,
 .provider-contact-link--website a {
 	color: var(--primary_color);
 	word-break: break-word;
 }

 /* Homepage (block-1, slick slider): spacing between cards */
 #provider-home .product-slider .product-card {
 	padding: 0 15px;
 	box-sizing: border-box;
 }

 /* ATP page (block-2): show cards in a row (3 per row) instead of stacked */
 #provider-page .products-row {
 	display: flex;
 	flex-wrap: wrap;
 }

 #provider-page .product-card {
 	margin-bottom: 30px;
 }

 /* =====================================================================
    ATP / Provider detail page redesign
    ===================================================================== */
 .provider-detail {
 	--pd-primary: var(--primary_color, #1b6cff);
 	--pd-dark: #1b2f54;
 	--pd-text: #4a5568;
 	--pd-muted: #8a93a5;
 	--pd-border: #e6e9ef;
 	--pd-soft: #f6f8fb;
 	padding: 40px 0 60px;
 }

 .provider-detail .container {
 	max-width: 1400px;
 	margin: 0 auto;
 }

 .provider-detail__layout {
 	display: grid;
 	grid-template-columns: 1fr 350px;
 	gap: 28px;
 	align-items: start;
 }

 .provider-detail__main {
 	min-width: 0;
 }

 /* ---- shared card ---- */
 .pd-header,
 .pd-box {
 	background: #fff;
 	border: 1px solid var(--pd-border);
 	border-radius: 14px;
 	box-shadow: 0 6px 24px rgba(27, 47, 84, 0.05);
 	margin-bottom: 22px;
 }

 .pd-box {
 	padding: 26px 28px;
 }

 /* ---- header card ---- */
 .pd-header {
 	display: flex;
 	align-items: center;
 	gap: 22px;
 	padding: 22px 28px;
 }

 .pd-title-wrap {
 	flex: 1;
 	min-width: 0;
 }

 .pd-header__top {
 	display: flex;
 	align-items: center;
 	gap: 20px;
 	margin-bottom: 22px;
 }

 .pd-logo {
 	width: 104px;
 	height: 104px;
 	border-radius: 14px;
 	border: 1px solid var(--pd-border);
 	background: #fff;
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	overflow: hidden;
 	padding: 6px;
 }

 .pd-logo .field,
 .pd-logo .field__item,
 .pd-logo [class*="field--name-field-provider-logo"] {
 	width: 100%;
 	height: 100%;
 	margin: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .pd-logo img {
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
 	display: block;
 }

 .pd-logo__placeholder {
 	font-family: var(--secondary_font, sans-serif);
 	font-size: 38px;
 	font-weight: 800;
 	color: var(--pd-primary);
 }

 .pd-badge {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
 	background: rgba(27, 108, 255, 0.08);
 	color: var(--pd-primary);
 	font-size: 12px;
 	font-weight: 700;
 	padding: 4px 12px;
 	border-radius: 50px;
 	margin-bottom: 10px;
 }

 .pd-badge svg {
 	width: 13px;
 	height: 13px;
 }

 .pd-title {
 	font-family: var(--secondary_font, inherit);
 	font-size: clamp(22px, 3vw, 30px);
 	font-weight: 800;
 	color: var(--pd-dark);
 	line-height: 1.2;
 	margin: 0;
 }

 /* ---- info bar ---- */
 .pd-infobar {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
 	gap: 18px 22px;
 	border-top: 1px solid var(--pd-border);
 	padding-top: 20px;
 }

 .pd-info {
 	display: flex;
 	flex-direction: column;
 	gap: 5px;
 	min-width: 0;
 }

 .pd-info__label {
 	font-size: 11px;
 	letter-spacing: 0.07em;
 	text-transform: uppercase;
 	font-weight: 700;
 	color: var(--pd-muted);
 }

 .pd-info__val {
 	display: flex;
 	align-items: flex-start;
 	gap: 8px;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--pd-dark);
 	line-height: 1.4;
 	word-break: break-word;
 }

 .pd-info__val svg {
 	width: 16px;
 	height: 16px;
 	color: var(--pd-primary);
 	flex-shrink: 0;
 	margin-top: 2px;
 }

 .pd-info__val a {
 	color: var(--pd-primary);
 	text-decoration: none;
 	font-weight: 600;
 	word-break: break-word;
 }

 .pd-info__val a:hover {
 	text-decoration: underline;
 }

 /* address inline + hide name on frontend (kept in admin) */
 .pd-info--address .pd-info__val .address,
 .pd-cc__item--address .address {
 	display: inline;
 	margin: 0;
 	font-style: normal;
 	font-weight: 600;
 }

 .pd-info--address .address br,
 .pd-cc__item--address .address br {
 	display: none;
 }

 .pd-info--address .address .given-name,
 .pd-info--address .address .family-name,
 .pd-info--address .address .organization,
 .pd-cc__item--address .address .given-name,
 .pd-cc__item--address .address .family-name,
 .pd-cc__item--address .address .organization {
 	display: none;
 }

 .pd-info--address .address .address-line1::after,
 .pd-info--address .address .locality::after,
 .pd-info--address .address .postal-code::after,
 .pd-cc__item--address .address .address-line1::after,
 .pd-cc__item--address .address .locality::after,
 .pd-cc__item--address .address .postal-code::after {
 	content: ", ";
 }

 /* ---- section box title ---- */
 .pd-box__title {
 	display: flex;
 	align-items: center;
 	gap: 11px;
 	font-family: var(--secondary_font, inherit);
 	font-size: 19px;
 	font-weight: 800;
 	color: var(--pd-dark);
 	margin-bottom: 18px;
 	padding-bottom: 14px;
 	border-bottom: 1px solid var(--pd-border);
 }

 .pd-box__title svg {
 	width: 22px;
 	height: 22px;
 	color: var(--pd-primary);
 	flex-shrink: 0;
 }

 /* ---- about ---- */
 .pd-about {
 	font-size: 15px;
 	line-height: 1.8;
 	color: var(--pd-text);
 }

 .pd-about p {
 	margin: 0 0 14px;
 }

 .pd-about p:last-child {
 	margin-bottom: 0;
 }

 /* ---- FAQ accordion ---- */
 .pd-faq {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }

 .pd-faq__item {
 	border: 1px solid var(--pd-border);
 	border-radius: 10px;
 	overflow: hidden;
 	transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .pd-faq__item[open] {
 	border-color: var(--pd-primary);
 	box-shadow: 0 6px 18px rgba(27, 47, 84, 0.06);
 }

 .pd-faq__q {
 	list-style: none;
 	cursor: pointer;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 14px;
 	padding: 16px 18px;
 	font-size: 15.5px;
 	font-weight: 700;
 	color: var(--pd-dark);
 	background: var(--pd-soft);
 }

 .pd-faq__item[open] .pd-faq__q {
 	background: #fff;
 	color: var(--pd-primary);
 }

 .pd-faq__q::-webkit-details-marker {
 	display: none;
 }

 .pd-faq__chevron {
 	position: relative;
 	width: 16px;
 	height: 16px;
 	flex-shrink: 0;
 }

 .pd-faq__chevron::before,
 .pd-faq__chevron::after {
 	content: "";
 	position: absolute;
 	background: currentColor;
 	border-radius: 2px;
 	transition: transform 0.25s ease;
 }

 .pd-faq__chevron::before {
 	top: 7px;
 	left: 0;
 	width: 16px;
 	height: 2px;
 }

 .pd-faq__chevron::after {
 	top: 0;
 	left: 7px;
 	width: 2px;
 	height: 16px;
 }

 .pd-faq__item[open] .pd-faq__chevron::after {
 	transform: scaleY(0);
 }

 .pd-faq__a {
 	padding: 4px 18px 18px;
 	font-size: 14.5px;
 	line-height: 1.75;
 	color: var(--pd-text);
 }

 .pd-faq__a p:last-child {
 	margin-bottom: 0;
 }

 /* ---- sidebar ---- */
 .provider-detail__sidebar {
 	display: flex;
 	flex-direction: column;
 	gap: 22px;
 	position: sticky;
 	top: 24px;
 }

 .pd-contact-card {
 	background: #fff;
 	border: 1px solid var(--pd-border);
 	border-radius: 14px;
 	overflow: hidden;
 	box-shadow: 0 6px 24px rgba(27, 47, 84, 0.05);
 }

 .pd-cc__header {
 	background: var(--pd-primary);
 	background: linear-gradient(135deg, var(--pd-primary), color-mix(in srgb, var(--pd-primary) 78%, #000));
 	padding: 24px 22px 20px;
 	text-align: center;
 	color: #fff;
 }

 .pd-cc__logo {
 	width: 64px;
 	height: 64px;
 	border-radius: 14px;
 	background: rgba(255, 255, 255, 0.16);
 	margin: 0 auto 12px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	overflow: hidden;
 	font-family: var(--secondary_font, sans-serif);
 	font-size: 26px;
 	font-weight: 800;
 	color: #fff;
 	padding: 6px;
 }

 .pd-cc__logo .field,
 .pd-cc__logo .field__item,
 .pd-cc__logo [class*="field--name-field-provider-logo"] {
 	width: 100%;
 	height: 100%;
 	margin: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .pd-cc__logo img {
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
 	background: #fff;
 	border-radius: 8px;
 }

 .pd-cc__name {
 	font-size: 17px;
 	font-weight: 800;
 	margin-bottom: 3px;
 }

 .pd-cc__cat {
 	font-size: 12.5px;
 	color: rgba(255, 255, 255, 0.8);
 }

 .pd-cc__body {
 	padding: 20px 22px 22px;
 	display: flex;
 	flex-direction: column;
 	gap: 14px;
 }

 .pd-cc__item {
 	display: flex;
 	align-items: flex-start;
 	gap: 11px;
 	font-size: 15px;
 	color: #111;
 	line-height: 1.5;
 	word-break: break-word;
 }

 .pd-cc__item strong {
 	color: #111;
 }

 .pd-cc__item svg {
 	width: 20px;
 	height: 20px;
 	min-width: 20px;
 	min-height: 20px;
 	color: var(--pd-primary);
 	flex-shrink: 0;
 	margin-top: 1px;
 	overflow: visible;
 }

 .pd-cc__item a {
 	color: #111;
 	font-weight: 600;
 	text-decoration: none;
 	word-break: break-word;
 	transition: color 0.18s ease;
 }

 .pd-cc__item a:hover {
 	color: #e02424;
 }

 .pd-cc__cta {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 9px;
 	width: 100%;
 	margin-top: 4px;
 	padding: 13px;
 	background: var(--pd-primary);
 	color: #fff;
 	font-size: 15px;
 	font-weight: 700;
 	border-radius: 9px;
 	text-decoration: none;
 	transition: opacity 0.2s ease;
 }

 .pd-cc__cta:hover {
 	color: #fff;
 	opacity: 0.9;
 }

 .pd-cc__cta svg {
 	width: 17px;
 	height: 17px;
 }

 /* ---- apply / webform box ---- */
 .pd-apply {
 	background: #fff;
 	border: 1px solid var(--pd-border);
 	border-radius: 14px;
 	overflow: hidden;
 	box-shadow: 0 6px 24px rgba(27, 47, 84, 0.05);
 }

 /* gradient header like the listing-detail contact card */
 .pd-apply__head {
 	background: var(--pd-primary);
 	background: linear-gradient(135deg, var(--pd-primary), color-mix(in srgb, var(--pd-primary) 78%, #000));
 	padding: 20px 18px;
 }

 .pd-apply__title {
 	font-size: 18px;
 	font-weight: 800;
 	color: #fff;
 	margin: 0 0 6px;
 }

 .pd-apply__desc {
 	font-size: 14.5px;
 	line-height: 1.55;
 	color: #000;
 	margin: 0 0 14px;
 	text-align: left;
 }

 /* form body on white, reduced left/right padding (like the contact section) */
 .pd-apply .provider-form {
 	padding: 16px 16px 18px;
 }

 /* labels / headings black */
 .pd-apply form label,
 .pd-apply form .form-item__label,
 .pd-apply form legend,
 .pd-apply form .fieldset__legend,
 .pd-apply form h2,
 .pd-apply form h3 {
 	color: #000;
 	font-weight: 600;
 }

 /* tighten field side padding/margins */
 .pd-apply form .form-item,
 .pd-apply form .js-form-item,
 .pd-apply form .form-wrapper {
 	margin-left: 0;
 	margin-right: 0;
 	padding-left: 0;
 	padding-right: 0;
 }

 /* field borders */
 .pd-apply form input[type="text"],
 .pd-apply form input[type="email"],
 .pd-apply form input[type="tel"],
 .pd-apply form input[type="number"],
 .pd-apply form input[type="date"],
 .pd-apply form textarea,
 .pd-apply form select {
 	border: 1px solid #989d9b5e;
 	border-radius: 8px;
 	background: #fff;
 	width: 100%;
 }

 .pd-apply form input:focus,
 .pd-apply form textarea:focus,
 .pd-apply form select:focus {
 	border-color: var(--pd-primary);
 	box-shadow: 0 0 0 2px rgba(27, 47, 84, 0.08);
 	outline: none;
 }

 /* remove the heading added before the form */
 .pd-apply .provider-form::before {
 	content: none !important;
 	display: none !important;
 }

 /* submit button styled like the "Contact Provider" button (icon + theme colour) */
 .pd-apply form input[type="submit"],
 .pd-apply form button[type="submit"],
 .pd-apply form .form-submit,
 .pd-apply form .button,
 .pd-apply form .button--primary,
 .pd-apply form .webform-button--submit,
 .pd-apply .provider-form .webform-button--submit,
 .pd-apply .provider-form input[type="submit"].webform-button--submit {
 	display: block;
 	width: 100%;
 	background: var(--pd-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2z'/%3E%3C/svg%3E") no-repeat left calc(50% - 46px) center !important;
 	background-size: 16px 16px !important;
 	border: 1px solid var(--pd-primary) !important;
 	color: #fff !important;
 	border-radius: 9px;
 	padding: 13px 16px;
 	font-size: 15px !important;
 	font-weight: 700;
 	box-shadow: none;
 	transition: opacity 0.2s ease;
 }

 .pd-apply form input[type="submit"]:hover,
 .pd-apply form button[type="submit"]:hover,
 .pd-apply form .form-submit:hover,
 .pd-apply form .button:hover,
 .pd-apply form .button--primary:hover,
 .pd-apply form .webform-button--submit:hover {
 	background-color: var(--pd-primary) !important;
 	border-color: var(--pd-primary) !important;
 	color: #fff !important;
 	opacity: 0.9;
 }

 /* keep the form area on white, no blue backgrounds */
 .pd-apply .provider-form,
 .pd-apply .webform-submission-form,
 .pd-apply form fieldset {
 	background: transparent;
 }

 .pd-apply a {
 	color: var(--pd-primary);
 }

 /* apply CTA button (replaces embedded form; links to the full-page application) */
 .pd-apply__action {
 	padding: 18px 16px 20px;
 }

 .pd-apply .pd-apply__btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 9px;
 	width: 100%;
 	padding: 14px 16px;
 	background: var(--pd-primary);
 	color: #fff;
 	font-size: 15px;
 	font-weight: 700;
 	border-radius: 9px;
 	text-decoration: none;
 	transition: opacity 0.2s ease;
 }

 .pd-apply .pd-apply__btn:hover {
 	color: #fff;
 	opacity: 0.9;
 }

 .pd-apply__btn svg {
 	width: 17px;
 	height: 17px;
 }

 /* ===================== ATP Application full-page form (/form/provider-application) ===================== */
 /* match other pages: 1400px container, centered with equal left/right space */
 .path-webform main.main-content > .container {
 	max-width: 1400px;
 	margin-left: auto;
 	margin-right: auto;
 }

 /* intro heading + description above the application form */
 .path-webform .atp-form-intro {
 	grid-column: 1 / -1;
 	text-align: left;
 	margin: 0 0 6px;
 }
 .path-webform .atp-form-intro__title {
 	color: #9F1D21;
 	font-size: 28px;
 	font-weight: 800;
 	line-height: 1.2;
 	margin: 0 0 8px;
 }
 .path-webform .atp-form-intro__desc {
 	color: #000;
 	font-size: 15px;
 	line-height: 1.6;
 	margin: 0;
 	max-width: 820px;
 }
 .path-webform .webform-submission-form {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 18px 26px;
 	margin: 34px auto 56px;
 	padding: 0;
 }

 /* every row full-width by default; only short text-like inputs sit in 2 columns */
 .path-webform .webform-submission-form > * {
 	grid-column: 1 / -1;
 	margin: 0;
 }
 .path-webform .webform-submission-form > .webform-type-textfield,
 .path-webform .webform-submission-form > .webform-type-email,
 .path-webform .webform-submission-form > .webform-type-tel,
 .path-webform .webform-submission-form > .webform-type-url {
 	grid-column: span 1;
 }

 /* labels */
 .path-webform .webform-submission-form label,
 .path-webform .webform-submission-form .fieldset__legend,
 .path-webform .webform-submission-form legend {
 	display: block;
 	font-size: 13.5px;
 	font-weight: 600;
 	color: #1b2f54;
 	margin-bottom: 7px;
 }

 /* inputs */
 .path-webform .webform-submission-form input[type="text"],
 .path-webform .webform-submission-form input[type="email"],
 .path-webform .webform-submission-form input[type="tel"],
 .path-webform .webform-submission-form input[type="url"],
 .path-webform .webform-submission-form input[type="number"],
 .path-webform .webform-submission-form input[type="date"],
 .path-webform .webform-submission-form textarea,
 .path-webform .webform-submission-form select {
 	width: 100%;
 	padding: 12px 14px;
 	border: 1px solid #d7dbe3;
 	border-radius: 10px;
 	background: #fff;
 	font-size: 15px;
 	color: #1b2f54;
 	transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .path-webform .webform-submission-form textarea {
 	min-height: 120px;
 	resize: vertical;
 }
 .path-webform .webform-submission-form input:focus,
 .path-webform .webform-submission-form textarea:focus,
 .path-webform .webform-submission-form select:focus {
 	border-color: var(--pd-primary);
 	box-shadow: 0 0 0 3px color-mix(in srgb, var(--pd-primary) 18%, transparent);
 	outline: none;
 }

 /* radios & checkboxes inline */
 .path-webform .webform-submission-form .form-type-radio,
 .path-webform .webform-submission-form .form-type-checkbox,
 .path-webform .webform-submission-form .js-form-type-radio,
 .path-webform .webform-submission-form .js-form-type-checkbox {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	margin: 4px 20px 4px 0;
 }
 .path-webform .webform-submission-form .form-type-radio label,
 .path-webform .webform-submission-form .form-type-checkbox label,
 .path-webform .webform-submission-form .js-form-type-radio label,
 .path-webform .webform-submission-form .js-form-type-checkbox label {
 	margin: 0;
 	font-weight: 500;
 }

 /* description text */
 .path-webform .webform-submission-form .description,
 .path-webform .webform-submission-form .form-item__description,
 .path-webform .webform-submission-form .webform-element-description {
 	font-size: 12.5px;
 	color: #6b7280;
 	margin-top: 5px;
 }

 /* file upload widgets */
 .path-webform .webform-submission-form .form-managed-file,
 .path-webform .webform-submission-form .js-form-managed-file {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 10px;
 	align-items: center;
 }

 /* download note */
 .path-webform .atp-download-note {
 	grid-column: 1 / -1;
 	margin: 6px 0 0;
 	padding: 14px 16px;
 	background: #f5f7fb;
 	border: 1px solid var(--pd-border);
 	border-radius: 10px;
 	font-size: 14px;
 	color: #1b2f54;
 }
 .path-webform .atp-download-note a {
 	color: var(--pd-primary);
 	font-weight: 700;
 }

 /* submit */
 .path-webform .webform-submission-form .form-actions {
 	grid-column: 1 / -1;
 }
 .path-webform .webform-submission-form .webform-button--submit,
 .path-webform .webform-submission-form input[type="submit"] {
 	min-width: 200px;
 	padding: 13px 30px;
 	background: var(--pd-primary);
 	border: 1px solid var(--pd-primary);
 	color: #fff;
 	font-weight: 700;
 	font-size: 15px;
 	border-radius: 10px;
 	cursor: pointer;
 	transition: opacity 0.2s ease;
 }
 .path-webform .webform-submission-form .webform-button--submit:hover,
 .path-webform .webform-submission-form input[type="submit"]:hover {
 	opacity: 0.9;
 }

 @media (max-width: 768px) {
 	.path-webform .webform-submission-form {
 		grid-template-columns: 1fr;
 		margin: 24px auto 40px;
 	}
 	.path-webform .webform-submission-form > .webform-type-textfield,
 	.path-webform .webform-submission-form > .webform-type-email,
 	.path-webform .webform-submission-form > .webform-type-tel,
 	.path-webform .webform-submission-form > .webform-type-url {
 		grid-column: 1 / -1;
 	}
 }

 /* ---- concrete brand colours (page-scope vars are unavailable here) ---- */
 .path-webform .webform-submission-form input:focus,
 .path-webform .webform-submission-form textarea:focus,
 .path-webform .webform-submission-form select:focus {
 	border-color: #9F1D21;
 	box-shadow: 0 0 0 3px rgba(159, 29, 33, 0.15);
 }
 .path-webform .atp-download-note {
 	border-color: #e6e8ef;
 }
 .path-webform .atp-download-note a {
 	color: #9F1D21;
 }
 .path-webform .webform-submission-form .webform-button--submit,
 .path-webform .webform-submission-form input[type="submit"] {
 	background: #9F1D21;
 	border-color: #9F1D21;
 }

 /* ---- consistent icons on every field label/legend ---- */
 .path-webform .webform-submission-form label::before,
 .path-webform .webform-submission-form .fieldset__label::before {
 	vertical-align: -3px;
 	margin-right: 7px;
 }
 .path-webform .webform-submission-form .js-form-item-organization-name > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 21V9h6v12'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-contact-name > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-address > label::before,
 .path-webform .webform-submission-form .js-form-item-training-locations > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-city > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M6 21V8l6-4 6 4v13'/%3E%3Cpath d='M10 21v-5h4v5'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-province > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6'/%3E%3Cline x1='8' y1='2' x2='8' y2='18'/%3E%3Cline x1='16' y1='6' x2='16' y2='22'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-postal-code > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='9' x2='20' y2='9'/%3E%3Cline x1='4' y1='15' x2='20' y2='15'/%3E%3Cline x1='10' y1='3' x2='8' y2='21'/%3E%3Cline x1='16' y1='3' x2='14' y2='21'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-country > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-phone > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-fax > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-email > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 5L2 7'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-website > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-organizational-history > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-lead-instructor > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpolyline points='16 11 18 13 22 9'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .js-form-item-sub-instructors > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
 }
 .path-webform #edit-onsite-training--wrapper .fieldset__label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
 }
 .path-webform #edit-courses-applied-for--wrapper .fieldset__label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
 }
 .path-webform #edit-sbc-endorsements--wrapper .fieldset__label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
 }
 .path-webform .webform-submission-form .webform-type-managed-file > label::before {
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239F1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
 }

 /* ---- group fields (radios/checkboxes): flat, aligned, spaced ---- */
 .path-webform .webform-submission-form fieldset {
 	background: transparent !important;
 	border: 0 !important;
 	padding: 0 !important;
 	margin: 0;
 }
 /* legend heading: keep the icon inline with the text */
 .path-webform .webform-submission-form .fieldset__label {
 	display: inline-flex;
 	align-items: center;
 }
 /* remove the theme's negative checkbox/radio offset so text doesn't touch */
 .path-webform .webform-submission-form .form-type-checkbox input,
 .path-webform .webform-submission-form .form-type-radio input,
 .path-webform .webform-submission-form .js-form-type-checkbox input,
 .path-webform .webform-submission-form .js-form-type-radio input {
 	margin: 0;
 	flex: none;
 }
 /* spacing between options */
 .path-webform .webform-submission-form .form-type-checkbox,
 .path-webform .webform-submission-form .form-type-radio,
 .path-webform .webform-submission-form .js-form-type-checkbox,
 .path-webform .webform-submission-form .js-form-type-radio {
 	gap: 9px;
 	margin: 6px 28px 6px 0;
 }
 /* file-upload fields: full-width control */
 .path-webform .webform-submission-form .webform-type-managed-file .form-managed-file {
 	width: 100%;
 }
 .path-webform .webform-submission-form .webform-type-managed-file .form-managed-file__main,
 .path-webform .webform-submission-form .webform-type-managed-file input[type="file"] {
 	flex: 1;
 	min-width: 0;
 	width: 100%;
 }

 /* ---- responsive ---- */
 @media (max-width: 1100px) {
 	.provider-detail__layout {
 		grid-template-columns: 1fr;
 	}
 	.provider-detail__sidebar {
 		position: static;
 	}
 }

 @media (max-width: 575px) {
 	.provider-detail {
 		padding: 24px 0 40px;
 	}
 	.pd-header__top {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 14px;
 	}
 	.pd-box,
 	.pd-header {
 		padding: 20px 18px;
 	}
 	.pd-infobar {
 		grid-template-columns: 1fr;
 		gap: 14px;
 	}
 	.pd-box__title {
 		font-size: 17px;
 	}
 }

 /* ---- main nav dropdown (e.g. Become An ATP under ATP) ---- */
 .navbar-nav .nav-item.dropdown {
 	position: relative;
 }
 /* caret indicator so users know there is a submenu */
 .navbar-nav .nav-item.dropdown > .nav-link.dropdown-toggle::after {
 	content: "";
 	position: static;
 	top: auto;
 	left: auto;
 	right: auto;
 	bottom: auto;
 	display: inline-block;
 	opacity: 1;
 	width: 0;
 	height: 0;
 	margin: 0 0 0 7px;
 	vertical-align: middle;
 	background: none;
 	border-left: 4px solid transparent;
 	border-right: 4px solid transparent;
 	border-top: 5px solid currentColor;
 	border-bottom: 0;
 	transition: transform 0.2s ease;
 }
 .navbar-nav .nav-item.dropdown:hover > .nav-link.dropdown-toggle::after {
 	transform: rotate(180deg);
 }
 .navbar-nav .nav-item.dropdown > .dropdown-menu {
 	display: none;
 	position: absolute;
 	top: 100%;
 	left: 0;
 	margin-top: 0;
 	min-width: 240px;
 	background: #fff;
 	border: 1px solid #efd7d7;
 	border-top: 3px solid #9F1D21;
 	border-radius: 0 0 12px 12px;
 	box-shadow: 0 16px 38px rgba(159, 29, 33, 0.14);
 	padding: 8px;
 	z-index: 1000;
 	list-style: none;
 }
 .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
 	display: block;
 }
 .navbar-nav .dropdown-menu li {
 	list-style: none;
 }
 .navbar-nav .dropdown-menu .dropdown-item,
 .navbar-nav .dropdown-menu .nav-link {
 	display: block;
 	padding: 10px 14px;
 	border-radius: 8px;
 	color: #1b2f54;
 	font-weight: 600;
 	font-size: 15px;
 	text-decoration: none;
 	white-space: nowrap;
 	transition: background 0.15s ease, color 0.15s ease;
 }
 .navbar-nav .dropdown-menu .dropdown-item:hover,
 .navbar-nav .dropdown-menu .nav-link:hover {
 	background: #fdeaea;
 	color: #9F1D21;
 }

 /* ---- webform confirmation / success message ---- */
 .path-webform .webform-confirmation,
 .webform-confirmation {
 	max-width: 900px;
 	margin: 44px auto;
 	background: transparent !important;
 	border: 0 !important;
 	padding: 0 !important;
 	box-shadow: none !important;
 }
 .webform-confirmation__message {
 	background: #fdeaea;
 	border: 1px solid #f1c4c4;
 	border-left: 5px solid #9F1D21;
 	color: #1a1a1a;
 	padding: 22px 24px;
 	border-radius: 12px;
 	font-size: 16px;
 	line-height: 1.65;
 }
 .webform-confirmation__back {
 	margin-top: 16px;
 }
 .webform-confirmation__back-link {
 	display: inline-block;
 	color: #9F1D21;
 	font-weight: 700;
 	text-decoration: none;
 }
 .webform-confirmation__back-link:hover {
 	text-decoration: underline;
 }

 /* ---- training page: compact provider list (multiple providers) ---- */
 .pd-prov-list {
 	background: #fff;
 	border: 1px solid #e6e8ef;
 	border-radius: 14px;
 	padding: 16px;
 	box-shadow: 0 6px 24px rgba(27, 47, 84, 0.05);
 }
 .pd-prov-list__head {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	font-size: 15px;
 	font-weight: 800;
 	color: #1b2f54;
 	margin-bottom: 12px;
 	padding-bottom: 12px;
 	border-bottom: 1px solid #eef0f5;
 }
 .pd-prov-list__head svg {
 	width: 18px;
 	height: 18px;
 	color: #9F1D21;
 }
 .pd-prov-list .train-prov-msg {
 	font-size: 13px;
 	color: #6b7280;
 	margin: 0 0 12px;
 }
 .pd-prov-item {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 12px;
 	padding: 14px;
 	border: 1px solid #ececf1;
 	border-radius: 12px;
 	margin-bottom: 12px;
 }
 .pd-prov-item:last-child {
 	margin-bottom: 0;
 }
 .pd-prov-item__logo {
 	flex: 0 0 auto;
 	width: auto;
 	min-width: 52px;
 	max-width: 100px;
 	height: 52px;
 	padding: 4px;
 	border-radius: 10px;
 	overflow: hidden;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background: #f4f6fb;
 	font-weight: 800;
 	color: #9F1D21;
 	font-size: 20px;
 }
 .pd-prov-item__logo img {
 	max-width: 100%;
 	max-height: 100%;
 	width: auto;
 	height: auto;
 	object-fit: contain;
 }
 .pd-prov-item__info {
 	flex: 1 1 auto;
 	min-width: 0;
 }
 .pd-prov-item__name {
 	font-weight: 700;
 	color: #1b2f54;
 	font-size: 15px;
 	line-height: 1.3;
 }
 .pd-prov-item__cat {
 	font-size: 12px;
 	color: #6b7280;
 	margin-top: 2px;
 }
 .pd-prov-item__btn {
 	flex: 1 0 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 8px;
 	margin-top: 2px;
 	padding: 10px 14px;
 	background: #9F1D21;
 	color: #fff;
 	font-weight: 700;
 	font-size: 14px;
 	border-radius: 9px;
 	text-decoration: none;
 	transition: opacity 0.2s ease;
 }
 .pd-prov-item__btn:hover {
 	color: #fff;
 	opacity: 0.9;
 }
 .pd-prov-item__btn svg {
 	width: 16px;
 	height: 16px;
 }

 /* full-width sections (training programs + testimonials) below the two-column area */
 .pd-fullwidth {
 	margin-top: 0;
 }

 .pd-fullwidth .pd-box {
 	margin-bottom: 22px;
 }

 .pd-fullwidth .pd-trainings {
 	width: 100%;
 }

 .pd-box--testimonials .provider-testomonials-slider {
 	margin-top: 4px;
 }

 .pd-box--testimonials .provider-testomonials-slide {
 	padding: 0 12px;
 }

 /* ---- provider detail page background highlight (this page only) ---- */
 #page-wrapper.provider-detail-page,
 #page-wrapper.provider-detail-page > [id^="page-"],
 #page-wrapper.provider-detail-page main.main-content {
 	background: #fffbfb;
 }

 .provider-detail-page main.main-content > .container {
 	max-width: 1440px;
 }

 /* ---- training programs: hide heading, fix card image overlap/stretch ---- */
 .pd-trainings .section-head {
 	display: none;
 }

 .pd-trainings .btn-wrapper {
 	margin-top: 6px;
 }

 .pd-trainings .service-content img {
 	margin-top: 0;
 	width: 100%;
 	height: 200px;
 	object-fit: cover;
 	border-radius: 12px;
 }

 .pd-trainings .service-content {
 	padding: 16px;
 	height: auto;
 }

 /* override the inner-style.css rule that stretched the image (object-fit: fill) */
 .provider-detail-page #service .service-section .field--name-field-product-image img {
 	width: 100%;
 	height:280px;
 	object-fit: initial;
 	border-radius: 12px;
 }

 /* /trainings cards: training provider name + Contact Provider button */
 .train-provider {
 	display: flex;
 	align-items: flex-start;
 	gap: 5px;
 	margin-top: 14px;
 	font-size: 15px;
 	font-weight: 600;
 	color: #1b2f54;
 	line-height: 1.4;
 }

 .train-provider svg {
 	width: 18px;
 	height: 18px;
 	color: var(--primary_color);
 	flex-shrink: 0;
 	margin-top: 2px;
 }

 .train-provider span {
 	flex: 1 1 auto;
 	min-width: 0;
 	word-break: break-word;
 }

 .train-provider-link {
 	color: var(--primary_color);
 	font-weight: 700;
 	text-decoration: none;
 }
 .train-provider-link:hover {
 	text-decoration: underline;
 }
 .train-provider-sep {
 	color: #1b2f54;
 	font-weight: 600;
 }

 /* providers listed one per line: icon + name */
 .train-providers-list {
 	margin-top: 14px;
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
 .train-provider-item {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--primary_color);
 	text-decoration: none;
 	line-height: 1.35;
 }
 .train-provider-item svg {
 	width: 18px;
 	height: 18px;
 	color: var(--primary_color);
 	flex-shrink: 0;
 }
 .train-provider-item span {
 	flex: 1 1 auto;
 	min-width: 0;
 	word-break: break-word;
 }
 .train-provider-item:hover span {
 	text-decoration: underline;
 }

 .train-contact-btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 9px;
 	width: 100%;
 	margin-top: 12px;
 	padding: 11px 20px;
 	background: var(--primary_color);
 	color: #fff;
 	font-size: 15px;
 	font-weight: 700;
 	border-radius: 9px;
 	text-decoration: none;
 	transition: opacity 0.2s ease;
 }

 .train-contact-btn:hover {
 	color: #fff;
 	opacity: 0.9;
 }

 .train-contact-btn svg {
 	width: 17px;
 	height: 17px;
 	flex-shrink: 0;
 }

 /* training cards: balanced spacing (top-align, less top/bottom padding, comfy gaps) */
 #service .train-right {
 	align-content: flex-start;
 	padding: 12px 20px;
 }

 #service .train-right h3 {
 	margin: 0 0 12px;
 }

 #service .train-right p,
 #service .train-right p.pra-wrap {
 	margin: 0 0 14px;
 }

 #service .date-add.row {
 	margin: 0 0 12px;
 }

 #service .train-provider {
 	margin-top: 12px;
 }

 #service .train-contact-btn {
 	margin-top: 12px;
 }

 /* training detail page: provider contact panel (non-purchasable trainings) */
 .train-prov-name {
 	color: #fff;
 	font-size: 20px;
 	font-weight: 800;
 	margin: 0 0 10px;
 }

 .train-prov-msg {
 	color: rgba(255, 255, 255, 0.9);
 	font-size: 14px;
 	line-height: 1.55;
 	margin: 0 0 20px;
 }

 .train-prov-info {
 	display: flex;
 	flex-direction: column;
 	gap: 13px;
 	text-align: left;
 	margin-bottom: 22px;
 }

 .train-prov-line {
 	display: flex;
 	align-items: flex-start;
 	gap: 10px;
 	color: #fff;
 	font-size: 14px;
 	text-decoration: none;
 	word-break: break-word;
 }

 .train-prov-line svg {
 	width: 18px;
 	height: 18px;
 	color: #fff;
 	flex-shrink: 0;
 	margin-top: 2px;
 }

 .train-prov-line span {
 	color: #fff;
 }

 a.train-prov-line:hover {
 	color: #fff;
 	opacity: 0.85;
 }

 .train-prov-actions {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }

 .train-prov-btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 9px;
 	width: 100%;
 	padding: 12px;
 	background: #fff;
 	color: var(--primary_color);
 	font-size: 15px;
 	font-weight: 700;
 	border-radius: 9px;
 	text-decoration: none;
 	transition: opacity 0.2s ease;
 }

 .train-prov-btn:hover {
 	color: var(--primary_color);
 	opacity: 0.9;
 }

 .train-prov-btn svg {
 	width: 17px;
 	height: 17px;
 	flex-shrink: 0;
 }

 /* training detail: provider contact card (same design as ATP detail) + sticky */
 .training-prov-sticky {
 	position: sticky;
 	top: auto;
 	bottom: 24px;
 	--pd-primary: var(--primary_color, #1b6cff);
 	--pd-dark: #1b2f54;
 	--pd-text: #4a5568;
 	--pd-muted: #8a93a5;
 	--pd-border: #e6e9ef;
 	--pd-soft: #f6f8fb;
 }

 .pd-contact-card .train-prov-msg {
 	color: #000;
 	font-size: 14px;
 	font-weight: 700;
 	line-height: 1.55;
 	background: var(--pd-soft);
 	border-radius: 8px;
 	padding: 11px 13px;
 	margin: 0 0 6px;
 	text-align: left;
 }

 .pd-cc__cta--outline {
 	background: #fff;
 	color: var(--pd-primary);
 	border: 2px solid var(--pd-primary);
 }

 .pd-cc__cta--outline:hover {
 	background: var(--pd-primary);
 	color: #fff;
 	opacity: 1;
 }

 /* purchasable training: modern enrolment card */
 .train-enroll-head svg {
 	width: 40px;
 	height: 40px;
 	color: #fff;
 	display: block;
 	margin: 0 auto 10px;
 }

 .train-enroll-card .field__label {
 	display: none;
 }

 .train-enroll-card .train-enroll-val,
 .train-enroll-card .train-enroll-val *,
 .train-enroll-card .train-enroll-val time {
 	color: #111 !important;
 	font-size: 14px;
 }

 .train-enroll-card .train-enroll-val .field,
 .train-enroll-card .train-enroll-val time,
 .train-enroll-card .train-enroll-val p,
 .train-enroll-card .train-enroll-val .field__item {
 	margin: 0;
 	display: inline;
 }

 .train-enroll-card .train-enroll-val .address {
 	font-style: normal;
 }

 .train-enroll-price-row .train-enroll-price {
 	font-size: 24px;
 	font-weight: 800;
 	color: var(--pd-dark);
 	line-height: 1;
 }

 .train-enroll-tax {
 	font-size: 12px;
 	font-weight: 600;
 	color: var(--pd-muted);
 	margin-left: 6px;
 	vertical-align: middle;
 }

 .train-prov-below {
 	margin-top: 20px;
 }

 .train-enroll-price-row svg {
 	color: var(--pd-primary);
 }

 .train-enroll-cart {
 	margin-top: 6px;
 	padding-top: 16px;
 	border-top: 1px solid var(--pd-border);
 }

 .train-enroll-cart .field--name-price,
 .train-enroll-cart .price {
 	font-size: 22px;
 	font-weight: 800;
 	color: var(--pd-dark);
 	margin-bottom: 10px;
 }

 .train-enroll-cart .form-item,
 .train-enroll-cart .js-form-item {
 	margin: 0 0 10px;
 }

 .train-enroll-cart label,
 .train-enroll-cart .form-item__label {
 	color: #111;
 	font-weight: 600;
 	font-size: 13px;
 }

 .train-enroll-cart input[type="number"],
 .train-enroll-cart .form-number,
 .train-enroll-cart select {
 	border: 1px solid var(--pd-border);
 	border-radius: 8px;
 	padding: 9px 10px;
 }

 .train-enroll-cart .button--add-to-cart,
 .train-enroll-cart input[type="submit"],
 .train-enroll-cart .form-submit,
 .train-enroll-cart button[type="submit"] {
 	display: block;
 	width: 100%;
 	background: var(--pd-primary) !important;
 	background-image: none !important;
 	border: 1px solid var(--pd-primary) !important;
 	color: #fff !important;
 	border-radius: 9px;
 	padding: 13px;
 	font-size: 15px;
 	font-weight: 700;
 	box-shadow: none;
 	margin-top: 6px;
 	transition: opacity 0.2s ease;
 }

 .train-enroll-cart .button--add-to-cart:hover,
 .train-enroll-cart input[type="submit"]:hover,
 .train-enroll-cart .form-submit:hover,
 .train-enroll-cart button[type="submit"]:hover {
 	opacity: 0.9;
 	color: #fff !important;
 }

 /* training programs: static responsive grid for 1-2 trainings (slider kicks in at 3+) */
 .provider-detail-page #service .service-section:not(.slick-initialized) {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: flex-start;
 	align-items: stretch;
 	gap: 24px;
 	line-height: normal;
 }

 .provider-detail-page #service .service-section:not(.slick-initialized) > * {
 	flex: 0 1 360px;
 	max-width: 420px;
 	margin: 0;
 }

 .provider-detail-page #service .service-section:not(.slick-initialized) > * .service-content {
 	height: 100%;
 }

 .provider-detail-page #service .btn-wrapper {
 	margin-top: 22px;
 }

 /* ATP detail page ONLY: training card = image on top, info stacked below */
 .provider-detail-page #service .product-row {
 	flex-direction: row;
 	flex-wrap: wrap;
 	align-items: stretch;
 }

 .provider-detail-page #service .product-row .train-left,
 .provider-detail-page #service .product-row .train-right {
 	flex: 0 0 100%;
 	max-width: 100%;
 	width: 100%;
 }

 .provider-detail-page #service .product-row .train-right {
 	padding: 18px;
 	display: block;
 }

 .provider-detail-page #service .product-row .train-right > * {
 	width: 100%;
 }

 .provider-detail-page #service .product-row .train-left .field--name-field-product-image img {
 	width: 100%;
 }

 /* review avatar placeholder (dummy image) */
 .pd-review__avatar {
 	background: rgba(27, 47, 84, 0.08);
 }

 .pd-review__avatar-ph {
 	width: 64%;
 	height: 64%;
 	color: var(--pd-primary);
 }

 /* ---- testimonials as review list ---- */
 .pd-reviews {
 	display: flex;
 	flex-direction: column;
 	gap: 22px;
 }

 .pd-reviews .pd-review {
 	border-bottom: 1px solid var(--pd-border);
 	padding-bottom: 22px;
 }

 .pd-reviews .pd-review:last-child {
 	border-bottom: none;
 	padding-bottom: 0;
 }

 .pd-review__head {
 	display: flex;
 	align-items: center;
 	gap: 13px;
 	margin-bottom: 12px;
 }

 .pd-review__avatar {
 	width: 48px;
 	height: 48px;
 	border-radius: 50%;
 	overflow: hidden;
 	flex-shrink: 0;
 	background: var(--pd-soft);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-weight: 800;
 	color: var(--pd-primary);
 	font-size: 18px;
 }

 .pd-review__avatar img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .pd-review__name {
 	font-size: 15px;
 	font-weight: 700;
 	color: var(--pd-dark);
 }

 .pd-review__stars {
 	font-size: 15px;
 	letter-spacing: 1px;
 	color: #d9dce3;
 	margin-top: 2px;
 }

 .pd-review__stars .pd-review__star--on {
 	color: #FFAB31;
 }

 .pd-review__text {
 	font-size: 14.5px;
 	line-height: 1.7;
 	color: var(--pd-text);
 }

 #product-home .form-item--quantity-0-value {
 	margin-bottom: 0px;
 	margin-top: 0px;
 	display: none;
 }

 @media (max-width: 991px) {
 	#product-home .product-card {
 		margin-bottom: 25px;
 	}

 	#product-home .product-image-slider img {
 		height: 220px;
 	}
 }

 @media (max-width: 575px) {
 	#product-home {
 		padding: 50px 0;
 	}

 	#product-home h3.products-title *,
 	#product-home .products-title {
 		font-size: 20px;
 	}
 }

 .messages--status {
 	border-color: var(--primary_color);
 	background: #ffb22d2b;
 	color: #000;
 }

 .messages--status {
 	padding: 20px;
 	font-size: 17px;
 }

 .messages__header {
 	display: none;
 }

 .messages__content {
 	margin: 0px;
 	text-transform: capitalize;
 }

 .messages__content a {
 	color: var(--primary_color);
 }

 .messages__content a:hover {
 	color: var(--secondary_color);
 }

 .cart-block--contents table td.views-field-field-product-image {
 	width: 53px;
 }

 .view-commerce-order-item-table thead th,
 .view-commerce-user-orders thead th,
 .cart-form .view-commerce-cart-form thead th {
 	background-color: var(--primary_color);
 	color: white;
 	font-size: 16px;
 	border-radius: 0;
 }

 .cart-form .view-commerce-cart-form tbody td {
 	padding: 20px 15px;
 	height: auto
 }

 .cart-form .view-commerce-cart-form table.views-table {
 	border-collapse: collapse;
 }

 /* .cart-form .view-commerce-cart-form tbody tr td:first-child{
	color: var(--primary_color);
	font-weight:700;
} */
 .cart-form .view-commerce-cart-form tbody .order-total-line td {
 	padding: 15px;
 }

 .cart-form .view-commerce-cart-form .views-field-edit-quantity .quantity-edit-input {
 	width: 70px;
 	padding: 5;
 	text-align: left
 }

 .product-name {
 	text-transform: capitalize;
 }

 .view-id-commerce_cart_form .delete-order-item {
 	padding: 12px
 }

 .commerce-checkout-flow legend .fieldset__label {
 	background: var(--primary_color);
 	color: #fff;
 	font-size: 16px;
 	padding: 15px
 }

 .commerce-checkout-flow .field--name-shipping-method legend .fieldset__label {
 	padding: 15px;
 }

 .commerce-checkout-flow .checkout-pane-payment-information.checkout-pane {
 	padding: 0;
 }

 .commerce-checkout-flow .checkout-pane-shipping-information {
 	padding: 0;
 }

 .commerce-checkout-flow .form-item__label {
 	text-transform: capitalize;
 	font-weight: 500;
 	font-size: 15px;
 	color: black;
 	margin-bottom: 7px;
 }

 .commerce-checkout-flow input,
 .commerce-checkout-flow select {
 	width: 100%;
 }

 .commerce-checkout-flow input[type="submit"].form-submit {
 	width: auto;
 }

 .commerce-checkout-flow .checkout-pane-payment-information .form-checkbox,
 .commerce-checkout-flow .field--name-shipping-method input[type="radio"] {
 	width: 20px;
 	height: 20px;
 	border: 1px solid #d1d5db;
 }

 .commerce-checkout-flow .checkout-cart-title .secondary-title,
 .checkout-pane .form-wrapper__login-option .fieldset__legend .fieldset__label,
 .checkout-pane .form-item--sidebar-coupon-redemption-form-code .form-item__label {
 	background: var(--primary_color);
 	font-family: var(--tertiary_font);
 	color: #fff;
 	padding: 15px;
 	font-size: 16px;
 	margin: 0;
 	display: block;
 	font-weight: 500;
 }

 .commerce-checkout-flow .fieldset__wrapper {
 	margin-top: 30px;
 }

 .checkout-cart .view-commerce-checkout-order-summary table {
 	margin-left: auto;
 	margin-top: 15px;
 	margin-bottom: 15px;
 }

 .commerce-checkout-flow .col-right .checkout-pane {
 	padding: 0px 15px;
 	padding-bottom: 15px;
 }

 .checkout-total-table table {
 	width: 30%;
 }

 .checkout-total-table table td {
 	height: auto;
 	vertical-align: middle
 }

 .commerce-checkout-flow .fieldset.checkout-pane-contact-information {
 	margin-top: 0;
 	padding: 0;
 }

 .checkout-cart .link--previous,
 .form-wrapper__guest-checkout #edit-login-guest-continue,
 .checkout-pane .form-wrapper__login-option #edit-login-returning-customer-forgot-password,
 .checkout-pane .form-wrapper__login-option input[type='submit'] {
 	color: white;
 	text-transform: capitalize;
 	background-color: var(--primary_color);
 	border: 1px solid var(--primary_color);
 	padding: 12px 15px;
 	font-size: 1rem;
 	font-weight: 500;
 	box-shadow: none;
 	transition: all 0.3s ease;
 	font-family: var(--tertiary_font);
 }

 .checkout-cart .link--previous:hover,
 .form-wrapper__guest-checkout #edit-login-guest-continue:hover,
 .checkout-pane .form-wrapper__login-option #edit-login-returning-customer-forgot-password:hover,
 .checkout-pane .form-wrapper__login-option input[type='submit']:hover {
 	color: var(--primary_color);
 	background-color: var(--addit_white);
 }

 .checkout-cart .field--name-sku div {
 	display: inline-block;
 	color: black;
 }

 .checkout-pane .form-wrapper__login-option input[type='submit'],
 .form-wrapper__guest-checkout #edit-login-guest-continue {
 	margin-top: 20px;
 	line-height: normal;
 }

 .checkout-pane-shipping-information .address-container-inline {
 	display: flex;
 	justify-content: space-between;
 }

 .checkout-pane-shipping-information .field--name-shipping-method .fieldset__wrapper {
 	padding-left: 15px;
 	margin-top: 15px;
 }

 .checkout-pane-shipping-information .address-container-inline .form-type--textfield {
 	margin-right: 0px;
 }

 .checkout-pane-shipping-information .field--type-address .js-form-item-shipping-information-shipping-profile-address-0-address-locality {
 	margin-right: 15px;
 }

 .checkout-pane .view-commerce-checkout-order-summary .views-field-field-product-image,
 .view-commerce-cart-form .views-field-field-product-image {
 	width: 100px;
 }

 .checkout-pane-coupon-redemption input[type="text"] {
 	margin-top: 20px;
 }

 .checkout-pane.checkout-pane-review {
 	padding: 0;
 }

 .checkout-pane.checkout-pane-review #edit-review-contact-information {
 	margin: 0;
 }

 .icon-detials a {
 	text-align: center;
 	background: #b7925233;
 	border-radius: 10px;
 	padding: 30px 0;
 	display: block;
 	margin: 0 20px;
 	text-decoration: none
 }

 .icon-detials a svg {
 	width: 70px;
 	height: 70px;
 	margin: auto;
 	transition: all 0.3s ease;
 	fill: var(--primary_color);
 }

 .icon-detials .icon-title {
 	margin: auto;
 	color: var(--primary_color);
 	padding-top: 8px;
 	font-size: 18px;
 	transition: all 0.3s ease;
 }

 .icon-detials:hover .icon-title,
 .icon-detials:hover svg {
 	fill: #000;
 	color: #000
 }

 .user-login-form input[type="submit"] {
 	background-color: var(--primary_color);
 }

 .icon-detials {
 	margin-bottom: 20px;
 }

 /* ---------------------- */
 /* Header Open */
 /* ---------------------- */
 @media(max-width:1199px) {
 	#product-home .products-row {
 		justify-content: center;
 	}

 	.checkout-pane-shipping-information .address-container-inline {
 		display: block;
 	}

 	.checkout-pane-shipping-information .address-container-inline input,
 	.checkout-pane-shipping-information .address-container-inline select {
 		width: 100%;
 	}

 	.checkout-pane-shipping-information .address-container-inline .form-type--textfield {
 		display: block;
 	}

 	.checkout-pane-shipping-information .address-container-inline>.form-item {
 		display: block;
 		margin-right: 0;
 	}
 }

 @media(max-width: 767px) {
 	.cart-block--contents table {
 		margin: 0px;
 	}

 	.cart-block--contents {
 		width: 350px;
 	}

 	.checkout-content.checkout-cart .form-actions #edit-actions-next {
 		width: auto;
 	}

 	.commerce-checkout-flow .checkout-cart .form-actions {
 		flex-direction: row;
 	}
 }

 @media all and (max-width: 1024px) {
 	.train-left .field--name-field-product-image img {
 		width: 100%;
 	}

 }

 @media all and (max-width: 991px) {
 	#product-home .products-row {
 		margin-top: 10px;
 	}


 }

 @media(max-width:991px) {

 	.prductdetails-left {
 		max-width: 500px;
 	}

 	.productdetails-right {
 		margin-top: 70px;
 	}
 }

 @media(max-width:767px) {
 	.productdetails-right h3 {
 		font-size: 25px;
 		line-height: 32px;
 	}

 	#views-form-commerce-cart-form-default-26 {
 		overflow: scroll;
 	}
 }

 @media(max-width:575px) {

 	.relatedproduct-inner {
 		margin-left: auto;
 		margin-right: auto;
 		max-width: 350px;
 	}
 }

 @media(max-width:450px) {
 	.productdetails-right h3 {
 		font-size: 20px;
 		line-height: 25px;
 	}

 	.prduct-slider-nav {
 		flex: 0 0 25%;
 		max-width: 25%;
 	}

 	.prductdetails-slider {
 		flex: 0 0 75%;
 		max-width: 75%;
 	}

 	.checkout-content.checkout-cart .form-actions #edit-actions-next {
 		margin: 0;
 	}
 }

 #contact-page-23 .contact-page-detail-wrapper .contact-page-detail {
 	max-width: 100%;
 }


 /* dashboard page */


 .icon-detials a {
 	text-align: center;
 	background: #b7925233;
 	border-radius: 10px;
 	padding: 30px 0;
 	display: block;
 	margin: 0 20px;
 	text-decoration: none
 }

 .icon-detials a svg {
 	width: 70px;
 	height: 70px;
 	margin: auto;
 	transition: all 0.3s ease;
 	fill: var(--primary_color);
 }

 .icon-detials .icon-title {
 	margin: auto;
 	color: var(--primary_color);
 	padding-top: 8px;
 	font-size: 18px;
 	transition: all 0.3s ease;
 }

 .icon-detials:hover .icon-title,
 .icon-detials:hover svg {
 	fill: #000;
 	color: #000
 }

 .user-login-form input[type="submit"] {
 	background-color: var(--primary_color);
 }

 .icon-detials {
 	margin-bottom: 20px;
 }



 #training li {
 	margin-top: 10px;
 	padding-left: 6px;
 	list-style-position: inside;
 }

 #training ul {
 	/* margin: 0px;
	margin-left: 10px; */
 }

 #training ul li {
 	list-style-position: outside;
 	list-style-type: none;
 	list-style-image: url(/themes/custom/wcsb/images/checkmark-icon.svg);
 }

 #training h2 {
 	margin-bottom: 20px;
 	color: var(--primary_color);
 }

 #training h3 {
 	margin-bottom: 15px;
 	color: var(--primary_color);
 }

 /* .train-right h3:first-child{
	display: block;
}
.train-right h3{
	display: none;
} */




/* ================================================
   LMS QUIZ PAGE STYLES - /course/* pages
   ================================================ */
/* Page layout */
.path-course main .container {
  max-width: 780px;
  margin: 40px auto;
  padding: 0 20px;
}
/* Question text block */
.path-course .field--name-question {
  background:var(--primary_color);
  color: #fff ;
  font-size: 1.2rem ;
  font-weight: 600 ;
  padding:15px;
  border-radius: 12px 12px 0 0 ;
  line-height: 1.6 ;
  box-shadow: 0 4px 20px rgba(37,99,168,0.3) ;
}
.path-course .field--name-question p{
	color:#fff;
}
/* Quiz form */
form.lms-answer-form {
  background: #fff ;
  border-radius: 0 0 12px 12px ;
  box-shadow: 0 8px 30px rgba(0,0,0,0.10) ;
  border: 1px solid #e2e8f0 ;
  border-top: none ;
  padding:25px
}
/* "Your answer" legend */
form.lms-answer-form .fieldset__legend--visible {
  font-size: 0.8rem ;
  font-weight: 700 ;
  text-transform: uppercase ;
  letter-spacing: 0.1em ;
  color: #64748b ;
  padding: 0 0 12px 0 ;
  border-bottom: 2px solid #f1f5f9 ;
  display: block ;
}
/* Remove default fieldset styling */
form.lms-answer-form fieldset {
  border: none ;
  padding: 0 ;
  margin: 0 ;
}
/* Radio option rows */
form.lms-answer-form .form-type--radio {
  display: flex ;
  align-items: flex-start ;
  gap: 12px ;
  padding: 14px 18px ;
  border: 1.5px solid #e2e8f0 ;
  border-radius: 8px ;
  margin-bottom: 10px ;
  cursor: pointer ;
  transition: all 0.2s ease ;
  margin-left:0;
  
}

form.lms-answer-form .form-type--radio:hover {
  border-color: #2563a8 ;
  background: #eff6ff ;
  box-shadow: 0 2px 8px rgba(37,99,168,0.12) ;
}
/* Custom radio */
form.lms-answer-form input[type="radio"] {
  appearance: none ;
  -webkit-appearance: none ;
  width: 20px ;
  height: 20px ;
  border: 2px solid #cbd5e1 ;
  border-radius: 50% ;
  flex-shrink: 0 ;
  margin-top: 2px ;
  cursor: pointer ;
  transition: all 0.2s ease ;
  background: #fff ;
}
form.lms-answer-form input[type="radio"]:checked {
  background: #2563a8 ;
  border-color: #2563a8 ;
  box-shadow: inset 0 0 0 4px #fff ;
}
/* Radio labels */
form.lms-answer-form label,form.lms-answer-form .fieldset__label--group{
  font-size: 0.98rem ;
  color: #334155 ;
  cursor: pointer ;
  line-height: 1.5 ;
  margin: 0 ;
}
/* Form actions row */
/* form.lms-answer-form .form-actions { */
  /* display: flex ; */
  /* align-items: center ; */
  /* gap: 12px ; */
  /* margin-top: 24px ; */
  /* padding-top: 20px ; */
  /* border-top: 2px solid #f1f5f9 ; */
  /* flex-wrap: wrap ; */
/* } */
/* Back link */
form.lms-answer-form .form-actions a {
  display: inline-flex ;
  align-items: center ;
  gap: 6px ;
  color: #64748b ;
  font-size: 0.9rem ;
  font-weight: 600 ;
  text-decoration: none ;
  padding: 11px 20px ;
  border: 1.5px solid #e2e8f0 ;
  border-radius: 8px ;
  transition: all 0.2s ;
  background: #fff ;
}
form.lms-answer-form .form-actions a:hover {
  border-color: #94a3b8 ;
  background: #f1f5f9 ;
  color: #334155 ;
}
/* Submit button */
/* form.lms-answer-form input[type="submit"], */
/* form.lms-answer-form button[type="submit"] { */
  /* background: var(--primary_color) ; */
  /* color: #fff ; */
  /* border: none ; */
  /* padding: 12px 36px ; */
  /* font-size: 1rem ; */
  /* font-weight: 700 ; */
  /* border-radius: 8px ; */
  /* cursor: pointer ; */
  /* transition: all 0.25s ease ; */
  /* letter-spacing: 0.04em ; */
  /* box-shadow: 0 4px 14px rgba(37,99,168,0.4) ; */
/* } */
/* form.lms-answer-form input[type="submit"]:hover { */
  /* transform: translateY(-2px) ; */
  /* box-shadow: 0 6px 20px rgba(37,99,168,0.5) ; */
/* } */
/* ================================================
   ENROLLMENT FORM STYLES
   ================================================ */
.webform-submission-training-enrollment-form-form .webform-element-description p{
	margin-bottom:20px;
}
.webform-submission-training-enrollment-form-form h2{
    font-size: 26px;
	line-height:40px;
    margin-bottom: 15px;
	color: #9f1d21;
}
.path-webform main {
  max-width: 860px;
  margin: 30px auto;
  padding: 0 20px;
}
/* Webform card */
/* .webform-submission-training-enrollment-form-form { */
  /* background: #fff ; */
  /* border-radius: 14px ; */
  /* padding:25px; */
  /* box-shadow: 0 8px 40px rgba(0,0,0,0.09) ; */
  /* border: 1px solid #e2e8f0 ; */
/* } */
/* Field labels */
.webform-submission-training-enrollment-form-form label {
  font-size: 0.82rem ;
  font-weight: 700 ;
  color: #475569 ;
  text-transform:capitalize ;
  letter-spacing: 0.06em ;
  margin-bottom: 5px ;
  display: block ;
}
/* Input fields */
.webform-submission-training-enrollment-form-form input[type="text"],
.webform-submission-training-enrollment-form-form input[type="email"],
.webform-submission-training-enrollment-form-form input[type="tel"],
.webform-submission-training-enrollment-form-form input[type="date"],
.webform-submission-training-enrollment-form-form input[type="number"],
.webform-submission-training-enrollment-form-form select,
.webform-submission-training-enrollment-form-form textarea {
  width: 100% ;
  padding: 11px 14px ;
  border: 1.5px solid #cbd5e1 ;
  border-radius: 8px ;
  font-size: 0.95rem ;
  color: #1e293b ;
  background: #f8fafc ;
  transition: all 0.2s ease ;
  box-sizing: border-box ;
}
.webform-submission-training-enrollment-form-form input:focus,
.webform-submission-training-enrollment-form-form select:focus,
.webform-submission-training-enrollment-form-form textarea:focus {
  border-color: #2563a8 ;
  background: #fff ;
  outline: none ;
  box-shadow: 0 0 0 3px rgba(37,99,168,0.12) ;
}
/* Section headings / fieldset legends */
.webform-submission-training-enrollment-form-form legend,
.webform-submission-training-enrollment-form-form .fieldset__legend {
  font-size: 1.05rem ;
  font-weight: 700 ;
  color: #1a3a5c ;
  padding-bottom: 8px ;
  border-bottom: 2px solid #2563a8 ;
  margin-bottom:5px;
  display: block ;
  width: 100% ;
}
/* Radio groups (gender etc.) */
.webform-submission-training-enrollment-form-form .form-radios {
  display: flex ;
  flex-wrap: wrap ;
  gap: 10px ;
  margin-top: 6px ;
}
.webform-submission-training-enrollment-form-form .form-radios .form-type--radio {
  display: flex ;
  align-items: center ;
  gap: 8px ;
  padding: 8px 16px ;

  cursor: pointer ;
  transition: all 0.2s ;
}
.webform-submission-training-enrollment-form-form .form-boolean--type-radio:checked,.webform-submission-training-enrollment-form-form .form-boolean--type-radio:focus{
	box-shadow:unset;
}
/* Signature / canvas area */
.webform-submission-training-enrollment-form-form .js-webform-signature-pad-canvas {
  border: 1.5px solid #cbd5e1 ;
  border-radius: 8px ;
}
/* Submit button */
.webform-submission-training-enrollment-form-form .form-actions input[type="submit"],
.webform-submission-training-enrollment-form-form input.button--primary,
.webform-submission-training-enrollment-form-form .webform-button--submit {
  background: var(--primary_color) ;
  color: #fff ;
  border: none ;
  padding: 14px 44px ;
  font-size: 1rem ;
  font-weight: 700 ;
  border-radius: 8px ;
  cursor: pointer ;
  transition: all 0.25s ease ;
  letter-spacing: 0.04em ;
  box-shadow: 0 4px 14px rgba(37,99,168,0.35) ;
}
.webform-submission-training-enrollment-form-form .form-actions input[type="submit"]:hover {
  transform: translateY(-2px) ;
  box-shadow: 0 6px 20px rgba(37,99,168,0.45) ;
}
/* Already submitted message */
.path-webform .messages--warning,
.path-webform .webform-confirmation {
  background: #f0fdf4 ;
  border: 1.5px solid #86efac ;
  border-radius: 10px ;
  padding: 20px 24px ;
  color: #166534 ;
  font-weight: 600 ;
}

/* ================================================
   COURSE PAGE - Continue button
   ================================================ */
a[href*="/course/1/start"] {
  display: inline-block ;
  background: var(--primary_color) ;
  color: #fff ;
  padding: 14px 32px ;
  border-radius: 8px ;
  font-weight: 700 ;
  font-size: 1rem ;
  text-decoration: none ;
  transition: all 0.25s ease ;
  box-shadow: 0 4px 14px rgba(37,99,168,0.35) ;
  letter-spacing: 0.04em ;
}
a[href*="/course/1/start"]:hover {
  transform: translateY(-2px) ;
  box-shadow: 0 6px 20px rgba(37,99,168,0.45) ;
}

.lms-answer-form #edit-gender--wrapper{
	margin-top:25px
}
.lms-answer-form #edit-actions{
	font-weight: 500;
    position: relative;
    font-family: var(--secondary_font);
    font-size: 16px;
    /* background: var(--primary_color); */
    color: #fff;
    text-transform: capitalize;
    line-height: 24px;
    padding:0px;
    transition: all 0.3s ease;
    letter-spacing: 0.6px;
    /* border: 1px solid var(--primary_color); */
	display:inline-block;
	margin-top:40px
}
.lms-answer-form #edit-actions input[type="submit"]{
	background: transparent;
    margin: 0;
	padding: 15px 30px;
}
.lms-answer-form #edit-actions::before{
    position: absolute;
    right: -5.5px;
    transition: all 0.3s ease;
    top: 10.5px;
    width: 1px;
    background: var(--primary_color);
    content: '';
    height: 100%;
}
.lms-answer-form #edit-actions::after{
    position: absolute;
    left: 10.5px;
    bottom: -5.5px;
    transition: all 0.3s ease;
    height: 1px;
    background: var(--primary_color);
    content: '';
    width: 100%;
}
.lms-answer-form #edit-actions:hover:after,.lms-answer-form #edit-actions:hover:before {
    height: 0%;
}
.lms-answer-form #edit-actions:hover input {
    color: var(--primary_color);
}
.lms-answer-form #edit-actions:hover {
    color: var(--primary_color);
    background: #fff;
}
.lms-answer-form .webform-signature-pad input[type="submit"]{
	background: var(--primary_color);
    color: white;
    padding: 10px 20px;
	border:2px solid var(--primary_color);
	font-weight:500;
}
.lms-answer-form .webform-signature-pad input[type="submit"]:hover{
	background-color:#fff;
	color:var(--primary_color);
}
.webform-submission-training-enrollment-form-form .address--wrapper{
	margin-top: 25px;
}

.lms-answer-form .form-boolean--type-radio:checked:focus:active,
.lms-answer-form .form-boolean--type-radio:checked:focus:hover {
	box-shadow:unset;
}
.view-soft-product-content.view-display-id-page_1 table th{
	background: var(--primary_color);
    color: white;
}
.lms-course-navigation-list .lms-lesson-activities{
	height: 300px;
    overflow-y: scroll;
	scrollbar-width: thin;
}
.path-course .block-course-steps-block{
	max-height:550px;
}
.provider-atp-box{
	margin-bottom: 35px;
}
.product-image-slider{
	text-align:center
}
.slick-slide .product-image-slider img{
	display:inline-block
}
.wc-pdf-canvas-container {
  width: 100%;
  overflow-x: auto;
}

.wc-pdf-canvas {
  display: block;
  max-width: 100%;
  height: auto;
}