/*!
Theme Name: DBS Fencing
Theme URI: https://alignedagency.com.au/
Author: Aligned Agency
Author URI: https://alignedagency.com.au/
Description: Custom Wordpress Theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dbs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

DBS is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root{
	--primary-color: #3a3d68;
	--secondery-color: #c43030;
	--white-color: #fff;
	--black-color: #000000;
	--area-bg: #eeeff7;

	--primary-font: "Figtree", sans-serif;
}
body{
	margin: 0;
	padding: 0;
	font-family: var(--primary-font);
	line-height: 1.6;
	font-size: 17px;
	font-weight: 300;
	color: var(--primary-color);
}

/* Custom Theme Style */
.btn {
	font-size: 14px;
	padding: 15px 40px;
	font-weight: 300;
	font-family: var(--primary-font);
	text-transform: uppercase;
	border-radius: 0;
	transition: .4s all;
	border: none;
	line-height: 1;
	letter-spacing: 2px;
}
.btn i {
	margin-left: 20px;
}
.btn:focus-visible {
	background-color: var(--primary-color) !important;
}
.btn-primary{
	color: var(--white-color);
	background: var(--secondery-color);
}
.btn-primary:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.btn-secondery{
	background: var(--primary-color);
	color: var(--white-color);
}
.btn-secondery:hover{
	background: var(--secondery-color);
	color: var(--white-color);
}
.btn-tertiary{
	color: var(--primary-color);
	background: var(--area-bg);
}
.btn-tertiary:hover{
	background: var(--secondery-color);
	color: var(--white-color);
}
h1, h2, h3, h4, h5, h6{
	font-family: var(--primary-font);
	font-weight: bold;
	font-style: normal;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--primary-color);
}
h1 {
	font-size: 44px;
	font-weight: 900;
}
h2{
	font-size: 36px;
}
h3 {
	font-size: 23px;
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0;
}
p:last-child, p:last-of-type {
	margin-bottom: 0 !important;
}
img{
	max-width: 100%;
	height: auto;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
a{
	text-decoration: none;
}
a:focus{
	outline: none;
}
textarea, input, select {
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-radius: 0;
	padding: 5px 30px !important;
	color: var(--primary-color);
	background: var(--white-color);
}
input {
	height: 50px;
}
input:focus, textarea:focus, select:focus{
	outline: none;
}
input::placeholder, textarea::placeholder, select::placeholder {
    color: var(--primary-color);
	opacity: 1;
}
select {
	height: 50px;
}
.bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.sec-title{
	text-align: center;
	margin-bottom: 25px;
}
.area-bg{
	background: var(--area-bg);
}
.primary-bg{
	background: var(--primary-color);
}
.p-80{
	padding: 100px 0;
}
.p-60{
	padding: 60px 0;
}
.container{
	transition: .5s;
}

/* mobile-menu */
.mobile-menu {
	display: none;
}

/* Header */
.header-sec {
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	padding: 20px;
	position: fixed;
	background: var(--white-color);
}
.header-logo {
	margin-right: 10px;
	transition: .4s all ease;
	max-width: 180px;
}
.admin-bar .header-sec {
	top: 32px;
}
.h-menu ul {
	display: flex;
	gap: 20px;
}
.h-btn {
	gap: 10px;
	display: flex;
	margin-left: 10px;
}
.header-btn {
	display: flex;
	gap: 10px;
}
.h-menu ul li a {
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-color);
	font-family: var(--primary-font);
	text-transform: uppercase;
	word-spacing: 2px;
}
.h-menu ul li a:hover{
	color: var(--secondery-color);
}
.h-menu .current_page_item > a {
	color: var(--secondery-color);
}
.menu-trigger-wrap {
	display: none;
}
.header-sec.sticky-active {
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, .3);
	background: var(--white-color);
}
.header-btn-down {
	display: none;
}
.h-menu ul li {
	position: relative;
	padding: 10px 0;
}
.h-menu > ul > li.menu-item-has-children::before {
	position: absolute;
	right: 0;
	top: 23px;
	font-family: 'FontAwesome';
	content: '\f107';
	font-weight: 400;
	transform: translateY(-50%);
	font-size: 14px;
}
.h-menu > ul > li.menu-item-has-children {
	padding-right: 16px;
}

.h-menu ul li ul {
	position: absolute;
	width: 100%;
	background: var(--white-color);
	text-align: left;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s all ease;
}
.h-menu ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.h-menu .sub-menu li a:hover{
	opacity: 0.8;
}
.h-menu .sub-menu {
	padding: 10px 15px;
	width: 300px !important;
	display: flex !important;
	flex-direction: column;
	gap: 10px !important;
	border-top: 4px solid var(--black-color);
}
.h-menu .sub-menu li {
	padding: 0 !important;
}
.h-menu .custom-dropdown ul {
	margin-left: 270px;
	margin-top: -34px;
}

/* header-new-css */
.call-us {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--white-color);
	padding: 20px;
	box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
	padding-bottom: 15px;
}
.popup-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.popup-slide i {
	margin-top: -8px;
}
.call-us button {
	background: transparent;
	border: none;
	text-align: start;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 2px;
}
.call-us :hover {
	color: var(--secondery-color);
}

/*  */
.banner-content h1 {
	margin-bottom: 20px;
}
.banner-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 53%;
	height: 100%;
	object-fit: cover;
}
.banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-area {
	padding-top: 120px;
	padding-bottom: 150px;
}
.banner-content::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/badge.svg);
	height: 160px;
	width: 160px;
	object-fit: contain;
	background-repeat: no-repeat;
	top: -100px;
	right: -30px;
	transform: rotate(20deg);
}
.banner-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/1.svg);
	height: 150px;
	width: 100%;
	background-repeat: no-repeat;
	left: 0;
	bottom: -32px;
}

/*  */
.brands .slick-dots button {
	font-size: 0;
	height: 12px;
	width: 12px;
	border-radius: 0;
	border: none;
	background: var(--primary-color);
	opacity: .3;
}
.brands .slick-dots .slick-active button {
	background: var(--primary-color);
	opacity: 1;
}
.slick-dots {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 40px;
}
.brand-img img {
	margin: auto;
	height: 70px;
	object-fit: contain;
	width: 180px;
}
.brand-cover {
	background: var(--area-bg);
	padding: 20px;
	height: 100%;
	justify-content: center;
	display: flex;
	align-items: center;
	margin: 10px;
}

/*  */
.about-content h2 {
	margin-bottom: 20px;
}
.about-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 41%;
	height: 100%;
}
.about-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/*  */
.wc-content::before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 5px;
	font-family: fontAwesome;
	font-size: 34px;
	font-weight: bold;
	color: var(--white-color);
	background: var(--primary-color);
	height: 45px;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wc-content {
	padding-left: 65px;
}
.wc-content::after {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 6px;
	width: 45px;
	left: 0;
	top: 55px;
}
.why-choose-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/2.svg);
	height: 150px;
	width: 260px;
	bottom: -25px;
	right: 0;
	background-repeat: no-repeat;
	background-size: contain;
}

/*  */
.h-product-content {
	width: 55%;
	background: var(--area-bg);
}

.product-btn {
	width: 45%;
}
.product-items img {
	width: 100%;
	aspect-ratio: 1/.5;
}
.product-btn ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.nav-link {
	width: 100%;
	text-align: start;
	background-color: var(--area-bg ) !important;
	color: var(--primary-color) !important;
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 30px;
	border-radius: 0 !important;
}
.nav-link.active {
	background: var(--primary-color ) !important;
	color: var(--white-color ) !important;
	position:relative;
}
/*
 * .product-exp {
	position: absolute;
	bottom: 0;
	background: var(--area-bg);
	opacity: .9;
	padding: 30px;
	margin: 30px;
}
*/
.product-exp {
	background: var(--area-bg);
	padding: 20px;
}

/* .nav-link.active::before {
	content: "";
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--primary-color);
	z-index: -1;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
} */
.h-product-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/1.svg);
	height: 150px;
	width: 100%;
	background-repeat: no-repeat;
	right: -800px;
	bottom: 0;
	background-position: right;
}

/*  */
.service-info {
	height: 100%;
	padding: 40px;
}
.h-service-heading h3 {
	width: 50%;
}
.h-service-heading::before {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 6px;
	width: 55%;
	top: 8px;
	right: -40px;
}
.h-service-heading a {
	color: var(--primary-color);
}

/*  */
.serve-content {
	padding: 30px;
}
.serve-content img {
	object-fit: contain;
	height: 70px;
}
.serve-text {
	flex: 1;
}
.serve-img {
	height: 70px;
	width: 70px;
}
.serve-img::before {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 5px;
	width: 70px;
	bottom: -6px;
	left: 0;
}
.serve-text h3 {
	margin-bottom: 10px;
}
/* .serve-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/3.svg);
	background-repeat: no-repeat;
	height: 117px;
	width: 200px;
	bottom: -15px;
	right: 0;
} */
.serve-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/3.svg);
	height: 150px;
	width: 260px;
	bottom: -25px;
	right: 0;
	background-repeat: no-repeat;
	background-size: contain;
}

/*  */
.project-img img {
	aspect-ratio: 1/.6;
	object-fit: cover;
	width: 100%;
	transition: .3s;
}
.project-img {
	margin: 0 12px;
}
.project-wrapp::before {
	content: "";
	position: absolute;
	background: var(--primary-color);
	height: 1000%;
	width: 1000%;
	top: 0;
	left: 0;
}
.parent-pageid-13 .project-wrapp::before {
	background: var(--area-bg);
}
.parent-pageid-13 .project-title h2 {
	color: var(--primary-color);
}
.project-title h2 {
	color: var(--area-bg);
}

/* testimonial */
.testimonial-content {
	/* height: 100%; */
	padding: 40px;
	min-height: 270px;
}
.testimonials .slick-track {
	display: flex;
}
.testimonial-cover {
/* 	height: auto; */
	padding: 0 10px;
}
.testimonials {
	padding: 0 50px;
}
.name span {
	font-weight: bold;
}
.test-svg::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/4.svg);
	height: 150px;
	width: 260px;
	top: -15px;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
}

/* page-banner */
.page-banner-area {
	padding-top: 150px;
	padding-bottom: 150px;
}
.page-banner-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 51%;
	height: 100%;
}
.page-banner-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.page-banner-area::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/1.svg);
	height: 150px;
	width: 100%;
	background-repeat: no-repeat;
	left: 0;
	bottom: -40px;
}
.page-banner-content h1 {
	margin-bottom: 20px;
}
.page-banner-content {
	padding-right: 60px;
}


/* about */
.ab-intro-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	/* transform: translateY(-50%); */
	height: 100%;
}
.ab-intro-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ab-intro-content h2 {
	margin-bottom: 20px;
}
.mission-content {
	background: var(--white-color);
	height: 100%;
	padding: 30px;
	padding-top: 105px;
}
.mission-content::before {
	content: "\f00c";
	position: absolute;
	left: 30px;
	top: 30px;
	font-family: fontAwesome;
	font-size: 34px;
	font-weight: bold;
	color: var(--white-color);
	background: var(--primary-color);
	height: 45px;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mission-content::after {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 6px;
	width: 45px;
	left: 30px;
	top: 80px;
}
.team-content img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
}
.team-info {
	background: var(--secondery-color);
	padding: 15px 20px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 270px;
}
.member-name h3 {
	color: var(--white-color);
}
.wc-cover {
	padding: 10px;
}
.wc-content {
	min-height: 60px;
}

/* service */
.service-img img {
	aspect-ratio: 1/.7;
	width: 100%;
	object-fit: cover;
}

/* product-page */
.product-info {
	padding: 30px;
}
.product-img img {
	aspect-ratio: 1/.7;
	object-fit: cover;
	width: 100%;
}
.product-page-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.parent-pageid-13 .page-banner-content h1 {
	margin-bottom: 25px;
	font-weight: 300;
	font-size: 17px;
	letter-spacing: 2px;
}
.page-banner-content h2 {
	font-weight: 900;
	margin-bottom: 20px;
}
.pc-intro-content {
	max-width: 60%;
}
.pc-intro-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 38%;
}
.product-child-intro-area {
	margin-top: 100px;
}
.pc-intro-img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
.pc-items {
	margin-bottom: 100px;
}
.pc-intro-content h2 {
	margin-bottom: 30px;
}
.pc-items:nth-child(2n) .pc-intro-img {
	right: unset;
	left: 0;
}
.pc-items:nth-child(2n) .pc-intro-content {
	margin-left: auto;
}
.benrfits-wrapp {
	background: var(--primary-color);
	padding: 60px;
	padding-bottom: 0;
}
.benrfits-title h2 {
	color: var(--white-color);
}
.benrfits-content {
	width: 20%;
	padding: 0 10px 60px 10px;
}
.bf-img img {
	height: 50px;
	object-fit: contain;
	width: 50px;
}
.benrfits-content h3 {
	color: var(--white-color);
	margin-bottom: 20px;
}
.bf-img::before {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 5px;
	width: 50px;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}
.bf-img {
	margin-bottom: 35px;
}
.benefits-list {
	flex-wrap: wrap;
}
.benrfits-wrapp::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/5.svg);
	height: 150px;
	width: 260px;
	top: -15px;
	right: 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.product-list {
	padding: 0 10px;
	height: auto;
}
.product-slider {
	padding: 0 40px;
}

/* capabilities */
.cap-items {
	height: auto;
	margin: 7px;
}
.cap-slider {
	padding: 0 40px;
}

/* service-child */
.sc-service-img img {
	height: 100%;
	object-fit: cover;
}
.sc-service-img {
	width: 45%;
}
.sc-service-info {
	width: 50%;
	margin-left: auto;
}
.sc-service-heading {
	max-width: 55%;
}
.sc-service-heading::before {
	content: "";
	position: absolute;
	background: var(--secondery-color);
	height: 6px;
	width: 65%;
	top: 8px;
	right: -85%;
}

/* gallery */
.gallery-img img {
	aspect-ratio: 1/.9;
	width: 100%;
	object-fit: cover;
}

/* careers */
.careers-field {
	padding: 60px;
}

/* contact */
.contact-page-info {
	background: var(--primary-color);
	padding: 60px;
}
.c-contact a {
	font-size: 20px;
	font-weight: bold;
	color: var(--white-color);
	width: 62%;
	word-break: break-word;
}
.c-contact span {
	color: var(--white-color);
	width: 30%;
	display: block;
}
.c-contact {
	display: flex;
	justify-content: space-between;
}
.c-popup-btn .btn {
	background: var(--white-color);
	width: 100%;
	padding: 15px 10px;
}
.c-popup-btn .btn:hover {
	background: var(--secondery-color);
	color: var(--white-color);
}
.c-popup-btn {
	width: 50%;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.contact-list {
	margin-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contact-area {
	padding-top: 180px;
	padding-bottom: 100px;
}
.contact-area::before {
	content: "";
	position: absolute;
	background: var(--area-bg);
	height: 100%;
	width: 60%;
	top: 110px;
	right: 0;
}
.contact-field {
	padding-left: 40px;
}
.contact-page-info::before {
	content: "";
	position: absolute;
	background-image: url(assets/img/5.svg);
	height: 170px;
	width: 280px;
	bottom: -10px;
	left: -40px;
	background-repeat: no-repeat;
}
.map-responsive {
	overflow: hidden;
	padding-bottom: 30%;
	position: relative;
	height: 0;
}
.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}













/* contact-form */
.gform_footer .gform_button, #field_submit input {
	max-width: 200px;
	font-size: 14px;
	background: var(--secondery-color);
	font-weight: 300;
	color: var(--white-color);
	border: none;
	text-transform: uppercase;
	margin-bottom: 0 !important;
	height: 50px;
	letter-spacing: 2px;
}
#field_submit input {
	max-width: 200px;
	margin-left: auto;
}
#field_submit input:hover {
	background: var(--primary-color);
}
.gform_footer.before {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.gform_footer .gform_button:hover {
	background: var(--primary-color);
}
.gform_drop_area button {
	border: 1px solid #a6a6a6;
	padding: 2px 10px;
	background: transparent !important;
	border-radius: 10px;
}
.gform_wrapper.gravity-theme .gform_drop_area {
	background: transparent !important;
	border: none !important;
	border-radius: 10px !important;
	margin-bottom: 0 !important;
	padding: 20px !important;
	text-align: center;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1) !important;
}
.gform_wrapper.gravity-theme .gform_fileupload_rules {
	margin-top: 0 !important;
	margin-left: 5px !important;
}
.modal-header {
	border: none;
	padding-bottom: 0;
}
.popup-number a {
	color: var(--black-color);
	display: inline-block;
}
.gfield_label.gform-field-label {
	display: none;
}
.gfield {
	margin-bottom: 15px;
}
.popup-form input, .popup-form textarea, .popup-form select {
	border: 1px solid;
}
.enquire-title span {
	font-size: 42px;
	font-weight: bold;
	font-family: var(--primary-font);
	color: var(--primary-color);
}
.gfield {
	margin-bottom: 0;
}
.modal-header button {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9;
}
.modal-content {
	padding: 0 10px;
}
.ginput_container.ginput_container_fileupload input {
	background: none;
	padding: 0 !important;
	height: 40px;
	padding-top: 5px !important;
}
.popup-logo {
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}
.popup-form .gform_footer .gform_button {
	margin-left: auto;
	margin-right: auto;
}
.popup-form .ginput_container.ginput_container_fileupload input {
	border: none;
}


/* footer */
.contact-info span {
	display: inline-block;
	font-weight: bold;
	border-bottom: 2px solid var(--secondery-color);
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.contact-info a {
	color: var(--primary-color);
}
.contact-info strong {
	font-weight: 300;
	width: 90px;
	display: block;
}
.contact-info p {
	display: flex;
}
.footer-link a {
	font-size: 24px;
	color: var(--primary-color);
}
.cp-text a {
	color: var(--white-color);
}
.cp-text a:hover {
	color: var(--primary-color);
}
.cp-text {
	color: var(--white-color);
}
.copyright-text {
	background: var(--secondery-color);
}
.copyright-text::before {
	content: "";
	position: absolute;
	background: var(--primary-color);
	height: 100%;
	width: 20%;
	top: 0;
	right: 0;
}



/* read-more */
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
	display: none;
}

.addReadMore.showmorecontent .readMore {
	display: none;
}

.addReadMore .readMore, .addReadMore .readLess {
	font-weight: 600;
	margin-left: 2px;
	color: var(--primary-color);
	cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
	display: block;
}


/* slick-arrow */
.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	background: transparent;
	color: var(--primary-color);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 0;
	font-size: 28px;
	line-height: 1;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slick-arrow.slick-next {
	left: auto;
	right: 0;
}
.slick-dots li button {
	height: 12px;
	width: 12px;
	font-size: 0;
	border-radius: 0;
	border: none;
	background: #acadc5;
	padding: 0;
}
.slick-dots .slick-active button {
	background: var(--white-color);
	opacity: 1;
}
.parent-pageid-13 .slick-dots .slick-active button, .parent-pageid-17 .slick-dots .slick-active button {
	background: var(--primary-color);
}
.project-slider .slick-dots {
	display: flex;
	justify-content: start;
	gap: 15px;
	position: absolute;
	bottom: -78px;
	left: 20%;
}
.slick-track {
	display: flex;
}


/* normal-faq */
.faq-areas .questions {
	color: var(--primary-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	background: var(--area-bg);
	cursor: pointer;
	border: none;
}
.faq-areas .faq-items {
	margin-bottom: 12px;
}
.faq-areas .accordions {
	cursor: pointer;
	position: relative;
	flex: 1;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.faq-areas .answers p {
	font-size: 15px;
}
.faq-areas .answers {
	display: none;
	padding: 0;
	border: none;
}
.faq-contents p {
	margin-bottom: 20px;
}
.faq-areas .faq-items.active .questions {
	background: var(--primary-color);
	color: var(--white-color);
}
.faq-areas .faq-items.active .faq-triggers i::before {
	content: "\f106";
	color: var(--white-color);
}
.faq-areas .faq-triggers {
	color: var(--primary-color);
	font-size: 16px;
}


/* title-border */
.t-border{
	position: relative;
	padding-top: 30px;
}
.t-border::before{
	content: "";
	position: absolute;
	background: #e1e2f2;
	height: 2px;
	width: 180px;
	top: 0;
}
.tb-left.t-border::before{
	left: 0;
}
.tb-right.t-border::before{
	right: 0;
}
.tb-m.t-border::before{
	left: 50%;
	transform: translateX(-50%);
}


/* 404 */
.error-404 h1 {
	font-size: 200px;
	font-weight: bold;
}

/* -23-04-24 */
.banner-content::before {
	right: -142px;
	z-index: 2;
}
.banner-img .slick-list{
	height: 100%;
}
.banner-img .slick-track{
	height: 100%;
}
.banner-content h1 {
	font-size: 17px;
	font-weight: 300;
}
.banner-content h2 {
	margin-bottom: 20px;
}
/* .brands {
	padding: 0 40px;
} */
.brand-img img {
	height: 60px;
}
.footer-logo img {
	width: 180px;
}
.serve-content img, .serve-img img  {
	object-fit: contain;
	height: 65px;
	width: 65px;
}
.serve-img::before {
	width: 65px;
}
h1 {
	font-weight: 700;
}
.d-title {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.d-title h2 {
	margin-bottom: 15px;
}
.pc-items {
	min-height: 450px;
}
.gchoice input {
	height: 20px;
	width: 20px;
}
.gform_heading {
	display: none;
}
.footer-menu ul {
	text-align: end;
	margin-top: 10px;
}
.footer-menu ul li a {
	color: var(--primary-color);
}
.footer-menu ul li a:hover {
	color: var(--secondery-color);
}
.small-title {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.small-title ul {
	margin-left: 20px;
}
.small-title ul li {
	position: relative;
	padding-left: 20px;
}
.small-title ul li::before {
	content: "";
	position: absolute;
	background: var(--primary-color);
	height: 6px;
	width: 6px;
	border-radius: 100px;
	top: 12px;
	left: 0;
}
.careers-field #field_submit {
	align-items: flex-end;
}
/*  */
.excellence-text h2 {
	margin-bottom: 20px;
}
/* .benrfits-content h3 {
	min-height: 64px;
} */
.page-banner-content h2 {
	font-weight: 700;
}
.brand-img img {
	height: 80px;
}
.test-bg .testimonial-content {
	background: var(--white-color);
}
.header-btn-down a {
	color: var(--white-color);
}
.brand-cover img {
	height: 80px;
	object-fit: contain;
}
.d-title {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.page-id-52 .d-title {
	margin-top: 40px;
}


.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	color: var(--bs-white);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.benrfits-content h3 {
	margin: 0;
}
.bn-icon-with-title {
	padding-bottom: 20px;
}
.brand-item .brand-cover {
	margin: 5px;
}
.brands {
	padding-left: 35px;
	padding-right: 35px;
}

/* mmenu */
.mm-page {
	min-height: unset;
}

.mm-menu {
	display: none;
}
.modal-backdrop.show {
	opacity: .92;
}
.menu-trigger {
	display: none;
}




.logo-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
}
.logo-grid .brand-img {
	margin: 10px;
}
.logo-grid .brand-cover {
	margin: 0;
}


@media (min-width: 991px) {
	.page-id-343 .logo-grid .brand-img {
		width: calc(100%/6 - 20px);
	}
	.page-id-337 .logo-grid .brand-img {
		width: calc(100%/4 - 20px);
	}	
	
	
}

.h-product-area::before {
	display: none;
}

.page-id-21 .page-banner-img img {
	object-position: 0% 20%;
}







/* responaive */
@media all and (max-width: 1399.98px){
	h1 {
		font-size: 42px;
	}
	h3 {
		font-size: 20px;
	}
	.header-btn .btn {
		padding: 15px 30px;
	}
	.header-logo {
		max-width: 158px;
	}
	.h-menu ul li a {
		font-size: 13px;
	}
	.page-banner-area {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.pc-items {
		min-height: 500px;
	}
/* .benrfits-content h3 {
	min-height: 56px;
} */
	
	
	
}

@media all and (max-width: 1299.98px){
	.header-btn .btn {
		font-size: 13px;
		padding: 15px 20px;
	}
	.header-logo {
		max-width: 139px;
	}
	.h-menu > ul > li.menu-item-has-children::before {
		font-size: 12px;
	}
	.h-menu > ul > li.menu-item-has-children {
		padding-right: 14px;
	}
	.h-menu ul {
		gap: 15px;
	}
	.call-us button {
		font-size: 13px;
	}
}

@media all and (max-width: 1199.98px){
	h1 {
		font-size: 36px;
	}
	.page-id-11 .page-banner-content h1, .page-id-13 .page-banner-content h1, .page-id-15 .page-banner-content h1, .page-id-17 .page-banner-content h1, .page-id-19 .page-banner-content h1, .page-id-23 .page-banner-content h1, .page-id-413 .page-banner-content h1, .page-id-21 .page-banner-content h1 {
		font-size: 42px !important;
	}
		/* m-menu */
	.menu-close-btn {
		position: absolute;
		top: 14px;
		right: 10px;
		z-index: 9;
		font-size: 18px;
		display: flex;
		align-items: center;
	}
	.menu-close-btn i:hover{
		color: var(--primary-color);
	}
	.mm-navbar__title span::before {
		content: "Back to ";
	}
	.mm-navbar__title span{
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		color: var(--black-color) !important;
	}
.mm-panel ul li a {
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-color) !important;
	text-transform: uppercase;
}
	.mm-navbar .btn {
		color: var(--black-color) !important;
		font-weight: bold;
	}
	.mm-navbar .btn:hover {
		color: var(--primary-color) !important;
	}
	.mm-navbars--bottom {
		border-top: none;
	}
	.mm-menu {
		z-index: 100;
		display: block;
	}
	.mm-wrapper__blocker.mm-blocker.mm-slideout{
		z-index: 99;
	}
	
	/*	MMenu */
	.mm-panels {
		background: var(--white-color);
	}
	.menu--just-title a {
		border-top: 0 solid #EAEAEA;
		padding-top: 0 !important;
	}

	/* Mobile text */
	.mm-navbar__title {
		text-transform: uppercase;
		font-size: 16px;
		letter-spacing: 1.6px;
	}
	.mm-listitem__text {
		font-size: 15px;
	}
	.mm-menu {
		--mm-size: 100%;
		--mm-color-background: var(--white-color);
	}
	.menu-close-btn {
		position: absolute;
		right: 10px;
		z-index: 9;
		font-size: 18px !important;
		color: var(--black-color) !important;
		top: 15px;
	}
	.menu-close-btn {
		font-size: 14px;
	}
	.mm-navbar__title span {
		display: none;
	}
	.mm-panel--opened .mm-navbar__title span {
		display: block;
		font-size: 0;
	}
	#menu .mm-navbar .mm-navbar__title span {
		display: none;
	}
	.mm-navbar .btn {
		color: var(--white-color) !important;
	}
	.mm-panel .mega-menu {
		position: relative !important;
	}
	.mm-panels .sub-menu li a {
		padding: 15px 20px !important;
	}

	.menu-trigger {
		flex-direction: column;
		display: flex;
		row-gap: 6px;
		color: var(--black-color);
		position: relative;
		z-index: 999;
		cursor: pointer;
		font-size: 23px;
	}
	.menu-trigger a {
		color: var(--black-color);
	}
.h-menu {
	display: none;
}
	/*  */
	.header-sec {
		padding: 20px 0;
	}
	.banner-area {
		padding-bottom: 100px;
	}
	.banner-area::before {
		bottom: -70px;
	}
	.nav-link {
		font-size: 20px;
	}
	.service-info {
		padding: 30px;
	}
	.page-banner-area {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.page-banner-content h2 br{
		display: none;
	}
	.page-banner-content {
		padding-right: 40px;
	}
	.benrfits-content {
		width: 33.33%;
	}
	.benrfits-wrapp {
		padding-left: 30px;
		padding-right: 30px;
	}
	.contact-page-info {
		padding: 50px 40px;
	}
	.pc-items {
	min-height: 450px;
}
}

@media all and (max-width: 991.98px){
	.p-80{
		padding: 80px 0;
	}
	.t-center{
		text-align: center !important;
	}
	.tb-left.t-border::before{
		left: 50%;
		transform: translateX(-50%);
	}
	.tb-right.t-border::before{
		right: 50%;
		transform: translateX(50%);
	}
	.banner-img {
		position: unset;
		width: 100%;
		height: 100%;
		margin-top: 40px;
	}
	.page-id-52 .d-title {
	margin-top: 0;
}
	.banner-img img {
		aspect-ratio: 1/.5;
	}
.banner-content {
	text-align: center;
}
	.banner-content br {
		display: none;
	}
/* .banner-content::before {
	top: unset;
	right: 50%;
	transform: rotate(0deg) translateX(50%);
	bottom: 0;
	height: 120px;
	width: 120px;
} */
	.banner-content::before{
		display: none;
	}
	.header-sec::before {
		content: "";
		position: absolute;
		background-image: url(assets/img/badge.svg);
		height: 65px;
		width: 66px;
		object-fit: contain;
		background-repeat: no-repeat;
		top: 22px;
		left: 170px;
	}
	.banner-area {
		padding-top: 80px;
		padding-bottom: 0;
	}
	.banner-area::before {
		display: none;
	}
	.about-img {
		position: unset;
		width: 100%;
		margin-top: 40px;
	}
	.about-img img {
		aspect-ratio: 1/.5;
	}
	.about-area {
		padding-bottom: 0 !important;
	}
	.h-product-area::before {
		display: none;
	}
	.serve-area::before {
		display: none;
	}
	.test-svg::before {
		display: none;
	}
	.footer-link {
		justify-content: start !important;
	}
	.page-id-29 .h-product-area {
	padding-bottom: 0;
}
	.page-banner-img {
		position: unset;
		width: 100%;
	}
	.page-banner-img img {
		aspect-ratio: 1/.5;
	}
	.page-banner-content {
		padding-right: 0;
		text-align: center;
		margin-bottom: 40px;
		min-height: 180px;
	}
	.page-id-11 .page-banner-content, .page-id-13 .page-banner-content, .page-id-15 .page-banner-content, .page-id-17 .page-banner-content, .page-id-19 .page-banner-content, .page-id-23 .page-banner-content, .page-id-413 .page-banner-content, .page-id-3 .page-banner-content, .page-id-879 .page-banner-content, .page-id-21 .page-banner-content {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 42px !important;
	}
	.page-banner-content br {
		display: none;
	}
	.page-banner-area {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.page-banner-area::before {
		display: none;
	}
	.ab-intro-img {
		position: unset;
		width: 100%;
		transform: translateY(0);
		margin-top: 40px;
	}
	.ab-intro-img img {
		aspect-ratio: 1/.5;
	}
	.ab-intro-area {
		padding-bottom: 0 !important;
	}
	.product-child-intro-area {
		margin-top: 80px;
	}
	.pc-intro-img {
		position: unset;
		width: 100%;
	}
	.pc-intro-content {
		max-width: 100%;
		margin-top: 0 !important;
	}
	.pc-intro-img img {
		aspect-ratio: 1/.5;
	}
	.pc-items {
		margin-bottom: 80px;
	}
	.benrfits-content {
		width: 50%;
	}
	.benrfits-wrapp {
		padding-left: 15px;
		padding-right: 15px;
	}
	.benrfits-wrapp::before {
		display: none;
	}
	.why-choose-area::before {
		display: none;
	}
	.careers-field {
		padding: 60px 40px;
	}
	.contact-area {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.contact-field {
		padding-left: 0;
		padding-top: 60px;
		margin-top: 80px;
	}
	.contact-area::before {
		content: "";
		position: absolute;
		background: var(--area-bg);
		height: 785px;
		width: 100%;
		top: unset;
		right: 0;
		bottom: 0;
	}
	.contact-list {
		margin-bottom: 80px;
	}
	.gform_footer .gform_button {
		margin-left: auto;
		margin-right: auto;
	}
	.map-responsive {
		padding-bottom: 40%;
	}
	.footer-menu ul {
	text-align: start;
}
	.excellence-text {
	margin-bottom: 30px;
}
	
	
}

@media all and (max-width: 782px){
	.admin-bar .header-sec {
		top: 46px;
	}
}

@media all and (max-width: 767.98px){
	br{
		display: none;
	}
	.p-80{
		padding: 60px 0;
	}
	.header-btn {
		display: none;
	}
	.header-btn-down {
		display: flex;
		margin-top: 15px;
		gap: 10px;
	}
	.header-btn-down .btn {
		flex-grow: 1;
		padding-left: 17px;
		padding-right: 17px;
	}
	.benrfits-content h3 {
	min-height: 0;
}
	.project-img {
		margin: 0 5px;
	}
	.project-link {
		text-align: center !important;
	}
	.small-title ul {
	margin-left: 10px;
}
	.footer-menu ul {
	text-align: center;
}
	.testimonial-content {
		padding: 30px 20px;
	}
	.testimonial-cover {
		padding: 0;
	}
	.footer-link {
		justify-content: center !important;
	}
	.footer-logo {
		text-align: center;
	}
	.contact-info {
		text-align: center;
		margin: auto;
	}
	.contact-info br {
	display: none;
}
	.contact-info p {
		text-align: start;
	}
	.contact-info br {
		display: block;
	}
	.cp-text {
		text-align: center;
	}
	.product-child-intro-area {
		margin-top: 60px;
	}
	.pc-items {
		margin-bottom: 60px;
	}
	.benrfits-content {
		width: 100%;
	}
	.product-list {
		padding: 0;
	}
	.cap-items {
		margin: 0;
	}
	.careers-field {
		padding: 40px 20px;
	}
	.contact-page-info {
		padding: 40px 20px;
	}
	.page-banner-content {
		min-height: 150px;
	}
	.error-404 h1 {
		font-size: 100px;
	}
	.map-responsive {
		padding-bottom: 50%;
	}
	.call-us {
		padding: 15px;
		left: 12px;
	}
	.banner-area {
		padding-top: 60px;
	}
	.brand-cover {
		padding: 20px 10px;
	}
	.contact-info strong {
		width: auto;
		margin-right: 10px;
	}	
	.contact-info p {
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.mission-content {
		text-align: center;
	}
	.mission-content::before {
		left: 50%;
		transform: translateX(-50%);
		top: 20px;
	}
	.mission-content::after {
		left: 50%;
		transform: translateX(-50%);
		top: 70px;
	}
	.wc-cover {
		text-align: center;
	}
	.wc-content {
		text-align: center;
		padding-left: 0;
		padding-top: 80px;
	}
	.wc-content::before {
		left: 50%;
		transform: translateX(-50%);
	}
	.wc-content::after {
		left: 50%;
		transform: translateX(-50%);
	}


	.contact-info p br {
		display: none;
	}	
	.copyright-text::before {
		width: 100%;
	}	
	
	
}

@media (max-width: 640px) {
	#field_submit input {
		margin-right: auto;
		margin-top: 20px;
	}
}

@media (max-width: 600px) {
	.admin-bar .header-sec.sticky-active {
		top: 0;
	}
}

@media all and (max-width: 576.98px){
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 18px;
	}
	.faq-areas .accordions {
		font-size: 18px;
	}
	.product-exp {
		padding: 10px;
		margin: 10px;
	}
	.product-items img {
		aspect-ratio: 1;
	}
	.service-info {
		padding: 20px 12px;
	}
	.serve-content {
		padding: 20px 10px 30px 10px;
	}
	.testimonial-content {
		padding: 20px 10px;
	}
	.testimonials {
		padding: 0 40px;
	}
	.page-banner-content {
		min-height: 120px;
	}
	.mission-content {
		padding: 12px;
		padding-top: 90px;
		padding-bottom: 20px;
	}
	.product-info {
		padding: 20px 12px 30px 12px;
	}
	.benrfits-wrapp {
		padding-left: 10px;
		padding-right: 10px;
	}
	.careers-field {
		padding: 40px 10px;
	}
	.contact-page-info {
		padding: 40px 10px;
	}
	.c-popup-btn {
		width: 60%;
	}
	.c-contact a {
		font-size: 17px;
	}
	.c-contact span {
		width: 35%;
	}
	.modal-content {
		padding: 0;
	}
	.brand-img img {
	width: 140px;
}
.brand-cover {
	padding: 10px;
	margin: 5px;
}
	.page-id-21 .page-banner-content h1{
		font-size: 36px !important;
	}



}