/*
Theme Name: Paytile HRMS Child theme
Author:Citytech Team 
Description: this the child theme of twenty twenty 1 for citytechme custom theme
Version: 1.0
Template: twentytwentyone

This is the child theme for Twenty Twenty-One theme.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*--------------------------added-after-deploy----------------------------*/
main :is(h1, h2, h3, h4, h5, h6) {
	font-family: "Young Serif", serif;
	font-weight: 400;
}

.zig-zag-bg-left, .zig-zag-bg-right {
	position: relative;
	z-index: 1;
}
.zig-zag-bg-left p, .zig-zag-bg-right p {text-align: justify;}
.zig-zag-bg-left::before, .zig-zag-bg-right::before {
	content: "";
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: #fff;
	z-index: -1;
}
.zig-zag-bg-left::before {left: 0;}
.zig-zag-bg-right::before {right: 0;}

.innr-sec-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
}
.innr-sec-sub-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
}
.with-list-icon {
	list-style: none;
	padding: 0;
	padding-left: 16px;
}
.with-list-icon li {
	padding-left: 10px;
	font-size: 16px;
	line-height: 28px;
}
.with-list-icon li::marker {
	content: "\f058";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #008060;
}
.with-list-icon li:not(:last-child) {
	margin-bottom: 16px;
}
.with-list-icon.lmb-0 li:not(:last-child) {
	margin-bottom: 0;
}
.with-list-icon li :is(strong,b) {
	color: #0DBE94;
	font-weight: 600;
}

.innr-link-btn {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: #FFFFFF;
	border: 1px solid #0DBE94;
	background: #0DBE94;
	padding: 11px 29px;
	border-radius: 5px;
	display: inline-block;
}


.about-us-demo-form {}
.about-us-demo-form .demo-form-wrap {
	border: 1px solid #E1EBF4;
	border-radius: 10px;
	padding: 48px;
	background: #fff;
}
.about-us-demo-form h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 20px;
}
.about-us-demo-form .wpcf7-form-control:not(.wpcf7-radio,.wpcf7-checkbox,.wpcf7-submit) {
	border: 1px solid #E1EBF4;
	border-radius: 3px;
	background: #F3F9FF;
	font-size: 14px;
	line-height: 21px;
	padding: 12px 16px;
}
.about-us-demo-form .wpcf7-form-control.wpcf7-textarea {
	height: 164px;
}
.about-us-demo-form .wpcf7-form-control.wpcf7-checkbox {}
.about-us-demo-form .wpcf7-form-control.wpcf7-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.about-us-demo-form .wpcf7-submit {
	background: #008060;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 52px;
	float: right;
}
.about-us-demo-form .wpcf7-not-valid-tip {
	font-size: 14px;
}


.workforce-gray-box {
	background: #D9D9D9;
	width: 100%;
	height: 100%;
	padding: 34px;
	padding-top: 74px;
}
.workforce-gray-box .box-img {
	width: 117px;
	height: 117px;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	margin: auto;
}
.workforce-gray-box .box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.workforce-gray-box .box-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: #000;
	margin-top: 28px;
}
.workforce-gray-box .box-txt {
	font-size: 16px;
	line-height: 27px;
	color: #000;
}
.workforce-gray-box .box-link {
	color: #000;
	font-size: 14px;
	line-height: 21px;
	border: 1px solid #000000;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 46px;
}


.workforce-feature-box {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	border: 1px solid #E1EBF4;
	padding: 24px;
	border-radius: 10px;
}
.workforce-feature-box:not(:last-child) {
	margin-bottom: 1.5rem;
}
.workforce-feature-box .box-img {
	width: 82px;
	height: 82px;
	background: #E1EBF4;
	border-radius: 10px;
	overflow: hidden;
	flex: 0 0 auto;
}
.workforce-feature-box .box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.workforce-feature-box .box-info {}
.workforce-feature-box .box-info .info-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #0DBE94;
}
.workforce-feature-box .box-info .info-desc {
	font-size: 16px;
	line-height: 24px;
	color: #565656;
}
.workforce-feature-box .box-info .info-desc p {
	margin-bottom: 0;
}


.about-us-box-border {
	border: 0;
	border-radius: 15px;
	padding: 30px;
	height: 100%;
	background: #FFE27C;
	color: #000;
}
.about-us-box-border .innr-sec-title {
	margin-bottom: 25px;
}
.about-us-box-border .with-list-icon li:not(:last-child) {
	margin-bottom: 6px;
}
.about-us-box-border .with-list-icon li::marker {
	color: #000;
}
.about-us-box-border p {
	margin-bottom: 0;
}


.about-img-txt {
	background: #fff;
	height: 100%;
}
.about-img-txt .box-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.about-img-txt .box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-img-txt .box-img .img-txt {
	position: absolute;
	bottom: 30px;
	left: 36px;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #FFF;
}
.about-img-txt .box-txt {
	margin-top: 16px;
	padding: 0 35px;
}
.about-img-txt .box-txt p {
	margin-bottom: 0;
}
.about-img-txt .box-txt a {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #000;
	display: inline-block;
	margin-bottom: 18px;
	margin-top: 46px;
}


.jobs-none-container {
	text-align: center;
}
@media (min-width: 768px) {
  .awsm-filter-wrap .awsm-filter-items {
    justify-content: center;
  }
}
.awsm-job-wrap .awsm-grid-item .awsm-job-post-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: #565656;
}
.awsm-job-wrap .awsm-grid-item .awsm-job-more-container {
	text-align: right;
	color: #565656;
}
.awsm-job-single-content {
	padding: 70px 0;
	background: #fffbf4;
	color: #565656;
}
.awsm-job-single-content .awsm-jobs-single-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 34px;
}
.awsm-job-single-content .awsm-job-form-inner {
	border: 1px solid #E1EBF4;
	border-radius: 10px;
	padding: 42px;
}
.awsm-job-single-content .awsm-job-form-inner h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 20px;
}
.awsm-job-single-content .awsm-job-form-inner .awsm-job-form-control:not(.awsm-form-file-control) {
	border: 1px solid #E1EBF4;
	border-radius: 3px;
	background: #F3F9FF;
	font-size: 14px;
	line-height: 21px;
	padding: 12px 16px;
}
.awsm-job-single-content .awsm-job-form-inner .awsm-job-form-control.awsm-job-form-error {
	border: 1px solid #db4c4c;
}
.awsm-job-single-content .awsm-job-form-inner .awsm-form-file-control.awsm-job-form-error {
	border: 0;
}
.awsm-job-single-content .awsm-job-form-inner .awsm-application-submit-btn {
	background: #0DBE94;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 52px;
	/* float: right; */
}
.awsm-job-single-content .awsm-job-form-inner .awsm-job-form-error {
	font-size: 14px;
}


.journey-tabs {}
.journey-tabs .nav-pills {
	gap: 20px;
}
.journey-tabs .nav-pills .nav-item {}
.journey-tabs .nav-pills .nav-item .nav-link {
	background-color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
	color: #000;
}
.journey-tabs .nav-pills .nav-item .nav-link.active,
.journey-tabs .nav-pills .nav-item .nav-link:hover {
	background-color: #008060;
	color: #fff;
}
.journey-tabs .tab-content {
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	padding: .75rem 1rem;
}
.journey-tabs .tab-content .tab-pane {
	position: relative;
}
.journey-tabs .tab-content .tab-pane .tab-img {}
.journey-tabs .tab-content .tab-pane .tab-img img {
	width: 100%;
	height: auto;
}
.journey-tabs .tab-content .tab-pane .tab-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding-left: 56px;
	padding-bottom: 56px;
	font-size: 14px;
	line-height: 21px;
}
.journey-tabs .tab-content .tab-pane .tab-txt .txt-title {
	font-size: 24px;
	line-height: 34px;
}




.fa-chevron-circle-right::before, .fa-circle-chevron-right::before {
	display: none;
}
.fa-circle-chevron-right svg path {
	transition: all .15s;
}
.fa-circle-chevron-right:hover svg path {
	transform: translateX(12px);
}
a:hover .fa-circle-chevron-right svg path {
	transform: translateX(12px);
}



.page-id-365 .news-events {}
.page-id-365 .news-events .container > .row {
	margin-bottom: 1.5rem;
}
.page-id-365 .news-events .container > .row > .col-md-3 {
	padding-top: .5rem;
	color: #140B4B;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.page-id-365 .news-events .container > .row > .col-md-3 span:first-child {
	font-size: 2.75rem;
	line-height: 1.1;
}
.page-id-365 .news-events h3 {
	color: #140B4B;
	margin-top: .5rem;
}


.customer-list {
	margin-bottom: 70px;
}
.customer-list .cus-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	justify-content: center;
	border: 1px solid #d9d9d9;
	--item-gap: 22px;
	height: calc(100% - var(--item-gap));
	margin-top: var(--item-gap);
	border-radius: 3px;
	overflow: hidden;
	background: #fff;
	padding: 12px 8px;
}
.customer-list .cus-item img {
	max-width: 100%;
	height: auto;
	transition: all .15s;
}
.customer-list .cus-item:hover img {
	transform: scale(1.1);
}
.customer-list .cus-item span {
	width: 100%;
	text-align: center;
	position: absolute;
	height: 0%;
	align-items: center;
	justify-content: center;
	background: rgba(4,65,119,.5);
	color: transparent;
	display: flex;
	transition: all .5s;
	padding: 0 16px;
}
.customer-list .cus-item:hover span {
	height: 100%;
	color: #fff;
}


.features-highlight {
	border: 1px solid #E4DFCD;
	transition: all .15s;
}
.features-highlight:hover {
	border: 1px solid #FFD84A;
	background: #FFD954;
}
.features-highlight .highlight-icon {
	text-align: center;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}
.features-highlight .highlight-icon img {
	transition: all .15s;
}
.features-highlight:hover .highlight-icon img {
	filter: brightness(0) invert(0);
}




.sitemap > ul {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	list-style: none;
	/* padding-left: 0; */
}
.sitemap > ul > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.sitemap > ul > li {
	flex: 0 0 auto;
	width: 25%;
	position: relative;
	padding-left: 20px;
}
.sitemap > ul > li::before {
	content: "\f058";
	position: absolute;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display,inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	left: 0;
	top: 3px;
	color: #008060;
}
.sitemap > ul > li:not(:last-child) {
	margin-bottom: 5px;
}
.sitemap ul li a {
	color: #000;
	transition: all .15s;
	display: inline-block;
}
.sitemap ul li a:hover {
	transform: translateX(5px);
}
.sitemap ul li a :is(b, strong) {
	font-weight: 400;
}





.pg-header .navbar-toggler {
	background: #EEC73E;
	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-y);
}
.pg-header .btn-close {
	--bs-btn-close-color: #EEC73E;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EEC73E'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
	--bs-btn-close-focus-opacity: 1;
	--bs-btn-close-disabled-opacity: 1;
	opacity: 1;
	filter: none;
}
.pg-header .navbar-dark {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.pg-header .offcanvas-header .offcanvas-title {
	color: #EEC73E;
	font-family: "Young Serif", serif;
	font-size: 24px;
}
main .wp-block-group-50-60 {
	padding: 50px 66px;
}
.single-awsm_job_openings .banner-container .banner-contact {
	display: none;
}
.awsm-job-single-wrap a.awsm-job-specification-term {
    color: #008060;
}
.about-us-demo-form .demo-form-wrap a {
	color: #008060;
	text-decoration: underline;
}
.customer-slider {
	padding-left: 0;
}
.pg-footer .footer-col a {
	transition: all .15s;
}
.pg-footer .footer-col a:hover {
	padding-left: 5px;
	color: #FFD954;
}


/* 06-09-2024 - changes */
.req-demo-form .wpcf7-form .wpcf7-email {
	border-color: #fff;
}
/* 06-09-2024 - changes */

/*================================page cookie-alert======================================*/
.cookie-alert {
	position: fixed;
	bottom: 15px;
	left: 15px;
	width: 364px;
	height: auto;
	padding: 30px 40px 30px 30px;
	z-index: 999;
	display: none;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #4F4F4F;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}
.cookie-alert .close {
	position: absolute;
	top: 10px;
	right: 12px;
	line-height: 1;
	color: #008060;
}
.cookie-alert p {
	font-size: 16px;
	line-height: 1.2;
}
.cookie-alert p :is(span,a) {
	color: rgb(0, 128, 96);
}
.cookie-alert .yes {
	padding: 10px 30px;
	display: inline-block;
	background: #008060;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.cookie-alert .yes i {
	color: #fff;
	margin-left: 36px;
}
/*================================page cookie-alert======================================*/


/* Mobile */
@media (max-width: 480px) {
.pg-banner .banner-client .client-title,
.hp-features-tab .sec-title,
.compliance-box .compliance-title,
.security-box .box-title,
.integration-center .integration-title,
.customer-saying-box .top-head h2,
.hp-blog-box h2 {
	font-size: 28px;
	line-height: 36px;
}
.compliance-box .national-flag-list {
	position: unset;
	width: 100%;
	margin-top: 12px;
}
.compliance-box .right .image-box .compliance-img {
	text-align: center;
	width: 100%;
}
.compliance-box .right .image-box .compliance-img img {
	width: 100%;
	height: auto;
}
.compliance-box .right .image-box .national-flag-list {
	background-color: rgba(255, 232, 150, 0.85);
	position: absolute;
	left: 10%;
	right: inherit;
	bottom: 10%;
	width: 80%;
}
.compliance-box .right .image-box .bulit-text {
	position: inherit;
	right: inherit;
	top: 0;
	margin-top: 10px;
	margin-right: 20px;
	width: 100%;
	text-align: center;
	left: 0;
	display: inline-block;
}
.security-box .security-white-box .right .block {
	width: 100%;
	padding: 14px 0 10px;
}
.security-box .security-white-box .right .block h3 {
	margin-bottom: 10px;
	font-size: 20px;
}
.hp-features-tab .tabs-box ul {
	flex-wrap: wrap;
}
.hp-features-tab .tabs-box ul li {
	width: 100%;
}
.hp-features-tab .tabs-box ul li a {
	margin: 0;
	text-align: center;
	display: block;
	padding-bottom: 16px;
}
.hp-features-tab .tabs-box ul li.on a:before{
	height: 5px;
    bottom: 0px;
}
.pg-footer-contact-info .contact-links .links-item {
	width: 100%;
	padding: 16px 12px;
}
.sitemap > ul > li {
    width: 100%;
}

}
/* Extra small devices */
@media (min-width: 481px) and (max-width: 767px) {
.pg-banner .banner-container .bnr-img-r {
	display: none;
}
}
@media (max-width: 767px) {
.pg-banner .banner-container,.pg-banner .banner-container.video-banner {
	height: auto;
	padding-bottom: 32px;
}
.pg-banner .banner-container.video-banner {
	padding-top: 72px;
	padding-bottom: 0;
	height: 350px;
}
.pg-banner .sec-title {
	font-size: 32px;
	line-height: 40px;
}
.pg-banner .banner-container .bnr-img-r {
	display: none;
}
.banner-container .banner-contact {
	padding: 14px 12px;
}

.block-titl {
	font-size: 28px;
	line-height: 34px;
}
.block-sub-titl {
	font-size: 22px;
}
main .wp-block-group-50-60 {
	padding: 24px 18px;
}
.payroll-hub-box {
	padding: 26px 20px;
}
.payroll-hub-box .hub-img {
	height: auto;
}
.payroll-hub-box .hub-img img {
	max-width: 100%;
}
.left-sticky-txt {
	margin-bottom: 18px;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
	text-align: center;
}
.icon-text-list .wp-block-media-text__media img {
	width: auto;
}
.about-us-demo-form .demo-form-wrap,.awsm-job-single-content .awsm-job-form-inner {
	padding: 28px 20px;
}
.partner-us-btn {
	padding: 16px 12px;
	width: 265px;
}
.news-events-banner .blog-card {
	flex-wrap: wrap;
}
.news-events-banner .blog-card .card-img {
	width: 100%;
	height: 220px;
}
.news-events-banner .blog-card .card-info {
	width: 100%;
	padding: 20px 24px;
}

.hp-blog-box ul {
	flex-wrap: wrap;
	gap: 20px;
}
.hp-blog-box li {
	width: 100%;
}
.hp-blog-box li .content-box {
	padding: 20px;
}
.customer-slider .customer-slider-inner .swiper {
	margin-right: 0;
	right: 0;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
}
.hp-features-tab .tab-wrap .left-inner .slide-page {
	padding: 12px 0;
	width: 190px;
}
.compliance-box .left {
	padding-right: calc(var(--bs-gutter-x) * .5);
}
.pg-footer-contact-info .contact-info-wrap {
	padding: 40px 12px;
}
.pg-footer-contact-info .sec-title {
	font-size: 32px;
	line-height: 40px;
}
.pg-footer-contact-info .contact-links {
	gap: 18px;
	margin-top: 42px;
}
.pg-footer-contact-info .contact-links .links-item {
	padding: 16px 12px;
}
.pg-faq-sec .sec-title {
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 24px;
}
body.contact-demo .contact-section::before {
	display: none;
}
.contact-section .rd3-module {
	flex-direction: column;
	padding: 34px 22px;
}
.contact-section .demo-wrap .sec-title {
	font-size: 32px;
	line-height: 36px;
}
.contact-section .demo-right-sec {
	padding-bottom: 0;
}
body.contact-demo .contact-section .gx-more {
	--bs-gutter-x: 3rem;
}
.member-review-wrap .review-card {
	flex-direction: column;
}
.member-review-wrap .review-card .card-img {
	width: 100%;
}
.member-review-wrap .review-card .card-info {
	width: 100%;
	padding: 42px 16px;
	padding-top: 104px;
}
.journey-tabs .nav-pills {
    gap: 8px;
}
.journey-tabs .tab-content .tab-pane .tab-txt {
    position: unset;
    color: #000;
    padding-left: 0;
    padding-bottom: 0;
}
.sitemap > ul > li {
    width: 100%;
}


.pg-footer .footer-botm .botm-social {
	justify-content: center;
	margin-top: 24px;
}
.pg-footer .footer-botm .botm-links {
	row-gap: 12px;
	justify-content: center;
}
.pg-footer .copy-rights {
	text-align: center;
}

}
/* Small tablets */
@media (min-width: 768px) and (max-width: 991px) {
.sitemap > ul > li {
    width: 50%;
}
}
/* Large tablets/laptops */
@media (max-width: 991px) {
.pg-header .navbar-nav .nav-link, .pg-header .navbar-nav .nav-link:focus, .pg-header .navbar-nav .nav-link:hover {
	color: #fff;
}
.pg-header .mega-dropdown .mega-menu {
	padding: 6px 12px;
}
.pg-header .mega-dropdown .mega-menu li {
	width: 100%;
}
.pg-header .navbar-nav-right {
	margin-top: 16px;
}

.security-box .security-white-box {
	flex-wrap: wrap;
	padding: 28px 22px;
}
.customer-saying-box .top-head {
	left: 0;
}
.customer-slider {
	padding-left: 0;
}

}
@media (min-width: 992px) {}
@media (min-width: 992px) and (max-width: 1199px) {
.pg-header .navbar .navbar-nav > .nav-item:not(:last-child) {
	margin-right: 7px;
}
.pg-header .navbar-nav-right .right-demo, .pg-header .navbar-nav-right .right-sales {
    font-size: 12px;
    padding: 4px 12px;
    line-height: 16px;
}
.pg-footer-contact-info .sec-title {
    font-size: 42px;
    line-height: 50px;
}
.payroll-hub-box .hub-img img {
    max-width: 100%;
}
.sitemap > ul > li {
    width: 33.3333333%;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.pg-banner .sec-title {
	font-size: 42px;
	line-height: 50px;
}
.pg-banner .banner-container {
    height: auto;
    padding-bottom: 25px;
    padding-top: 110px;
}
.pg-banner.home-banner .banner-container {
    height: auto !important;
}
.pg-header .navbar-nav-right {
    margin-left: 12px;
}

.features-wrap .tabs-box ul li a{
	padding: 0 7px;
	font-size: 11px;
	margin: 0;
}
.features-wrap .tabs-box ul li.ui-state-active a::before {
	height: 6px;
	bottom: -24px;
  }
.features-wrap .tabs-box ul {
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.features-wrap .tab-wrap .left-inner{
	padding: 20px 20px;
	min-height: 250px;
}
.features-wrap .tab-wrap .left-inner h3{
	margin-bottom: 15px;
	font-size: 15px;
}
.features-wrap .tab-wrap .left-inner .btn-large {
	padding: 15px 80px 15px 25px;
}
.features-wrap .tab-wrap .left-inner .btn-large:hover{
	color: #fff;
}
.features-wrap .tab-wrap .left-inner .btn-large img{
	top: 14px;
}
.features-wrap .tab-wrap .left-inner p{
	font-size: 10px;
	margin-bottom: 15px;
}
.hp-features-tab .tabs-box .slides ul {
    height: 300px !important;
}
.hp-features-tab .tab-wrap .right-inner {
	padding: 0;
}

.compliance-box .national-flag-list li{
	margin-bottom: 5px;
}
.compliance-box .national-flag-list {
	bottom: 10px;
	padding: 20px 15px;
	width: 245px;
}
.compliance-box .national-flag-list{
	right: 90px;
}
.compliance-box .right .image-box:hover .national-flag-list {
	right: 110px;
}
.hp-blog-box li .img-box {
    height: auto;
    aspect-ratio: 3/2;
}
.hp-blog-box li .content-box {
    padding: 18px;
}
main .wp-block-group-50-60 {
    padding: 42px 42px;
}
.news-events-banner .blog-card {
    padding: 0 26px;
}
.news-events-banner .blog-card .card-img {
    width: 50%;
}
.news-events-banner .blog-card .card-info {
    width: 50%;
	 padding-right: 0;
	 padding-left: 22px;
}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.contact-section .client-review {
    flex-direction: column;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {}
@media (max-width: 1023px) {}
/* Desktops */
@media (min-width: 1200px) and (max-width: 1919px) {}
/* Extra large screens */
@media (min-width: 1920px) {}




@media (min-width: 1600px) {
	body.contact-demo .contact-section::before {
		width: 42.9%;
	}
}
@media (min-width: 1920px) {
	body.contact-demo .contact-section::before {
		width: 44.1%;
	}
}
@media screen and (min-width: 2550px) {
	body.contact-demo .contact-section::before {
		width: 45.667%;
	}
}

.error_container {
	display: flex;
	min-height: 50vh;
	align-items: center;
	text-align: center;
}
.thankyou_text {
	margin-top: 15px;
}
.thankyou_btn {
	background: #111 !important;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 15px 12px;
	display: inline-block;
	margin-top: 18px;
	font-size: 15px;
	text-decoration: none !important;
}