/*--------------------------------------------------------------
# Web design by : So-creative
--------------------------------------------------------------*/
/*@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.woff2') format('woff2'),
        url('../fonts/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
    margin: 0;
    padding: 0;
}
ol,ul,li {
    margin: 0;
    padding: 0;
   font-family: "Open Sans", sans-serif !important;
}
body {
    font-family: "Open Sans", sans-serif !important;
    font-weight: normal;
    font-style: normal;
    overflow-x: hidden !important;
    background: #f6f6f9 !important;
}
a{
  font-family: "Open Sans", sans-serif !important;
  font-weight: normal;
}
html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 700 !important;
}
p {
    font-weight: normal !important;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 25px;
}
/*--------------------------------------------------------------
# Header css
--------------------------------------------------------------*/
.home .contact-form .intl-tel-input, .contact-form .intl-tel-input {
   /* overflow: hidden !important;*/
    border-radius: 6px !important;
}
.contact-form-box form {
    overflow: hidden;
}
.contact-form-box .intl-tel-input.separate-dial-code.allow-dropdown input,
.contact-form-box .intl-tel-input.allow-dropdown.separate-dial-code input {
    width: 100% !important;
}
.contact-form button {
    display: block !important;
    margin: 0 auto !important;
    width: auto !important;
    background: #a4e82d !important;
    border-color: #a4e82d !important;
    color: #000 !important;
    font-size: 14px !important;
    padding: 10px 40px !important;
    border: 1px solid #a4e82d !important;
    font-weight: 700 !important;
    height: auto !important;
    border-radius: 41px !important;
    letter-spacing: .025em !important;
    cursor: pointer;
    transition: 0.5s !important;
    outline: none;
    margin-bottom: 30px !important;
}
.contact-form button:hover{
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
.contact-form #number,
.contact-form #request_country_code {
    padding: 12px 10px 12px 88px;
}
.contact-form .iti__country-container button.iti__selected-country,
.iti__country-container button.iti__selected-country {
    background: #fff !important;
    border: none !important;
    padding: 0px 10px!IMPORTANT;
    margin: 0px !important;
    color: #000 !important;
    border-radius: 0px !important;
    display: flex !important;
    height: 48px !important;
    outline: none !important;
}
.contact-form .iti,
.iti {
    display: block !important;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: rgb(255 255 255 / 5%) !important;
}
.contact-form .col-md-6, .contact-form .col-md-12 {
    margin-bottom: 15px;
}
.conversation_form label {
    display: block;
}
.conversation_form textarea{
    width: 100%;
}
.conversation_form button, .request_form button {
    padding: 12px 40px 12px 40px !important;
    color: #fff !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #616161 !important;
    cursor: pointer;
    margin-top: 20px;
}
.separate-dial-code .selected-flag {
    padding: 12px 11px;
}
.step-form-sec #step-form #phone {
    padding: 12px 10px 12px 88px;
}
.comput-model-box input[type="tel"] {
    padding-left: 90px;
}
#download-brochure-form .comput-model-box input[type="tel"] {
    padding-left: 90px;
    margin-bottom: 15px !important;
}
#quote-form #product_name {
    text-align: center;
    height: 20px;
    border: none;
    color: #b1ec48;
    font-size: 18px;
}
#quote-form #product_name:hover, #quote-form #product_name:focus{
    box-shadow: none !important;
}
.topbar-sec .container-fluid {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px;
}
.topbar-sec ul {
    list-style: none;
    text-align: right;
    padding: 10px 0px;
}
.topbar-sec ul li {
    display: inline-block;
    margin-left: 6px;
}
.topbar-sec ul li span {
    padding: 0 12px 0px 0px;
}
.topbar-sec ul li a {
    color: #2e2e2e !important;
    font-size: 14px;
}
.topbar-sec ul li a i.fa-solid.fa-envelope {
    position: relative;
    top: 2px;
}
.topbar-sec ul li a i.fa-solid.fa-address-card {
    position: relative;
    top: 2px;
}
.topbar-sec ul li a i {
    color: #b1ec48;
    font-size: 18px;
}
#mega-menu-primary {
    background: #f6f6f9 !important;
}
#navbar {
    box-shadow: none !important;
    border-top: 1px solid #ececf2  !important;
    border-bottom: 1px solid #ececf2  !important;
    padding: 0px !important;
}
#navbar .container-fluid {
    max-width: 1400px;
    padding: 5px 12px;
}
#navbar .navbar-brand {
    margin: 0px;
    padding: .3125rem 0px !important;
}
#navbarSupportedContent {
    justify-content: end;
}
#navbar ul{
    list-style: none;
}
#navbar ul li{
    display: inline-block;
}
#mega-menu-wrap-primary {
    background: #f6f5fa !important;
}
#navbar ul li a, #mega-menu-primary li a {
    color: #2e2e2e !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0px 6px !important;
    position: relative !important;
}
#navbar ul li a:after, #mega-menu-primary li.mega-menu-item-type-post_type  a:after {
    content: '';
    position: absolute !important;
    left: 0px !important;
    bottom: -6px !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #b1ec48 !important;
    transform-origin: bottom right;
    transition: transform 0.5s ease;
    transform: scaleX(0);
    display: block !important;
}
#navbar ul li a:hover:after,
#mega-menu-primary li.mega-menu-item-type-post_type a:hover:after{
    transform-origin: bottom left;
    transform: scaleX(1);
}
#navbar ul li a:before, 
#mega-menu-primary li.mega-menu-item-type-post_type a:before {
    content: '';
    position: absolute !important;
    left: 0px;
    top: -6px !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #b1ec48 !important;
    transform-origin: top right;
    transition: transform 0.5s ease;
    transform: scaleX(0);
}
#navbar ul li a:hover:before,
#mega-menu-primary li.mega-menu-item-type-post_type a:hover:before{
    transform-origin: top left;
    transform: scaleX(1);
}
#navbar ul li a:hover,
#mega-menu-primary li.mega-menu-item-type-post_type a:hover{
    text-decoration: none;
}
#navbar ul li:last-child a, 
#mega-menu-primary li:last-child a {
    background: #b1ec48 !important;
    padding: 10px 20px !important;
    border-radius: 41px !important;
    transition: 0.5s !important;
}
#navbar ul li:last-child a:before, 
#mega-menu-primary li:last-child a:before,
#navbar ul li:last-child a:after, 
#mega-menu-primary li:last-child a:after{
    display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: #f6f5fa !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-1651 > a.mega-menu-link:hover{
    background: #2e2e2e !important;
}
#navbar ul li:last-child a:hover,
#mega-menu-primary li:last-child a:hover{
    background: #2e2e2e !important;
    color: #fff !important;
}
#mega-menu-primary li#mega-menu-item-17 a:after,
#mega-menu-wrap-primary li .mega-sub-menu li a:after,
#mega-menu-wrap-primary li .mega-sub-menu li a:before,
#mega-menu-primary li#mega-menu-item-17 a:before{
    display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li#mega-menu-12-1-0 ul li .row a:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li#mega-menu-16-1-0 ul li .row a:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li#mega-menu-12-1-0 ul li .row a:before {
    display: block !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background: #f6f5fa !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: normal !important;
    height: auto !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: #f6f5fa !important;
}
#mega-menu-wrap-primary li .mega-sub-menu li a{
    background: none !important;
}
#mega-menu-wrap-primary li .mega-sub-menu li a:hover{
    background: none !important;
}
.\33 rd-party-menu {
    height: 533px !important;
    background: url('../images/mega-menu-back-image.png') #f6f6f9 no-repeat !important;
    background-position: 90% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #ffffff;
}
#mega-menu-primary #mega-menu-item-650 a,
#mega-menu-primary #mega-menu-item-655 a{
    font-size: 27px !important;
    color: #5e5e5e !important;
    text-transform: capitalize !important;
    pointer-events: none !important;
}
#mega-menu-primary #mega-menu-item-650 .mega-sub-menu li a,
#mega-menu-primary #mega-menu-item-655 .mega-sub-menu li a{
    font-size: 14px !important;
    color: #2e2e2e !important;
    pointer-events: auto !important;
}
#mega-menu-primary #mega-menu-item-650 .mega-sub-menu li:hover a, 
#mega-menu-primary #mega-menu-item-655 .mega-sub-menu li:hover a{
    color: #b0ec3c !important;
}
.mega-free-trial-section{
    background: #b0ec3c !important;
}
.mega-free-trial-section h2 {
    font-size: 22px !important;
    color: #000 !important;
    text-align: center;
    margin-bottom: 0px !important;
}
#mega-menu-primary .mega-free-trial-section .trial-btn {
    padding: 9px 22px 9px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #000 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #b1ec48 !important;
    margin-left: 20px;
}
#mega-menu-primary .mega-free-trial-section .trial-btn:hover {
    color: #fff !important;
}
#mega-menu-primary .mega-free-trial-section .trial-btn:before {
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    content: "" !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 23px !important;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important;
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
    background: #000 !important;
    display: block !important;
    transform: none !important;
}
#mega-menu-primary .mega-free-trial-section .trial-btn:after {
    content: "";
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 24px !important;
    height: 15px !important;
    -webkit-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
    background-image: url(../images/arrow-white.svg) !important;
    background-color: transparent !important;
}
.mega-free-trial-section .row {
    justify-content: center !important;
    align-items: center !important;
}
#mega-menu-primary .mega-free-trial-section .trial-btn:hover:before {
    width: calc(100% - 4px) !important;
}
#mega-menu-primary .mega-free-trial-section .trial-btn:hover:after{
    -webkit-transform: translate(40%,-50%) !important;
    transform: translate(40%,-50%) !important;
}
.request-quote {
    background: #b1ec48;
    padding: 10px 30px;
    color: #2e2e2e;
    border-radius: 32px;
    transition: 0.5s;
}
.request-quote:hover {
    background: #616161 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.single-product .wrps_related_products_area {
    display: none;
}
/*--------------------------------------------------------------
# Main css
--------------------------------------------------------------*/
.home-banner-sec {
    padding: 0px 25px;
    min-height: 500px;
    margin: 0px auto !important;
    background: url('https://so-creative-development.co.uk/computime/wp-content/uploads/2024/04/main-banner-tringle.png');
    background-size: contain !IMPORTANT;
    background-position: bottom right!important;
    background-repeat: no-repeat;
}
.inner-home-banner-sec{
     max-width: 1400px;
    margin: 0px auto !important;
}
.home-banner-sec figure.wpb_wrapper.vc_figure {
    display: block !important;
}
.home-banner-sec .wpb_single_image .vc_single_image-wrapper{
    display: block !important;
}
.home-banner-sec img {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
}
.home-banner-sec h1 {
    font-weight: 700;
    padding-bottom: 15px;
}
.home-banner-sec p {
    width: 94%;
}
.demo-btn a {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background:#f6f6f9 !important;
}
.demo-btn a:hover {
    color: #fff !important;
}
.demo-btn a:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.demo-btn a:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/arrow-white.svg);
}
.demo-btn a:hover:before {
    width: calc(100% - 4px);
}
.demo-btn a:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}

.download-btn a, .download-btn button {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background: #b1ec48 !important;
}
.download-btn a:hover,
.download-btn button:hover {
    color: #fff !important;
}
.download-btn a:before,
.download-btn button:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.download-btn a:after,
.download-btn button:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.download-btn a:hover:before,
.download-btn button:hover:before {
    width: calc(100% - 4px);
}
.download-btn a:hover:after,
.download-btn button:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}

.findout-btn a {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background: #b1ec48 !important;
}
.findout-btn a:hover {
    color: #fff !important;
}
.findout-btn a:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.findout-btn a:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.findout-btn a:hover:before {
    width: calc(100% - 4px);
}
.findout-btn a:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}

.hr-solution-section {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 70px 25px 0 25px;
}
.hr-solution-section h4 {
    font-weight: 600;
    margin-bottom: 0px;
}
.hr-solution-section h2 {
    font-weight: 700;
}
.hr-solution-section ul {
    list-style: none;
}
.hr-solution-section ul  li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
}
.hr-solution-section ul li i {
    color: #b1ec48;
    padding: 0 10px 0px 0px;
}
.hr-solution-section .vc_column-inner {
    padding-top: 0px !important;
}
.access-control-section {
    padding: 70px 25px 44px 25px;
}

.time-attendance-section .container {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 30px 25px;
}
.time-attendance-section h2 {
    font-weight: 700;
}
.time-attendance-section h4 {
    font-weight: 600;
    margin-bottom: 0px;
}
.time-attendance-section ul  li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
}
.time-attendance-section ul {
    list-style: none;
}
.time-attendance-section ul li i {
    color: #2e2e2e;
    padding: 0 10px 0px 0px;
}
.time-attendance-section .demo-btn a {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161!important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background: none !important;
}
.time-attendance-section .demo-btn a:hover{
    background: transparent !important;
    color: #fff !important;

}
.time-attendance-section .demo-btn a:after {
    background-image: url(../images/arrow-white.svg);
}
.time-attendance-section .demo-btn a:before {
    background: #616161;
}
.time-attendance-section .findout-btn a {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background: #B1EC48 !important;
}
.time-attendance-section .findout-btn a:hover{
    background:#B1EC48 !important;
    color: #fff !important;
}
/*.time-attendance-section .findout-btn a:before {
    background: #2e2e2e;
}*/
.access-control .container{
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 70px 0 0 25px;
}
.our-client-section .container {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px;
}
.our-client-section h2 {
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 57px;
}
.our-client-section img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 100% !important;
    max-width: 100% !important;
}
.blog-section h2 {
    font-weight: 700;
    padding-bottom: 50px;
    margin-bottom: 0px;
}
.blog-section {
    margin: 0px auto 50px auto!important;
    max-width: 1400px;
}
.blog_name {
    color: #2e2e2e;
    font-weight: 600 !important;
    padding: 15px 0 0px 0;
}
.blog_date {
    color: #2e2e2e;
    font-weight: 600 !important;
    padding: 5px 0 10px 0;
}
.blog_box_text h3 {
    font-size: 20px;
    color: #2e2e2e;
    font-weight: 700 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_box_text p {
    font-size: 14px;
    margin: 0;
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.read_more_btn {
    font-size: 14px;
    color: #b1ec48;
    text-decoration: underline;
    font-weight: 700 !important;
    padding: 10px 0 0 0;
    display: block;
    text-align: end;
}
.read_more_btn:hover{
    color:#2e2e2e!important;
}
.blog_box_text {
    background: #fff;
    padding: 0px 15px 21px 15px !important;
}
.blog-section .container {
    max-width: 1400px !important;
    margin: 0px auto !important;
    padding: 0px 25px;
}
.blog_box img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}
.what-we-do-section {
    padding: 0px 25px;
}
.what-we-do-section h2 {
    font-weight: 700;
    padding-bottom: 58px;
}
.what-we-do-section .vc_col-sm-12 {
    padding: 30px 50px 50px 50px;
    margin: 0px auto !important;
    max-width: 1400px;
    float: none;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab a {
    font-size: 18px !important;
    background: #f6f6f9 !important;
    border-radius: 23px !important;
    padding: 40px 32px 40px 10px !important;
    overflow: hidden;
    text-align: center;
    color: #2e2e2e !important;
    font-weight: 600;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab:last-child{
    margin-bottom: 0px !important;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab a i.vc_tta-icon {
    position: absolute;
    right: -3px;
    top: 0px;
    height: 100%;
    width: 30px;
    text-align: center;
    background: #616161;
    margin: 0px !important;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab.vc_active a i.vc_tta-icon {
    position: absolute;
    right: -3px;
    top: 0px;
    height: 100%;
    width: 30px;
    text-align: center;
    background: #b1ec48;
    margin: 0px !important;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab a i.vc_tta-icon::before {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 8px;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab.vc_active a i.vc_tta-icon::before {
    color: #616161;
}

.what-we-do-section .vc_tta-panels {
    background: #f6f6f9 !important;
    border-radius: 25px !important;
    padding: 10px 20px !important;
    border-color: #f6f6f9 !important;
}
.what-we-do-section .vc_tta-panels h4 {
    font-weight: 700;
    padding-bottom: 10px;
}
.what-we-do-section .vc_tta-panels ul {
    list-style: none;
}
.what-we-do-section .vc_tta-panels ul li{
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
}
.what-we-do-section .vc_tta-panels ul li i{
    color: #b1ec48;
    padding: 0 10px 0px 0px;
}
.faq-section {
    margin: 0px auto !important;
    background: #fff;
    padding: 70px 25px 50px 25px;
}
.faq-section h2 {
    padding-bottom: 40px;
}
.faq-section .vc_tta-container {
    max-width: 62%;
    margin: 0px auto;
}
.faq-section .vc_tta-panel-heading {
    border: none !important;
    border-radius: 6px !important;
}
.faq-section .vc_tta-panel {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.faq-section .vc_tta-panel-body {
    border: none !important;
}
.faq-section .vc_tta-panel-heading h4.vc_tta-panel-title a {
    color: #2e2e2e !IMPORTANT;
    font-size: 20px;
    font-weight: 700;
    padding: 24px 20px;
}
.page-template-faqs .faq-section .vc_tta-panel-heading h4.vc_tta-panel-title a {
    line-height: 30px;
}
.page-template-faqs .faq-section {
    padding: 70px 25px 120px 25px;
}
.showmore-btn {
    margin-bottom: 0px;
}
.showmore-btn a {
    padding: 12px 22px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background:#fff !important;
    margin-top: 50px;
}
.showmore-btn a:hover {
    color: #fff !important;
}
.showmore-btn a:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.showmore-btn a:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.showmore-btn a:hover:before {
    width: calc(100% - 4px);
}
.showmore-btn a:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}
.contact-section {
    margin: 0px auto !important;
    background-image: linear-gradient(90deg,#616161 50%, #b1ec48 50%);
}
.inner-contact-section {
    max-width: 1400px;
    margin: 0px auto !important;
}
.contact-section .vc_col-sm-6  h2 {
    padding-bottom: 35px;
}
.contact-section .contact-form label {
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 600;
}
.contact-section .contact-form input[type="text"], 
.contact-section .contact-form input[type="email"], 
.contact-section .contact-form input[type="tel"] {
    border: none;
    height: 50px;
    border-radius: 6px;
    outline: none;
}
.contact-section .contact-form textarea{
    border: none;
    height: 100px;
    border-radius: 6px;
    outline: none;
}
.contact-section .contact-form input[type="text"]:focus,
.contact-section .contact-form textarea:focus, 
.contact-section .contact-form input[type="email"]:focus, 
.contact-section .contact-form input[type="tel"]:focus {
    box-shadow: none;
}
.contact-section .contact-form .submit-btn {
    text-align: right;
}
.contact-section .contact-form .submit-btn .wpcf7-spinner {
    float: left;
}
.contact-section .contact-form .submit-btn .sub-btn {
    padding: 12px 40px 12px 40px !important;
    color: #fff !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #616161 !important;
    cursor: pointer;
    margin-top: 20px;
}
.contact-section .contact-form .submit-btn .sub-btn:hover {
    color: #fff !important;
    background: #000 !important;
}
.contact-section .contact-form .submit-btn .sub-btn:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: '';
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #b1ec48;
}
.contact-section .contact-form .submit-btn .sub-btn:after {
    content: '';
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-black.svg);
}
.contact-section .contact-form .submit-btn .sub-btn:hover:before {
    width: calc(100% - 4px);
}
.contact-section .contact-form .submit-btn .sub-btn:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}
.contact-section .vc_col-sm-6 .vc_column-inner {
    padding: 50px 25px;
}
.conversation-section .vc_col-sm-12 .vc_column-inner {
    padding-left: 0px;
    padding-top: 0px !important;
}
.conversation-section .inner-contact-section .vc_column-inner {
    padding-left: 15px !important;
}
.conversation-section {
    margin: 0px auto !important;
    background: #b1ec48;
}
.conversation-section .contact-form-box .vc_column-inner {
    padding: 50px 25px 50px 40px !important;
}
.hardware-sec {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 50px 25px 20px 25px;
}
.hardware-sec .product_cat_slider {
    margin: 0px !important;
}
.hardware-sec h2 {
    padding-bottom: 50px;
}
.hardware-sec .product_cat_slider .product-box a {
    text-decoration: none !important;
    transition: 0.5s;
}
.hardware-sec .product_cat_slider .product-box a:hover .product-title{
    background: #616161;
}
.hardware-sec .product_cat_slider .product-box a:hover .product-title h4{
    color: #fff;
}
.hardware-sec .product_cat_slider .product-box {
    background: #fff;
    margin: 0px 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 0px;
}
.hardware-sec .product_cat_slider .product-box .product-image img {
    width: 100%;
    max-width: 100%;
    margin: 50px auto;
    height: 230px;
    object-fit: contain;
}
.hardware-sec .product_cat_slider .product-box .product-title {
    background: #b1ec48;
}
.hardware-sec .product_cat_slider .product-box .product-title h4 {
    font-size: 14px;
    color: #2e2e2e;
    padding: 22px 10px;
    position: relative;
}
.hardware-sec .product_cat_slider .product-box .product-title h4:after {
    background-image: url(../images/arrow-grey.svg);
    content: "";
    position: absolute;
    right: 16px;
    width: 30px;
    background-repeat: no-repeat;
    top: 16px;
    border: 1px solid #616161;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    padding: 3px 2px 2px 5px !important;
    background-position: 50%;
}
.hardware-sec .product_cat_slider .product-box a:hover .product-title h4:after{
     background-image: url(../images/arrow-white.svg);
     border: 1px solid #fff;
}
.attendance-software-section .container {
    max-width: 1070px !important;
    margin: 0px auto !important;
    padding: 70px 0 0 25px;
}
.attendance-software-section h2{
    font-weight: 700;
}
.software-pera-text {
    width: 63%;
    text-align: center;
    margin: 0px auto !important;
}
.attendance-software-section {
    margin: 50px auto 30px auto !important;
    max-width: 1400px;
}
.check-list img {
    position: absolute;
    font-size: 20px;
    left: 0;
    top: 27px;
}
.check-list li {
    padding: 0 0 25px 50px;
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
.check-list {
    list-style: none !important;
}
.check-list p {
    font-size: 14px;
}
.check-list h3 {
    font-size: 20px;
    color: #2e2e2e;
    font-weight: 700;
    line-height: 30px;
}
.review-section .container{
    max-width: 1070px !important;
    margin: 0px auto !important;
    padding: 0 25px;   
}
.review-section h2 {
    font-weight: 700 !important;
    margin-bottom: 40px;
}
.review-section {
    margin-top: 60px !important;
}
.integration-slider .container {
    max-width: 1400px !important;
    margin: 0px auto !important;
    padding: 0 0px !important;
}
.integration-slider h2 {
    font-weight: 700 !important;
    padding-bottom: 40px;
}
.our_software_box {
    background: #fff;
    padding: 32px 24px 31px;
}
.our_software_box h3 {
    font-size: 21px;
    color: #2e2e2e;
    font-weight: 600;
    padding: 20px 0px 0 0px;
    border-top: 3px solid #e7e4e4ad;
}
.our_software_box p {
    font-size: 14px;
    color: #2e2e2e;
}
.our_software_btn {
    background: #f6f6f9;
}
.intgr-box {
    margin-bottom: 32px;
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-shadow: 6px 6px 12px rgba(211,215,220,.8);
    box-shadow: 6px 6px 12px rgba(211,215,220,.8);
    overflow: visible;
    border-radius: 6px;
}
.our_software_btn a {
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 20px 23px;
}
.integrations_slider .col-md-4 {
    padding: 20px 0 !important;
    opacity: 0.4;
}
.our_software_box img {
    padding-bottom: 20px;
}
.our_software_btn a:after {
    background-image: url(../images/arrow-grey.svg);
    content: "";
    position: absolute;
    right: 16px;
    width: 30px;
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    padding: 3px 2px 2px 5px !important;
    background-position: 50%;
    bottom: 15px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    top: 3px;
}
.integrations_slider .col-md-4.slick-active {
    opacity: 1;
}
.integrations_slider .slick-list.draggable {
    overflow: inherit;
}
.our_software_btn:hover {
    background:#b1ec48;
}
.our_software_btn:hover a {
    color: #2e2e2e
}
.product_cat_slider .slick-prev,
.product-slider .slick-prev,
.product-sliders-box .slick-prev,
.software_slider .slick-prev,
.integrations_slider .slick-prev {
    z-index: 1;
    left: -6px;
}
.product_cat_slider .slick-prev, .product_cat_slider .slick-next,
.product-sliders-box .slick-prev, .product-sliders-box .slick-next,
.product-slider .slick-prev, .product-slider .slick-next,
.software_slider .slick-prev, .software_slider .slick-next,
.integrations_slider .slick-prev, .integrations_slider .slick-next {
    width: 40px;
    height: 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 50%;
}
.product_cat_slider .slick-next,
.product-sliders-box .slick-next,
.product-slider .slick-next,
.software_slider .slick-next,
.integrations_slider .slick-next {
    right: -6px;
    z-index: 1;
}
.product_cat_slider .slick-prev:before,
.product-sliders-box .slick-prev:before,
.product-slider .slick-prev:before,
.software_slider .slick-prev:before,
.integrations_slider .slick-prev:before {
    content: url('../images/prev-arrow.png') !important;
    opacity: 1;
}
.product_cat_slider .slick-next:before,
.product-sliders-box .slick-next:before,
.product-slider .slick-next:before,
.software_slider .slick-next:before,
.integrations_slider .slick-next:before{
    content: url('../images/next-arrow.png') !important;
    opacity: 1;
}
.software-banner-sec{
    position: relative;
}
.software-banner-sec:before{
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: url('../images/soft-back.jpg') !important;
    background-size: contain !important;
    background-repeat: no-repeat;   
}
.hr-solution-section {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 70px 25px 0 25px;
}
.making-work-section {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px 30px 25px;
}
.making-work-section ul  li {
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
    color: #2e2e2e;
    position: relative;
    padding: 0 0 10px 30px;
}
.making-work-section ul {
    list-style: none;
}
.making-work-section ul li i {
    color: #b1ec48;
    padding: 0 10px 0px 0px;
    position: absolute;
    font-size: 20px;
    left: 0;
    top: 7px;
}
.hr-portal-section .container {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 30px 25px 40px 25px;
}
.hr-portal-section ul {
    list-style: none;
}
.hr-portal-section ul  li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
}
.hr-portal-section ul li i {
    color: #2e2e2e;
    padding: 0 10px 0px 0px;
}
.software-banner-sec {
    padding: 0px 25px;
    min-height: 470px;
    margin: 0px auto !important;
}
.page-id-1183 .software-banner-sec {
    padding: 0px 25px;
    min-height: 249px;
    margin: 0px auto !important;
}
.page-id-1183 .software-banner-sec h1 {
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}
.software-banner-sec .vc_col-sm-12 .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}
.banner-left {
    padding-left: 10% !important;
}
.inner-banner-sec {
    max-width: 1400px;
    margin: 0px auto !important;
}
.software-banner-sec h1 {
    font-weight: 700;
    padding-bottom: 15px;
}
.software-banner-sec p {
    width: 94%;
}
.training-box .vc_column-inner {
    padding-top: 0px !important;
}
.blog-page-section {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 50px 25px;
}
.bioface-mtd-sec h2 {
    padding-bottom: 20px;
}
.bioface-mtd-sec {
    margin: 0px auto !important;
    padding: 50px 25px;
}
.inner-bioface-mtd-sec {
    margin: 0px auto !important;
    max-width: 1400px;
}
.bioface-mtd-sec .vc_col-sm-6 .vc_column-inner {
    padding-top: 0px !important;
}
.bioface-mtd-sec img {
    mix-blend-mode: multiply;
}
.blog_section {
    max-width: 1400px;
    margin: 0px auto !important;
    padding: 0px 25px;
}
.blog_section .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.filter-category h3 {
    font-size: 21px;
    color: #2e2e2e;
    padding-left: 4px;
}
.filter-category .filter-menus {
    padding-left: 22px;
    list-style: none;
}
.filter-menus  input[type="radio"] {
    display: none;
}
.filter-menus label {
    padding: 7px 0px 7px 14px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border-radius: 0px;
    text-align: left;
    text-transform: capitalize;
    color: #2e2e2e;
    width: 100%;
    font-size: 18px;
    margin: 0px auto;
    transition: 0.5s;
    font-weight: 600;
}
.filter-menus label:before {
    background-color: transparent;
    color: #f6f6f9;
    content: '\25CF';
    display: block;
    border-radius: 50%;
    border: 1px solid #cecedc;
    position: absolute;
    top: 8px;
    left: -20px;
    width: 24px;
    height: 23px;
    line-height: 12px;
    opacity: 1;
    font-size: 34px;
}
.filter-menus input[type="radio"]:checked + label::before {
    content: '\25CF';
    background-color: transparent;
    transform: scale(1);
    border: 2px solid #b1ec48;
    color: #b1ec48;
    opacity: 1;
}

.check-menu{
  list-style: none;
  padding: 0;
}
.check-menu li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
    padding-left: var(--icon-space);
    position: relative;
    padding: 0 0 0 30px;
}
.check-menu li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #b1ec48;
    margin-right: 10px;
    font-size: 20px;
    position: absolute;
    left: 0px;
}

.check-menu-grey{
  list-style: none;
  padding: 0;
}
.check-menu-grey li {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    color: #2e2e2e;
    padding-left: var(--icon-space);
    position: relative;
    padding: 0 0 0 30px;
}
.check-menu-grey li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #2e2e2e;
    margin-right: 10px;
    font-size: 20px;
    position: absolute;
    left: 0px;
}
.bioface-section {
    margin: 0px auto !important;
    padding: 0px 25px 35px 25px;
}
.inner-bioface-section {
    margin: 0px auto !important;
    max-width: 1400px;
}
.bioface-section h2 {
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.bioface-content {
    padding-left: 15% !important;
}
.blog_section .blog_box {
    margin-bottom: 30px;
}
.blog_section .view-more-btn {
    margin: 20px 0px 50px 0px;
    text-align: center;
}
.blog_section .view-more-btn a {
    padding: 12px 22px 10px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #f6f6f9 !important;
    display: inline-block;
}
.blog_section .view-more-btn a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.blog_section .view-more-btn a:before {
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.blog_section .view-more-btn a:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.blog_section .view-more-btn a:hover:before {
    width: calc(100% - 4px);
}
.blog_section .view-more-btn a:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}
.range-section {
    padding: 50px 25px;
    margin: 0px auto !important;
}
.range-section .vc_col-sm-12 {
    max-width: 1400px !important;
    float: none !important;
    margin: 0px auto !important;
}
.range-section .vc_col-sm-12 .vc_column-inner {
    padding-top: 0px !important;
}
.range-section h2 {
    padding-bottom: 50px;
}
.range-section .demo-btn a {
    background: #b1ec48 !important;
}
.page-id-357 .software-banner-sec .vc_col-sm-12 .vc_column-inner {
    padding-top: 0px;
}
.computerised-time-sec {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 50px 25px;
}
.computerised-time-sec h2 {
    padding-bottom: 50px;
}
.category-box {
    justify-content: center !important;
    margin: 0px !important;
}
.category-box .col-md-3 {
    padding: 0px 10px !important;
}
.inner_product_box {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin: 0px 10px;
}

.inner_product_box .product-name {
    background: #b2ec48;
    padding: 10px 20px;
}
.inner_product_box .product-name h3 {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0px;
}
.inner_product_box .product-image img {
    display: block;
    margin: 30px auto;
    width: 200px;
    height: 200px;
    object-fit: contain;
}
.inner_product_box hr {
    width: 90%;
    margin: 0px auto 10px;
    border-top: 0px;
    height: 1px;
    background: #e0e0e0;
}
.inner_product_box .product-descriptions {
    padding: 0px 15px;
}
.inner_product_box p {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #2e2e2e;
    margin-bottom: 10px !important;
}
.inner_product_box p span:last-child {
    float: right;
}
.inner_product_box .product-descriptions h4 {
    color: #b2ec48;
    font-size: 22px;
}
.inner_product_box .product-read-more {
    background: #b2ec48;
    padding: 0px 0px;
}
.inner_product_box .product-read-more a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2e2e2e;
    position: relative;
    display: block;
    padding: 20px 20px;
    background: transparent !important;
}
.inner_product_box .product-read-more a:hover{
    background: transparent !important;
}
.inner_product_box .product-read-more:hover{
     background: #616161;
}
.inner_product_box p.inc_vat_text {
    margin-bottom: 10px !important;
     font-size: 14px !important;
}
.inner_product_box .product-read-more a:after {
    background-image: url(../images/arrow-grey.svg);
    content: "";
    position: absolute;
    right: 10px;
    width: 30px;
    background-repeat: no-repeat;
    top: 16px;
    border: 1px solid #616161;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    padding: 3px 2px 2px 5px !important;
    background-position: 50%;
}
.product-read-more:hover a{
    text-decoration: none !important;
    color: #fff;
    background: #616161;
}
.product-read-more:hover a:after {
    background-image: url(../images/arrow-white.svg);
    border: 1px solid #fff;
}
.proximity-card-sec {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px 50px 25px;
}
.proximity-card-sec h2 {
    padding-bottom: 50px;
}
.product-cat-sec h3 {
    padding: 50px 0px;
    font-size: 34px;
    margin-bottom: 0px !important;
}
.product-cat-sec {
    max-width: 1400px;
    margin: 0px auto;
    padding-bottom: 50px;
}
.remote-app-sec {
    margin: 0px auto !important;
}
.remote-app-sec .vc_col-sm-12 .vc_column-inner {
    padding: 0px !important;
}
.inner-remote-app-sec .vc_col-sm-6 .vc_column-inner {
    padding: 0px 15px !important;
}
.inner-remote-app-sec .wpb_single_image .vc_figure {
    display: block !important;
}
.inner-remote-app-sec .wpb_single_image .vc_single_image-wrapper {
    display: block !important;
}
.inner-remote-app-sec img {
    width: 100% !important;
    max-width: 100% !important;
}
.inner-remote-app-sec h2 {
    padding-bottom: 20px;
    padding-top: 10px;
}
.inner-remote-app-sec .inner-remote-app-img .vc_column-inner{
    padding-left: 0px !important;
}
.inner-remote-app-sec .inner-remote-app-text .vc_column-inner{
     padding-right: 0px !important;
}
.inner-remote-app-sec {
    max-width: 1400px;
    margin: 0px auto !important;
    padding: 50px 25px;
}
.key-attributes-sec .inner-remote-app-sec {
    padding-top: 70px;
}
.time-banner-sec {
    padding: 0px 25px;
    min-height: 460px;
    margin: 0px auto !important;
}
.time-banner-sec .inner-banner-sec {
    text-align: center;
}
.time-banner-sec h1 {
    padding-bottom: 50px;
    margin-bottom: 0px;
}
.time-banner-sec .vc_col-sm-12 .vc_column-inner {
    padding-top: 0px !important;
}
.time-banner-img-sec {
    margin: 0px auto !important;
    max-width: 1400px !important;
    padding: 0px 25px;
    margin-top: -125px !important;
}
.time-banner-img-sec p {
    text-align: center;
}
.tailored-fit-sec {
    margin: 0px auto !important;
    padding-bottom: 50px;
}
.tailored-fit-sec .inner-tailored-fit-sec {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px;
}
.inner-tailored-fit-sec h2 {
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.tailored-fit-content {
    padding-left: 5% !important;
}
.in-depth-reporting-sec {
    padding-bottom: 30px !important;
    padding-top: 50px;
}
.page-template-time-attendance .hr-portal-section .container {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px 45px 25px;
}
.integration-slider {
    margin: 0px auto !important;
    padding: 0px 25px;
    max-width: 1400px;
}
.our-software-sec {
    margin: 0px auto !important;
    max-width: 1400px !important;
    padding: 20px 25px 10px 25px;
}
.our-software-sec .container {
    margin: 0px auto !important;
    padding: 0px !important;
    max-width: 1400px;
}
.our-software-sec h2 {
    padding-bottom: 20px;
}
.software-box {
    background: #fff;
    margin: 0px 15px;
    padding: 0px 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 19px 0px;
}
.software-image {
    padding: 50px 0px;
}
.software-image img {
    margin: 0px auto !important;
    width: 70%;
}
.software_slider  .col-md-3 {
    padding: 30px 0px!important;
}
.software_slider {
    margin: 0px !important;
}
.software-box .software-read-more {
    background: #b1ec48;
}
.software-box .software-read-more a {
    padding: 20px 15px !important;
    display: block;
    color: #2e2e2e;
    font-weight: 500;
    position: relative;
}
.software-box .software-read-more a:after {
    background-image: url(../images/arrow-grey.svg);
    content: "";
    position: absolute;
    right: 10px;
    width: 30px;
    background-repeat: no-repeat;
    top: 18px;
    border: 1px solid #616161;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    padding: 3px 2px 2px 5px !important;
    background-position: 50%;
}
.our-product-sec h2 {
    padding-bottom: 40px;
}
.our-product-sec {
    padding: 0px !important;
    margin: 0px auto !important;
    max-width: 1400px;
}
.our-product-sec .vc_col-sm-12 .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.our-product-sec .container-fluid {
    margin: 0px auto !important;
    padding: 0px 25px;
}
.our-product-sec .col {
    padding: 0px !important;
}
/*----------------- ---------------------------------------------
# Footer css
--------------------------------------------------------------*/
.footer_section {
    background-color: #242424;
    padding: 30px 0px;
}
.footer_section .container-fluid .footer_top_section {
    max-width: 960px !important;
    margin: 0px auto !important;
}
.footer_section h3 {
    font-size: 20px;
    color: #b1ec48;
    font-weight: 600 !important;
    padding-bottom: 10px;
}
.products_menu .product_menu_name,
.useful_menu .useful_menu_name {
    list-style: none;
    padding: 0;
}
.products_menu .product_menu_name a, .useful_menu .useful_menu_name a {
    color: #fff;
    font-size: 14px;
    position: relative;
    padding: 4px 0;
    color: #ecf0f1;
    text-decoration: none;
    transition: 0.5s;
}
.contact_details p {
    color: #fff;
    font-size: 14px;
    padding: 0 0 10px 0px;
}
.contact_details p a{
    color: #fff;
    font-size: 14px;  
}
.product_menu_name li,
.useful_menu_name li {
    padding: 0 0px 10px 0px;
}
.footer_section .footer_social_media {
    list-style: none;
    padding: 15px 0 15px 0px;
}
.footer_section .footer_social_media li {
    display: inline-block;
    padding: 0 10px 0 0;
}
.footer_section .footer_social_media li a i {
    color: #fff;
    font-size: 22px;
    transition: transform .2s;
}
.footer_section .footer_social_media li a i:hover {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    color: #b1ec48;
}
.footer_section .call_email_sec {
    list-style: none;
    padding: 0px 0 30px 0px;
}
.footer_section .call_email_sec li {
    display: inline-block;
    padding: 0 25px 0 0;
}
.footer_section .call_email_sec li a {
    font-size: 14px;
    color: #b1ec48;
    position: relative;
}
.footer_section .call_email_sec li{
    color: #b1ec48;
    font-size: 14px;
}
.footer_section .call_email_sec li a:hover{
    color: #fff;
}
.footer_section .call_email_sec li{
   position: relative; 
}
.footer_section .call_email_sec li:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 15px;
    background-color: #b1ec48;
    right: 10px;
    top: 33%;
}
.footer_section .call_email_sec li:last-child:after {
    display: none;
}
.copyright_sec p {
    font-size: 14px;
    color: #b1ec48;
    margin: 0px;
}
.footer_bottom_sec {
    max-width: 1400px !important;
    margin: 0px auto;
    padding: 0 25px;
}
.copyright_sec {
    text-align: end;
}
.product_menu_name li a:after,
.useful_menu_name a:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ade343;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s;
}
.product_menu_name li a:hover::after,
.useful_menu_name a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.key-sec p{
    /*overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}
.slidecontainer {
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    padding: 20px 30px;
    border-radius: 6px;
}
.slidecontainer p {
    text-align: center;
    font-size: 24px;
    font-weight: 700 !important;
    color: #2e2e2e;
    padding-bottom: 10px;
}
.slidecontainer .slider {
    -webkit-appearance: none;
    width: 85%;
    height: 10px;
    background: #616161;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 3px;
    display: inline-block;
}
.slidecontainer span {
    font-size: 34px;
    font-weight: 700;
    color: #616161;
    position: relative;
    top: 6px;
    right: -8px;
}
.slider-box {
    text-align: center;
}
.slidecontainer .slider:hover {
  opacity: 1;
}

.slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  background: #b1ec48;
  cursor: pointer;
  border-radius:50%;
}

.slidecontainer .slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  background: #b1ec48;
  cursor: pointer;
  border-radius:50%;
}
.slide-btn {
    text-align: center;
}
.slide-btn .btn-submit {
    padding: 12px 50px 10px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    margin-right: 16px;
    background: #b1ec48 !important;
    margin-top: 20px;
}
.slide-btn .btn-submit:focus{
    box-shadow: none !important;
}
.slide-btn .btn-submit:hover {
    color: #fff !important;
     box-shadow: none !important;
}
.slide-btn .btn-submit:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.slide-btn .btn-submit:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.slide-btn .btn-submit:hover:before {
    width: calc(100% - 4px);
}
.slide-btn .btn-submit:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}
.page-id-432 .key-benifit .wpb_single_image.wpb_content_element.vc_align_center {
    margin-bottom: 15px !important;
}
.step-form {
    width: 80%;
    margin: 50px auto;
    background: #f6f6f9;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 60px 50px;
}
.step-1 .step-box {
    width: 30%;
    margin: 50px auto;
}
.step-menu {
    list-style: none;
    margin-bottom: 50px;
    text-align: center;
}
.step-menu li {
    display: inline-block;
    min-width: 32%;
    text-align: center;
    padding: 30px;
    font-size: 25px;
    font-weight: 700;
    color: #2e2e2e;
    position: relative;
}
.step-menu li span {
    border: 2px solid #616161;
    padding: 20px 30px;
    border-radius: 50%;
}
.step input[type="text"], .step input[type="email"], .step input[type="tel"], .step select, .step input[type="number"] {
    border: none;
    height: 50px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.step input[type="text"]:focus, .step input[type="email"]:focus, .step input[type="tel"]:focus, .step select:focus, .step input[type="number"]:focus {
   box-shadow: none;
}
.step-menu li:after {
    content: '';
    position: absolute;
    width: 50%;
    background: #616161;
    height: 2px;
    top: 49%;
    left: 77%;
}
.step-menu li:last-child:after{
    display:none;
}
.step input[type="radio"][id^="myCheckbox"],
.step input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}
.step label {
    border: 1px solid #656565;
    padding: 25px 10px;
    display: block;
    position: relative;
    margin: 8px;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 23px;
    text-align: center;
    color: #fff;
    background: #656565;
    font-size: 14px;
}
.step label:hover img {
    transform: scale(1.1);
}
.step label:before {
    background-color: transparent;
    color: #b1ec48;
    content: " ";
    display: block;
    border-radius: 0%;
    border: 2px solid #b1ec48;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    transition-duration: 0.4s;
    transform: scale(1);
}
.step label img {
    transition-duration: 0.5s;
    transform-origin: 50% 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}
.step input[type="radio"]:checked + label,
.step input[type="checkbox"]:checked + label {
    border-color: #656565;
    color: #fff;
    background: #656565;
}

.step input[type="radio"]:checked + label:before,
.step input[type="checkbox"]:checked + label:before {
    content: "✓";
    background-color: transparent;
    transform: scale(1);
    border: 2px solid #b1ec48;
}
.step input[type="radio"]:checked + label img,
.step input[type="checkbox"]:checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
    filter: contrast(3);
}
.step .form-check {
    padding-bottom: 10px;
}
.step-btn {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
}
.step-btn .btn-next {
    padding: 12px 50px 10px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #fff !important;
}
.step-btn .btn-next:hover {
    color: #fff !important;
    box-shadow: none !important;
}
.step-btn .btn-next:focus{
    box-shadow: none !important;
}
.step-btn .btn-next:before {
    margin-right: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.step-btn .btn-next:after {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 15px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-white.svg);
}
.step-btn .btn-next:hover:before {
    width: calc(100% - 4px);
}
.step-btn .btn-next:hover:after{
    -webkit-transform: translate(40%,-50%);
    transform: translate(40%,-50%);
}
.step-btn .btn-prev {
    padding: 13px 60px 9px 50px !important;
    color: #2e2e2e !important;
    border: 1px solid #616161 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 500;
    background: #fff !important;
}
.step-btn .btn-prev:hover {
    color: #fff !important;
    box-shadow: none !important;
}
.step-btn .btn-prev:focus{
    box-shadow: none !important;
}
.step-btn .btn-prev:before {
    margin-right: 16px;
    position: absolute;
    right: -14px;
    top: 2px;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 23px;
    z-index: -1;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #616161;
}
.step-btn .btn-prev:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 22px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(../images/arrow-lefttwo.svg);
}
.step-btn .btn-prev:hover:before {
    width: calc(100% - 4px);
}
.step-btn .btn-prev:hover:after{
    -webkit-transform: translate(-90%,-50%);
    transform: translate(-90%,-50%);
}
.step-2 .step-box {
    width: 25%;
    float: left;
}
.step-2 .step-box:last-child {
    float: none !important;
    margin: 0px auto !important;
}
.step-menu li.active span {
    border: 2px solid #b1ec48;
}
.step-4 {
    text-align: center;
}
.step-4 h2 {
    color: #2e2e2e;
    padding-bottom: 20px;
}
.step-4 i {
    font-size: 100px;
    color: #b1ec48;
    padding-bottom: 30px;
}
.call-to-action-step {
    max-width: 1400px;
    margin: 0px auto !important;
    padding: 50px 25px;
}
.call-to-action-step .row {
    margin: 0px !important;
}
.call-to-action-step h1 {
    font-weight: 700 !important;
    padding-top: 20px;
    font-size: 34px;
    color: #2e2e2e;
    text-align: center;
}
.call-to-action-step p {
    font-size: 14px;
    font-weight: 500 !important;
    padding-top: 0px;
}
.benefits_block p {
    min-height: 75px;
}
#cost-calculator p {
    text-align: center;
    color: #b0eb48;
    font-size: 24px;
}
.error404-content {
    padding: 100px;
    text-align: center;
}
.error404-content i {
    font-size: 100px;
    color: #b1ec48;
}
.error404-content h1.entry-title {
    font-size: 60px;
    padding: 10px 0px;
    margin-bottom: 0px;
    font-weight: 700 !important;
    color: #2e2e2e;
}
.error404-content .back-to-home {
    display: inline-block;
    background: #b1ec48;
    padding: 10px 20px;
    border-radius: 37px;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 600;
    transition: 0.5s;
}
.error404-content .back-to-home:hover{
    background: #2e2e2e;
    color: #fff;
    text-decoration: none !important;
}
.blog-banner {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 50px 25px;
}
.blog-banner .row {
    margin: 0px auto !important;
}
.blog-banner .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.blog-banner h1 {
    font-size: 60px;
    color: #2e2e2e;
    text-align: left;
}
.blog-banner .blog_published_date,
.blog-banner .blog_category {
    margin-top: 20px;
    font-weight: 700 !important;
    color: #b1ec48;
}
.blog-banner  .blog_published_date span,
.blog-banner .blog_category span {
    color: #2e2e2e;
    padding-left: 20px;
}
.blog-banner .blog_category span:last-child {
    padding-left: 5px;
}
.step-error {
    margin-bottom: 0px;
    padding-top: 3px;
}
.product-cat-sec .row .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}
.product-cat-sec .row {
    margin: 0px auto !important;
    justify-content: center;
}
.manual-clocking-systems-cat {
    justify-content: center;
}
.our-client-section-mobile{
    display: none !important;
}
.our-client-section-desktop{
    display: block !important;
}
.login_section input[type="text"], input#password, input#user_login, #customer_login input[type="email"], #customer_login input[type="tel"], #customer_login input[type="password"],
.register_page input[type="text"], input#reg_password2, input#password, input#reg_email, input#reg_password, input#user_login, #customer_login input[type="email"], #customer_login input[type="tel"], #customer_login input[type="password"] {
    width: 100% !important;
    height: 50px;
    border: 0px solid #bfbfbf;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 6px;
    height: 45px;
}
.login_section .woocommerce-form-login__submit {
    padding: 12px 80px 12px 80px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    outline: none !important;
}
.login_section .woocommerce-form-login__submit:hover{
    background:#2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.login_section label {
    color: #262b31;
    font-weight: 600;
    width: 100%;
}
.login_section {
    max-width: 500px !important;
    background: #fff !important;
    margin: 110px auto 110px;
    padding: 30px 35px 30px 35px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.login_section h2,
.register_page h2 {
    font-size: 34px;
    color: #2e2e2e;
    text-align: center;
    padding-bottom: 15px !important;
}
.login_section .lost_password {
    text-align: center !important;
}
.login_section .lost_password a {
    color: #2e2e2e !important;
    font-weight: 600 !important;
}
.page-id-688 .entry-title,
.page-id-684 .entry-title {
    display: none !important;
}
.lost_pass_page{
     max-width: 500px !important;
    background: #fff !important;
    margin: 50px auto 110px;
    padding: 30px 35px 30px 35px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;   
}
.lost_pass_page .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}
.lost_pass_page button,
.register_page button {
    padding: 12px 80px 12px 80px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    outline: none !important;
    transition: 0.5s;
}
.lost_pass_page button:hover,
.register_page button:hover{
    background:#2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.page-id-684 .register_page{
         max-width: 500px !important;
    background: #fff !important;
    margin: 110px auto 110px;
    padding: 30px 35px 30px 35px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;   
}
.register_page .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100% !important;
    padding: 0px !important;
}
.register_page label {
    color: #262b31;
    font-weight: 600;
    width: 100%;
}
.single-product .summary.entry-summary {
    width: 42% !important;
    padding: 75px 0px;
    min-height: 500px;
    margin: 0px 80px  2px 3px;
}
.single-product .images{
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    margin: 0 0 0 80px;
}
.single-product .slick-track.flex-control-nav img {
    border-radius: 8px !important;
    margin: 5px 0px;
}
.single-product .wpgis-slider-for {
    margin-bottom: 0px !important;
}
.single-product .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 40%;
    opacity: 1 !important;
}
.single-product .single_add_to_cart_button {
    padding: 12px 60px 12px 60px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    display: inline-block;
    margin: 20px auto !important;
    margin-left: 0px !important;
}
.single-product .plus {
    width: 15%;
    border: none;
    background: #b1ec48;
    height: 40px;
    outline: none !important;
    cursor: pointer;
    border: 0px solid #b1ec48;
    margin-left: -4px;
}
.single-product .minus {
    width: 15%;
    border: none;
    background: #b1ec48;
    height: 40px;
    outline: none !important;
    cursor: pointer;
     border: 0px solid #b1ec48;
     margin-right: -4px;
}
.single-product .summary.entry-summary button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.single-product .summary.entry-summary h1 {
    color: #2e2e2e;
    font-size: 30px;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}
.single-product .summary.entry-summary .price {
    font-size: 20px;
    font-weight: 700 !important;
    color: #262b31;
    margin-bottom: 20px !important;
}
.single-product form.cart input[type=number] {
    border: 0px solid #2e2e2e !important;
    width: 5em;
    border: 1px solid #babdbe;
    height: 40px;
    text-align: center;
    width: 60%;
    outline: none;
}
.single-product .quantity .quantity-input-box {
    width: 100% !important;
    padding-left: 15px;
}
.minus_box button {
    width: 100%;
    border: none;
    background: #babdbe;
    height: 40px;
    outline: none !important;
    cursor: pointer;
}
.single_product_page {
    max-width: 1400px !important;
    margin: 60px auto 80px auto !important;
    padding: 0 25px !important;
}
.woocommerce-breadcrumb {
    max-width: 1400px !important;
    margin: 0px auto !important;
    padding: 10px 25px !important;
    background: #616161;
    color: #fff;
}
.woocommerce-breadcrumb a {
    color: #fff!important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.single_product_page form.cart {
    display: inline-grid;
}
.single_product_page .woocommerce-tabs {
    padding-top: 100px;
}
.regular-price {
    color: #b1ec48 !IMPORTANT;
    font-size: 28px !important;
    font-weight: 700 !important;
}
.single_product_page .woocommerce-tabs ul li.active {
    border: 1px solid #616161;
    padding: 10px 15px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom: 0px !important;
    background: #2e2e2e !important;
    color: #fff !important;
}
.single_product_page .woocommerce-tabs ul li.active a{
    color: #fff !important;
}
.single_product_page .woocommerce-tabs ul li a{
    color: #616161 !important;
}
.single_product_page .product-descriptions h3 {
    font-size: 34px;
    color: #2e2e2e;
}
.single_product_page .product-descriptions h1 {
    font-size: 34px;
    color: #2e2e2e;
}
.single_product_page .product-descriptions p {
    font-size: 21px;
    color: #616161;
}
.shop-product {
    max-width: 1400px !important;
    margin: 0px auto !important;
    padding: 0 25px;
}
.shop-product .woocommerce ul.products.columns-4 li.product {
    width: calc(25% - 16px)!important !important !important;
}
.single_product_page .slick-list.draggable {
    height: 410px !important;
}
.single_product_page ul.products li.product .price, ul.products li.product .star-rating, ul.products li.product .woocommerce-loop-product__title {
    color: #b2ec48;
    font-size: 25px;
    text-align: left !important;
    font-weight: 600 !important;
}
.single_product_page .related.products h2 {
    text-align: center !important;
}
.single_product_page .woocommerce-loop-product__title {
    color: #2e2e2e !important;
    font-size: 22px !important;
    border-top: 1px solid #aeaeae99;
    padding: 10px 0px 0px 0px;
}
.add_to_cart_button {
    padding: 12px 30px 12px 30px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 14px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    display: inline-block;
    outline: none !important;
}
.add_to_cart_button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.woocommerce ul.products.columns-4 li.product {
    width: calc(24% - 16px);
}
.wc-block-cart__submit-button{
    padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 10px auto !important;
    margin-left: 0px !important;
     width: 80% !important;
     outline: none !important;
}
.wc-block-cart__submit-button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
    text-decoration: none !important; 
}
.wc-block-cart__submit-button:focus{
    box-shadow: none !important;
}
.cart-page .wc-block-cart__submit-button:focus{
    outline: none !important;
}
.cart-page .wc-block-cart__submit-button {
    width: 80%;
}
.cart-page .wc-block-cart__submit-container {
    text-align: center;
}
.cart-page .wp-block-woocommerce-cart-order-summary-coupon-form-block a {
      padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 10px auto !important;
    margin-left: 0px !important;
     outline: none !important;
}
.cart-page .wp-block-woocommerce-cart-order-summary-coupon-form-block a:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
    text-decoration: none !important;
}
.cart-page .wc-block-components-totals-coupon__content button {
    padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    margin-left: 10px !important;
    outline: none !important;
}
.cart-page .wc-block-components-totals-coupon__content button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
    text-decoration: none !important; 
}
.page-id-176{
    background: #f6f6f9 !important;
}
.cart-page {
    max-width: 1400px !important;
    margin: 35px auto !important;
    padding: 10px 25px !important;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
.cart-page .wc-block-components-product-name {
    font-size: 25px !important;
    color: #2e2e2e;
    font-weight: 600;
}
.page-id-176 .entry-title {
    text-align: center !important;
    padding-top: 40px;
}
.cart-page input#wc-block-components-totals-coupon__input-0 {
    width: 100% !important;
    height: 50px;
    border: 0px solid #bfbfbf;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 6px;
    height: 56px;
}
.cart-page .is-large.wc-block-cart .wc-block-cart-items th {
    padding: 8px 16px 8px 0;
    white-space: nowrap;
    color: #b1ec48;
    font-size: 16px;
    font-weight: 700;
}
.cart-page .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 16px !important;
    color: #b1ec48 !important;
    font-weight: 700 !important;
}
#post-176 {
    padding: 0 25px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top: 3px solid #b1ec48;
}
.lost-pass-reset {
    max-width: 1400px !important;
    margin: 0px 25px auto !important;
    padding: 10px 25px !important;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
.my_account-page {
    max-width: 1400px !important;
    margin: 45px auto 25px!important;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
#post-178 {
    margin: 0px 0 30px 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    background: #b1ec48;
    color: #2e2e2e !important;
}
#post-178 {
    margin: 50px 25px 73px 25px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    padding-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0px !IMPORTANT;
    padding: 0px 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #2e2e2e!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    margin: 0px !IMPORTANT;
    font-size: 18px;
    text-decoration: none !important;
    color: #2e2e2e !important;
    font-weight: 600 !important;
    display: block;
    padding: 15px 0px;
}
.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 16px;
    color: #2e2e2e;
    padding: 0px 0px 0px 0px !important;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #b1ec48;
    font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0px 0px;
    background: #EEEEEE;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 0px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 30px 20px;
}
.my_account-page .col-md-4{
    padding: 0px !important;
}
.woocommerce-MyAccount-content .woocommerce-Address-title.title h3 {
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #2e2e2e;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    max-width: 48%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%;
    max-width: 48%;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title a {
    background: #b1ec48;
    padding: 6px 15px;
    border-radius: 41px;
    transition: 0.5s;
    color: #2e2e2e;
    font-weight: 600;
}
.woocommerce-Address-title a:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    text-decoration: none !important;
}
.woocommerce-EditAccountForm.edit-account input {
    font-size: 16px !important;
    width: 100% !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: none !important;
    border: none;
    height: 50px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
.checkout-page .wc-block-components-totals-coupon-link {
    width: 59%;
    padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    outline: none !important;
    text-align: center;
}
.checkout-page .wc-block-components-totals-coupon-link:hover {
    background: #2e2e2e !important;
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #2e2e2e !important;
}
.woocommerce-EditAccountForm.edit-account label {
    font-size: 16px !important;
    font-weight: 600;
    color: #2e2e2e;
}
.woocommerce-EditAccountForm.edit-account span em {
    font-size: 16px;
    font-weight: 500;
}
.logged-in .entry-header h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2e2e2e;
    padding-top: 30px;
    position: relative;
}
.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: 25px !important;
    font-weight: 700;
    color: #2e2e2e;
}
.woocommerce-EditAccountForm.edit-account input {
    font-size: 16px !important;
    width: 100% !important;
    outline: none !important;
    padding-left: 15px !important;
    border: none;
    height: 50px !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
.woocommerce-EditAccountForm.edit-account label {
    font-size: 16px !important;
    font-weight: 600;
    color: #2e2e2e;
    width: 100%;
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
    background: #b1ec48;
    border: none !IMPORTANT;
    color: #2e2e2e;
    padding: 13px 35px;
    border-radius: 30px;
    transition: 0.5s;
    cursor: pointer;
    outline: none !important;
    margin-bottom: 40px !important;
    font-weight: 600;
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 16px;
    color: #2e2e2e;
}
.woocommerce-MyAccount-content .woocommerce-address-fields input {
    font-size: 16px !important;
    width: 100% !important;
    height: 50px !important;
    border: 1px solid #bfbfbf !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input {
    border: 0px solid #000 !important;
    font-size: 16px !important;
    width: 100% !important;
    outline: none !important;
    padding-left: 15px !important;
    border: none;
    height: 50px !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 47%;
    overflow: visible;
}
.woocommerce-address-fields__field-wrapper p {
    display: block;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label{
      font-size: 16px !important;
    font-weight: 600;
    color: #2e2e2e;  
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection {
    margin-top: 0;
    border: 3px solid #000;
    font-size: 16px !important;
    width: 100% !important;
    outline: none !important;
    padding-left: 15px !important;
    border: none;
    height: 50px !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
.woocommerce-address-fields button {
    background: #b1ec48;
    color: #2e2e2e;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.5s;
    font-weight: 600;
    outline: none !important;
}
.woocommerce-address-fields button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
}
.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {
    background: #b1ec48;
    color: #2e2e2e;
    padding: 10px 30px;
    border-radius: 50px !important;
    font-weight: 600;
}
.woocommerce-info a:hover{
    background: #2e2e2e!important;
    color: #fff !important;
    text-decoration: none !important;
}
.blog_single_post .container {
    max-width: 1400px !important;
    margin: 0px auto;

}
.blog_single_post h1{
    padding: 0 0 0 0!important;
}
.blog_single_post h1 {
    padding: 35px 0 35px 0!important;
}
.blog_single_post p {
    font-size: 16px !important;
    line-height: 25px;
    font-weight: 500 !important;
    text-align: justify;
}
.blog_single_post .wpb_text_column.wpb_content_element {
    margin-bottom: 20px !important;
}
/* .blog_single_post a{
    color: #b1ec48 !important;
    font-weight: 700 !important;
} */
.checkout-page {
    max-width: 1400px !important;
    background: #fff !important;
    margin: 70px auto 110px !important;
    padding: 30px 35px 30px 35px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#post-177 {
    padding: 0 25px;
}
.checkout-page input[type="text"], input#username, input#billing-phone, input#password, input#user_login, #customer_login input[type="email"], #customer_login input[type="tel"], #customer_login input[type="password"], .register_page input[type="text"], input#reg_password2, input#password, input#reg_email, input#reg_password, input#user_login, #customer_login input[type="email"], #customer_login input[type="tel"], #customer_login input[type="password"] {
    width: 100% !important;
    height: 50px !important;
    border: 0px solid #bfbfbf !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    border-radius: 6px !important;
}
.checkout-page .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    width: 40%;
    padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    outline: none !important;
}
.checkout-page .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #2e2e2e !important;
}
.checkout-page .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:focus{
    box-shadow: none !important;
}
.blog_single_post {
    margin-bottom: 50px;
}
.single_product_page .tabs.wc-tabs {
/*    text-align: center;*/
    border-bottom: 1px solid #616161;
}
.single_product_page .woocommerce-tabs ul li {
    display: inline-flex!important;
    margin: 0 70px 0 0px;
}
.woocommerce-lost-password .entry-title {
    font-size: 34px;
    color: #2e2e2e;
    text-align: center;
    padding-bottom: 15px !important;
    position: relative;
}
.woocommerce-lost-password .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}
.star-rating {
    display: inline-block !important;
    margin-bottom: 0px !important;
    color: #ccc !important;
}
#review_form .comment-form-comment textarea {
    width: 100% !important;
    height: 170px !important;
    border: 0px solid #bfbfbf !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    border-radius: 6px !important;
}
#review_form .comment-form-author {
    width: 50%;
    float: left !important;
}
#review_form .comment-form-email {
    width: 50%;
    float: right !important;
}
#review_form .comment-form-author input[type="text"] {
    width: 96% !important;
    height: 40px !important;
    border: 0px solid #bfbfbf !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    border-radius: 6px !important;
}
#review_form .comment-form-email input[type="email"] {
    width: 100%;
    height: 40px;
    border: 0px solid #bfbfbf !important;
    outline: none !important;
    padding-left: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    border-radius: 6px !important;
}
#review_form #submit {
    padding: 12px 40px 12px 40px !important;
    color: #2e2e2e !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 18px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
}
#review_form #submit:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
}
#customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
    background: #fff;
    padding: 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

#customer_login button {
    margin: 0px auto;
    background: #b1ec48;
    border: none;
    color: #fff;
    width: 90%;
    padding: 13px 0px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 34px;
    transition: 0.5s;
    outline: none;
    pointer-events: auto !IMPORTANT;
    cursor: pointer;
}
#customer_login button:hover{
    background: #2e2e2e;
    color: #fff !important;
}
#customer_login h2 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 40px;
    color: #2e2e2e;
    font-weight: 700 !important;
}
.woocommerce-account .entry-header {
    display: none;
}
.woocommerce-LostPassword.lost_password a {
    color: #2e2e2e;
    font-weight: 600;
}
.woocommerce-LostPassword.lost_password {
    text-align: center !important;
}
.woocommerce-error a {
    background: #b1ec48 !important;
    padding: 10px 20px !important;
    border-radius: 41px !important;
    transition: 0.5s !important;
    color: #2e2e2e;
    font-weight: 600;
}
.woocommerce-error a:hover{
    background: #2e2e2e !important;
    color: #fff !important;
    text-decoration: none !important;
}
.woocommerce-tabs h2 {
    font-size: 20px !important;
    color: #2e2e2e;
    font-weight: 600 !important;
}
.woocommerce-tabs h3 {
    font-size: 18px !important;
    color: #2e2e2e;
    font-weight: 600 !important;
}
.woocommerce-tabs p{
    font-size: 14px !important;
}
.single_product_page .woocommerce-tabs .check-menu li {
    display: block !important;
    margin: 0 0 0 0 !important;
}
.woocommerce-order-received .entry-content {
    max-width: 500px !important;
    background: #fff !important;
    margin: 60px auto 80px;
    padding: 30px 35px 30px 35px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce-order-received .order_item a {
    color: #b1ec48;
    font-weight: 700;
}
.woocommerce-order-received .woocommerce-order-overview {
    margin-left: 16px;
}
.tab-images{
    display: inline-flex;
}
.download-img {
    width: 45px;
}
.screnshot_box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.single-cat-product {
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 0px 25px 70px 25px;
}
.single-cat-product .woocommerce ul.products {
    display: block !important;
}
.woocommerce-products-header__title.page-title {
    padding-top: 40px !important;
    text-align: center;
}
.related.products ul.products, .up-sells ul.products {
    display: block !important;
}
.woocommerce ul.products {
    display: block !important;                  
}
.woocommerce-ordering .orderby {
    height: 40px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: none;
}
.woocommerce section {
 padding-top: 0rem !important;
}
.reference {
    display: none;
}
.rrf {
    display: none;
}
.product-descriptions p:first-child {
    display: none;
}
#mega-menu-16-0-1 {
    height: 402px !important;
    background: url('../images/mega-menu-back-image01.jpg') #f6f6f9 no-repeat !important;
    background-position: 90% !important;
}
#mega-menu-primary #mega-menu-16-0-0 a, #mega-menu-primary #mega-menu-item-655 a {
    font-size: 27px !important;
    color: #5e5e5e !important;
    text-transform: capitalize !important;
    pointer-events: none !important;
}
#mega-menu-primary #mega-menu-item-1097 .mega-sub-menu li a, #mega-menu-primary #mega-menu-item-655 .mega-sub-menu li a {
    font-size: 14px !important;
    color: #2e2e2e !important;
    pointer-events: auto !important;
}
.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
    width: 40%;
    padding: 12px 40px 12px 40px !important;
    color: #2E2E2D !important;
    border: 1px solid #b1ec48 !important;
    -webkit-transition: color .35s ease-in-out !important;
    transition: color .35s ease-in-out !important;
    position: relative !important;
    border-radius: 35px !important;
    z-index: 1;
    font-size: 16px !important;
    font-weight: 600;
    background: #b1ec48 !important;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    margin: 0px auto !important;
    outline: none !important;
    text-align: center;
}
.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover {
    background: #2e2e2e !important;
    color: #fff !important;
    border: 1px solid #2e2e2e !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked::after {
    content: "✔" !important;
    right: 4px;
    position: absolute;
}
.checkout-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked::after {
    color: #b1ec48;
}
.checkout-page input{
    outline: none !important;
}
.woocommerce-account .woocommerce-orders-table td {
    border: 1px solid #2e2e2e !important;
    padding: 10px !important;
}
.woocommerce-account table.account-orders-table {
    width: 100%;
}
.woocommerce-account table.account-orders-table a{
    color: #2e2e2e !important;
    font-weight: bold;
}
.thank-you-section {
    text-align: center;
    padding: 90px 0 70px 0px;
}
.thank-you-check-icon {
    margin: 20px 0 20px 0 !important;
}
.thank-you-section a{
    color: #2e2e2e!important;
    font-weight: bold;
}
.thank-you-section a:hover{
    color:#B1EC48 !important;
}
.single_product_page .wrps_related_products.wrps_theme_box .wpb-wrps-item {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff !important;
    margin: 0px 10px;
    padding: 0px 0 18px 0 !important;
}
.contact-page-section .container{
    margin: 0px auto !important;
}
.contact-page-section .contact-form {
    width: 80%;
    margin: 30px auto 60px;
    background: #f6f6f9;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 60px 50px 20px 50px;
}
.contact-page-section .contact-form input[type="number"], .contact-page-section .contact-form input[type="text"], .contact-page-section .contact-form input[type="email"], .contact-page-section .contact-form input[type="tel"], .contact-page-section .contact-form select {
    border: none;
    height: 50px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 0 0 0 10px;
    width: 100% !important;
}
.contact-page-section .contact-form textarea {
    border: none;
    height: 140px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 15px 0 0 10px;
    width: 100% !important;
}
.contact-form input[type=submit] {
    display: block !important;
    margin: 0 auto !important;
    width: auto !important;
    background: #a4e82d !important;
    border-color: #a4e82d !important;
    color: #000 !important;
    font-size: 14px !important;
    padding: 10px 40px !important;
    border: 1px solid #a4e82d !important;
    font-weight: 700 !important;
    height: auto !important;
    border-radius: 41px !important;
    letter-spacing: .025em !important;
    cursor: pointer;
    transition: 0.5s !important;
}
.contact-form input[type=submit]:hover{
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}
.contact-form .priv-po {
    padding: 0px !important;
}
.contact-form .first.last {
    margin: 0px;
}
.contact-details-section .container{
    max-width: 1400px !important;
    margin: 0px auto !important;
}
.contact-row-section p{
    text-align: center !important;
}
.contact-row-section a {
    color: #000;
}
.contact-row-section h4 {
    padding: 15px 0 5px 0 !important;
}
.single_product_page .owl-nav {
    display: none;
}
.single_product_page .owl-dots {
    display: none !important;
}
.comput-model-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden !important;
    height: 517px;
}
.comput-model-box .modal-header {
    display: block;
    text-align: center;
    position: relative;
}
.comput-model-box .modal-header button.close {
    position: absolute;
    right: 22px;
    top: 22px;
    background: #b1ec48;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    padding: 0;
    opacity: 1;
    outline: none;
}
.comput-model-box .modal-header button.close span {
    color: #000;
    box-shadow: none !important;
}
.comput-model-box input {
    height: 50px;
    border-radius: 0;
    margin-bottom: 15px;
    font-size: 14px;
    box-shadow: none !important;
}
.comput-model-box .form-control:focus {
    border-color: #ced4da;
}
.comput-model-box .input-invalid{
    border-color: red !important;
    border: 1px solid red !important;
}
.comput-model-box textarea {
    height: 100px;
    font-size: 14px;
    box-shadow: none !important;
    border-radius: 0px;
    margin-top: 15px;
}
.comput-model-box .modal-body {
    text-align: center;
}
.comput-model-box .modal-body .btn {
    background: #b1ec48;
    color: #000;
    height: auto;
    padding: 9px 37px;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 15px;
}
.comput-model-box .modal-body .btn:hover{
    background: #000;
    color: #fff;
}
.contact_details {
    padding-left: 90px;
}
.useful_menu {
    position: relative;
    left: 50px;
}
.product-read-more .woocommerce-loop-product__link {
    display: none !important;
}
.single-product .footer_section {
    margin-top: 30px !important;
    clear: both;
    width: 100%;
    float: left;
}
.woocommerce-shop .woocommerce-pagination {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}
.woocommerce-shop .woocommerce-pagination .page-numbers li a, .woocommerce-shop .woocommerce-pagination .page-numbers li span {
    background: #242424;
    border-radius: 50%;
    padding: 11px 15px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.woocommerce-shop .woocommerce-pagination .page-numbers li a:hover,
.woocommerce-shop .woocommerce-pagination .page-numbers li span:hover{
    text-decoration: none !important;
    background: #b2ec48 !important;
    color: #242424 !important;
}
.woocommerce-shop .woocommerce-pagination .page-numbers li .prev,
.woocommerce-shop .woocommerce-pagination .page-numbers li .next{
    padding: 14px 13px !important;
    font-size: .88889em;
    line-height: .88889em !important;
}
.woocommerce-shop .woocommerce-pagination .page-numbers li span.current{
     text-decoration: none !important;
    background: #b2ec48 !important;
    color: #242424 !important;
}
.single_product_page .woocommerce-product-gallery__trigger {
    display: none !important;
}
.single_product_page .woocommerce-product-gallery__image a {
    pointer-events: none !important;
}
.privacy-policy-section .container{
    margin: auto !important;
    max-width: 1400px;
    padding: 0px 25px;  
}
.privacy-policy-section .container h2{
    padding-bottom: 15px !important;
}
#product_name {
    background: #fff;
    font-weight: 700 !important;
}
.inner-tailored-fit-sec .vc_col-sm-6 .vc_column-inner{
    padding: 0px !important;
}
.about-image-slider .container{
    margin: 0px auto !important;
    max-width: 1400px;
    padding: 30px 25px;
}
.copyright_sec a{
    color: #fff !important;
    font-weight: 600 !important;
}
.blog_single_post ol {
    margin-left: 35px;
}
.inner-home-banner-sec p a{
	color:#2e2e2e !important;
	text-decoration:underline;
	font-weight:700 !important;
}
.inner-home-banner-sec p a:hover{
	color:#b1ec48  !important;
}
.blog_single_post a{
	color:#2e2e2e !important;
	text-decoration:underline;
	font-weight:700 !important;
} 
.blog_single_post a:hover{
	color:#b1ec48  !important;
}
.single-product .single_product_page {
    max-width: 1938px !important;
    padding: 50px 90px !important;
    margin: 0px auto;
}
.single-product .single_product_page .request-quote {
    display: block;
    margin-top: 26px;
    width: 38%;
}
.single-product .star-rating span::before {
    color: orange;
}
.single-product .woocommerce-review-link {
    color: #2e2e2e;
    font-size: 16px;
}
.woocommerce-product-rating {
    margin: 0px 0px 25px 0px !important;
}
.step select#mySelect {
    border: none;
    height: 50px !important;
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px;
    width: 100%;
    padding-left: 8px;
    color: #333333b5;
}
/*----------------- ---------------------------------------------
# Media Querry
--------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px) {
 .header {
    display: none !important;
}
.conversation-section .contact-form-box .vc_column-inner {
    padding: 0px 0px 0px 0px !important;
}
.coversation-img {
    min-height: 340px !important;
}
.blog_section .row {
    margin: 0px !important;
}
.woocommerce-shop.woocommerce ul.products[class*=columns-] li.product, .woocommerce-shop.woocommerce-page ul.products[class*=columns-] li.product {
    margin: 0 0 0px 0px !important;
}
.home-banner-sec h1 br {
    display: none;
}
.page-id-375 .hr-portal-section {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.page-id-401 .range-section,
.page-id-291 .range-section {
    margin-bottom: 30px !important;
}
.single_product_page .woocommerce-tabs ul li a {
    color: #ffffff !important;
}
.single-product .request-quote {
    padding: 10px 40px;
    margin-top: 30px !important;
    display: inline-block;
}
.contact-page-section .contact-form {
    width: 100% !important;
}
.comput-model-box {
    top: 62%;
    left: 50%;
    width: 100%;
    z-index: 99999;
}
.useful_menu {
    position: relative;
    left: 0px;
}
.product_menu_name li, .useful_menu_name li {
    padding: 0px 0px 5px 0px;
    display: block;
}
.contact_details p {
    padding: 0 0 0px 0px;
    margin-bottom: 0px;
}
.contact_details {
    padding-left: 0px;
}
.what-we-do-section .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000 !important;
    background: #b1ec48 !important;
}
.footer_section h3 {
    padding-bottom: 0px;
    padding-top: 20px;
}
.blog_single_post .vc_col-sm-12 .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.blog_single_post h1 {
    margin-bottom: 0px;
    font-size: 24px !important;
    line-height: 30px !important;
}
.blog_single_post p {
    text-align: center;
}
.blog_single_post h1 br {
    display: none;
}
.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mobmenu-left-alignment.mobmenu-panel, .mobmenu-right-alignment.mobmenu-panel {
    width: 100%;
    background: #fff !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
    color: #000 !important;
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 0% !important;
    padding-right: 0% !important;
    position: relative;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright {
    color: #000 !important;
    text-align: center !important;
    border-bottom: 1px solid #00000099 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    padding: 10px 10px !important;
}
.show-panel .mob-cancel-button {
    color: #000;
}
.mob-expand-submenu, .sub-menu-toggle {
    outline: none !important;
    position: absolute;
    top: 2px;
    right: 0px;
}
#mobmenuright .sub-menu-toggle {
    float: right;
   /* margin-top: -53px;*/
    background: none;
    border: none;
}
#mobmenuright .sub-menu-toggle .icon-minus, .icon-plus {
    display: none;
}
.mobmenu-right-panel .mob-cancel-button {
    color: #000;
}
.mobmenul-container {
    margin-left: 10px !important;
    margin-top: 3px !important;
    top: 13px !important;
}
.mob-menu-header-holder {
    height: 56px !important;
    background-color: #f6f6f9 !important;
}
.mob-menu-logo-holder .mob-standard-logo {
    margin-top: 9px !important;
    height: 40px !important;
}
.mobmenu-content #mobmenuright > li > a:hover {
    background-color: #fff !important;
}
.mobmenu-content #mobmenuright li:hover {
    background-color: #fff !important;
}
.mobmenu-content li > .sub-menu li {
    background: #fff !important;
}
.topbar-sec ul li {
    margin-left: 0px;
    padding: 0px 10px;
}
.topbar-sec ul {
    text-align: center;
    background: #616161;
    padding: 15px 5px 10px 5px;
}
.topbar-sec ul li a {
    color: #fff !important;
    font-size: 14px;

}
.mobmenur-container i {
    color: #2e2e2e !important;
/*    padding-top: 6px !important;*/
    font-size: 40px !important;
}
.home-banner-sec h1 {
    font-size: 30px !important;
    line-height: 35px !important;
    text-align: center !important;
    padding-top: 15px;
}
.home-banner-sec {
    padding: 0px !important;
}
.inner-home-banner-sec {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
}
.home-banner-sec img {
    padding-top: 20px;
}
.home-banner-sec p {
    width: 100%;
    text-align: center !important;
}
.hr-solution-section {
    padding: 50px 0px 15px 0px;
    text-align: center;
}
.hr-solution-section h4 {
    text-align: center !important;
}
.hr-solution-section h2 {
    font-size: 30px !important;
    text-align: center !important;
    line-height: 35px !important;
    padding: 10px 0 0px 0 !important;
}
.hr-solution-section p{
    text-align: center;
}
.hr-solution-section ul  li {
    text-align: left !important;
}
.time-attendance-section .container {
    padding: 0;
    text-align: center !important;
    display: flex;
    flex-direction: column-reverse;
}
.time-attendance-section ul  li {
    text-align: left;
}
.time-attendance-section h4 {
    text-align: center !important;
}
.time-attendance-section h2 {
    text-align: center !important;
    line-height: 35px !important;
    font-size: 30px !important;
    padding: 10px 0 10px 0 !important;
}
.what-we-do-section .vc_col-sm-12 {
    padding: 0;
}
.what-we-do-section {
    padding: 0px !important;
}
.what-we-do-section .vc_tta-panels h4 {
    font-size: 19px !important;
}
.what-we-do-section .vc_tta.vc_general .vc_tta-icon {
    position: relative;
    top: 3px;
}
.footer_section {
    text-align: center;
}
.copyright_sec {
    text-align: center;
}
.blog-section .container {
    padding: 0px !important;
}
.blog_section {
    padding: 0px !important;
}
.blog_section .col-sm-12.col-md-4 {
    padding: 0px !important;
    margin: 0px 0px 0 0px !important;
}
.blog_section .col-md-9 {
    padding-top: 30px;
}
.page-id-2  .blog_section .col-sm-12.col-md-4 {
    margin: 15px 0px 0 0px !important;
}
.blog-section h2 {
    padding-bottom: 0px;
    font-size: 30px !important;
    margin-bottom: 0px !important;
}
.blog-section {
    margin: 0px auto 0px auto!important;
}
.hardware-sec {
    padding: 0 !important;
}
.hardware-sec .product_cat_slider .product-box .product-image img {
    margin: 35px auto;
    height: 200px;
}
.review-section h2 {
    font-size: 30px !important;
    text-align: center !important;
    line-height: 35px !important;
    padding: 0 15px;
}
.hardware-sec h2 {
    padding-bottom: 20px;
    font-size: 30px !important;
    padding-top: 30px;
}
.review-section {
    margin-top: 35px !important;
}
.inner-contact-section .vc_col-sm-6 .vc_column-inner {
    padding: 0px !important;
}
.contact-section .vc_col-sm-6  h2 {
    font-size: 25px !important;
    padding-top: 35px !important;
    padding-bottom: 10px !important;
}
.contact-section .contact-form .submit-btn {
    text-align: center !important;
}
.contact-section .contact-form .submit-btn .wpcf7-spinner {
    display: contents !important;
}
.download-btn a {
    border: 1px solid #2e2e2e !important;
    font-size: 14px !important;
    margin-right: 0px;
    padding: 13px 22px 12px 60px !important;
}
.what-we-do-section h2 {
    padding-bottom: 20px;
    font-size: 30px !important;
}
.what-we-do-section .vc_tta-panel-body {
    padding: 0px !important;
}
.what-we-do-section .vc_tta-panel-body h4 {
    text-align: center !important;
    padding-top: 15px;
}
.what-we-do-section .vc_tta-panel-body p {
    text-align: center !important;
    padding-top: 15px;
}
.what-we-do-section .vc_tta-panel-body .vc_row.wpb_row.vc_inner.vc_row-fluid {
    display: flex;
    flex-direction: column-reverse;
}
.our-client-section h2 {
    padding-top: 5px;
    padding-bottom: 25px;
    font-size: 30px !important;
}
.our-client-section .container {
    padding: 0px !important;
}
.our-client-section .wpb_single_image.vc_align_left {
    text-align: center;
}
.our-client-section-mobile{
    display: block !important;
}
.our-client-section-desktop{
    display: none !important;
}
.our-client-section-mobile .vc_inner {
    text-align: center !important;
}
.integration-slider {
    padding: 0px !important;
}
.integration-slider h2 {
    padding-bottom: 20px;
    font-size: 30px !important;
    margin-top: -20px;
}
.attendance-software-section h2 {
    font-size: 30px !important;
}
.attendance-software-section {
    margin: 0px auto 0px auto !important;
}
.software-pera-text {
    width: 100%;
}
.attendance-software-section .container {
    padding: 20px 0 0 0px;
}
.key_features_first .wpb_text_column.wpb_content_element {
    margin-bottom: 0px;
}
.faq-section {
    padding: 35px 0px 0px 0px;
}
.page-template-faqs .faq-section {
    padding: 30px 0px 70px 0px;
}
.faq-section .vc_tta-panel-heading h4.vc_tta-panel-title a {
    font-size: 17px;
}
.page-template-faqs .faq-section .vc_tta-panel-heading h4.vc_tta-panel-title a {
    line-height: 23px;
}
.faq-section h2 {
    padding-bottom: 20px;
    font-size: 30px !important;
}
.faq-section .vc_tta-container {
    max-width: 100%;
}
.faq-section .vc_tta-panel-heading h4.vc_tta-panel-title a {
    padding: 25px 20px;
}
.topbar-sec .container-fluid {
    padding: 0px !important;
}
.contact-section {
    margin: 0px auto !important;
    background-image: none !important;
}
.cal-box {
    background: #616161 !important;
}
.contact-form-box {
    background: #b1ec48 !important;
}
.contact-section .vc_column-inner {
    padding: 0px !important;
}
#cost-slider {
    padding: 0 15px;
}
.contact-form {
    padding: 0 15px !important;
}
.hr-mobile-sec-test {
    margin-bottom: 15px !important;
}
.time-attendance-section .container .vc_col-sm-6 .vc_column-inner {
    padding: 0px !important;
}
.time-attendance-section h2 br{
    display: none !important;
}
.demo-btn a {
    padding: 13px 22px 13px 50px !important;
    font-size: 14px !important;
    margin-right: 5px !important;
}
.findout-btn a {
    padding: 13px 22px 12px 50px !important;
    font-size: 14px !important;
    margin-right: 5px !important;
}
.time-attendance-section .demo-btn a{
    padding: 13px 22px 13px 50px !important;
    font-size: 14px !important;
    margin-right: 5px !important;
}
.time-attendance-section .findout-btn a{
    padding: 13px 22px 13px 50px !important;
    font-size: 14px !important;
    margin-right: 5px !important;  
}
.time-attendance-section {
    padding: 0px 0 10px 0 !important;
}
.time-banner-sec h1 {
    font-size: 30px !important;
    line-height: 35px !important;
}
.time-banner-sec {
    padding: 0px !important;
    min-height: 300px !important;
}
.time-banner-sec .vc_column-inner {
    padding: 0px !important;
}
.time-banner-img-sec {
    padding: 0px !important;
    margin-top: -90px !important;
} 
.our-product-sec h2 {
    font-size: 30px !important;
    padding-bottom: 0px;
}
.what-we-do-section .vc_tta-panels {
    padding: 0px 0px !important;
}
.login_section {
    margin-right: 15px;
    margin-left: 15px;
}
.review-section .container {
    padding: 0px !important;
}
.our-product-sec .col {
    padding: 0px !important;
    flex-basis: auto;
    width: 100%;
    margin: 0 0 15px 0px;
}
.our-software-sec {
    padding: 0px;
}
.our-software-sec .container .vc_column-inner {
    padding: 0px !important;
}
.tailored-fit-sec .inner-tailored-fit-sec {
    padding: 0px !important;
    flex-direction: column-reverse;
}
 .tailored-sec-reverse .inner-tailored-fit-sec {
    padding: 0px !important;
    flex-direction: inherit !important;
}
.inner-tailored-fit-sec h2 {
    font-size: 30px !important;
    text-align: center !important;
    margin-top: 15px;
}
.inner-tailored-fit-sec p{
    text-align: center;
}
.tailored-fit-content {
    padding-left: 0% !important;
}
.software-banner-sec h1 {
    font-size: 30px !important;
    line-height: 35px !important;
    text-align: center !important;
    padding-top: 30px;
}
.inner-banner-sec {
    flex-direction: column-reverse;
    text-align: center;
}
.inner-banner-sec img {
    padding-top: 30px;
}
.banner-left {
    padding-left: 0px !important;
}
.software-banner-sec p {
    width: 100%;
    text-align: center;
}
.software-banner-sec {
    padding: 0px 15px;
}
.inner_product_box {
    margin: 20px 10px;
}
.bioface-content {
    padding-left: 0% !important;
    padding-bottom: 30px;
}
.time-banner-img-sec  img {
    padding-top: 50px;
}
.our-product-sec .vc_col-sm-12 .vc_column-inner {
    padding-top: 5px !important;
}
.tailored-fit-content .vc_column-inner {
    padding: 0px !important;
}
.tailored-fit-content{
    text-align: center !important;
}
.in-depth-reporting-sec {
    padding-top: 0px;
}
.integration-slider .container .wpb_content_element {
    margin-bottom: 0px ;
}
.our-software-sec h2 {
    padding-bottom: 10px;
    font-size: 30px !important;
}
.our-software-sec .wpb_content_element {
    margin-bottom: 0px;
}
.page-template-time-attendance .hr-portal-section .container {
    padding: 0px;
    flex-direction: column-reverse;
}
.hr-portal-section h2 {
    font-size: 30px !important;
    text-align: center !important;
    line-height: 35px !important;
    padding-bottom: 10px;
}
.page-template-time-attendance .hr-portal-section .container img{
    padding-bottom: 30px;
}
.blog_box_text {
    text-align: center;
}
.read_more_btn {
    text-align: center;
}
.bioface-mtd-sec {
    padding: 40px 0px;
}
.inner-bioface-section {
    display: flex;
    flex-direction: column-reverse;
}
.bioface-section {
    padding: 0px 0px 15px 0px;
}
.bioface-section h2 {
    font-size: 30px !important;
    text-align: center !important;
    padding-top: 20px;
}
.bioface-mtd-sec {
    padding: 10px 0px;
}
.bioface-mtd-sec h2 {
    text-align: center !important;
    font-size: 30px !important;
}
.range-section {
    padding: 0px;
    margin: 0px auto !important;
}
.range-section h2 {
    font-size: 30px !important;
    padding: 30px 15px 30px 15px;
}
.inner-range-sec .vc_col-sm-3 {
    margin-bottom: 30px;
}
.inner-range-sec .wpb_single_image.vc_align_center{
    margin-bottom: 10px !important;
}
.inner-remote-app-sec .vc_col-sm-6 .vc_column-inner {
    padding: 0px !important;
}
.inner-remote-app-sec h2 {
    font-size: 30px !important;
    text-align: center !important;
}
.inner-remote-app-sec {
    padding: 30px 15px 20px 15px;
    text-align: center;
}
.inner-remote-app-sec h2 {
    padding-top: 30px;
}
.inner-remote-app-sec p{
    text-align: center !important;
}
.key-attributes-sec .inner-remote-app-sec {
    padding-top: 10px;
    flex-direction: column-reverse;
}
.check-menu li {
    text-align: left;
    padding: 0 0 0 30px;
    line-height: 38px;
}
.inner-remote-app-sec img {
    padding-top: 0px;
}
.making-work-section {
    padding: 0px 0px 25px 0px;
}
.making-work-section h2 {
    font-size: 30px !important;
    text-align: center !important;
    line-height: 35px !important;
}
.making-work-section p{
    text-align: center;
}
.page-id-240 .hr-portal-section .container{
    flex-direction: column-reverse;
    display: flex;
}
.hr-portal-section .container {
    padding: 0;
    flex-direction: column-reverse;
    display: flex;
}
.page-id-240 .hr-portal-section .container .vc_col-sm-6 .vc_column-inner {
    padding: 0px;
}
.product-cat-sec h3 {
    padding: 15px 0px;
    font-size: 30px;
}
.blog-page-section h1 {
    font-size: 30px !important;
    text-align: center !important;
    padding-bottom: 10px;
}
.filter-category {
    padding: 0px 0px 0px 15px !important;
}
.call-to-action-step {
    padding: 50px 0px;
}
.step-form {
    width: 100%;
    padding: 10px 0 40px 0px;
}
.step-1 .step-box {
    width: 90%;
    margin: 15px auto;
}
.step-menu li span {
    padding: 5px 16px;
}
.step-menu {
    margin-bottom: 0px;
}
.step label {
    padding: 30px 0px;
}
.step-2 .step-box {
    width: 50%;
}
.login_section,
.page-id-684 .register_page {
    margin: 70px auto 70px;
    width: 90%;
}
.lost_pass_page button:hover, .register_page button:hover {
    font-size: 13px !important;
}
.lost_pass_page button, .register_page button{
    font-size: 13px !important;
}
.wc-block-cart__submit-button {
    font-size: 13px !important;
}
.cart-page .wp-block-woocommerce-cart-order-summary-coupon-form-block a {
    font-size: 13px !important;
    width: 80%;
}
.page-id-176 .entry-title {
    font-size: 30px !important;
}
.demo-btn a:before {
    top: 1px;
}
.download-btn a:before {
    top: 1px;
}
.findout-btn a:before{
    top: 1px;
}
.login_section h2, .register_page h2 {
    font-size: 30px;
}
.lost_pass_page p {
    text-align: center;
}
.lost_pass_page {
    margin: 70px auto 70px;
}
.key_features_first .vc_column-inner {
    padding: 0px !important;
}
.hr-portal-section .container .vc_column-inner {
    padding: 0px;
}
.our-client-section .flex-control-nav.flex-control-paging {
    display: none;
}
.our-client-section .flexslider {
    margin: 0 0 0px;
}
.slidecontainer p {
    font-size: 22px;
}
.review-section .vc_col-sm-12 .vc_column-inner {
    padding: 0px;
}
.my_account-page .woocommerce-info {
    display: block;
    text-align: center;
}
.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {
    float: none !important;
    margin: 10px 0 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 30px 10px 0px 10px !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
    max-width: 100%;
}
.single-product .images {
    margin: 0px;
    width: 100% !important;
}
.single-product .summary.entry-summary {
    width: 100% !important;
    padding: 50px 0px;
    min-height: 500px;
    margin: 0px 0px  0px 0px;
}
.single_product_page .woocommerce-tabs {
    padding-top: 0px;
    margin: 0;
}
.single_product_page .product-descriptions h3 {
    font-size: 30px;
}
.regular-price {
    font-size: 30px !important;
    padding: 10px 0 5px 0px;
}
.single-product .summary.entry-summary {
    min-height: auto !important;
    text-align: center;
}
.single_product_page .slick-list.draggable {
    height: 275px !important;
}
.single-product .woocommerce-tabs ul li {
    width: 100%;
    text-align: center;
    display: block !important;
    padding: 10px 15px;
    background: #b1ec48;
    margin: 0 0 5px 0px;
}
.single_product_page .woocommerce-tabs ul li.active {
    border: 1px solid #616161;
    padding: 10px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 0px;
    background: #2e2e2e;
    color: #fff !important;
}
.single_product_page .woocommerce-tabs .check-menu li {
    text-align: left;
}
.single-product form.cart input[type=number] {
    width: 30%;
}
.single-product .single_add_to_cart_button{
    width: 85% !important;
}
.single_product_page form.cart {
    display: block;
}
.single-product form.cart .quantity {
    margin-right: 0px;
    width: 100%;
}
.single-product .minus {
    margin-right: 0px;
}
.checkout-page .wc-block-components-totals-coupon-link {
    width: 100%;
}
.checkout-page {
    padding: 30px 15px 30px 15px !important;
}
.cart-page {
    padding: 10px 15px !important;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-items__row{
    display: flex !important;
    flex-direction: column !important;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image{
    max-width: 140px !important;
    margin: 0px auto;
    display: block;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__wrap a{
      font-size: 20px !important;
      line-height: 30px !important;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__wrap {
    text-align: center;
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector {
    width: 125px;
    max-width: 125px !important;
    margin: 0px auto;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: block;
    text-align: center;
    padding-top: 10px;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-coupon {
    text-align: center !important;
}
.logged-in .entry-header h1 {
    font-size: 30px;
    padding-bottom: 20px;
}
.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
    padding: 12px 30px 12px 30px !important !important;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-text-input{
    margin-right: 8px;
}
.demo-btn a:hover:after {
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.download-btn a:hover:after,
.findout-btn a:hover:after {
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.hr-portal-section p{
    text-align: center;
}
.thank-you-section h2{
    font-size: 30px !important;
}
.woocommerce-tabs h2 {
    font-size: 18px !important;
    font-weight: 500!important;
}
.single-product .woocommerce-error, .woocommerce-info, .woocommerce-message {
    display: grid;
    text-align: center;
}
.showmore-btn a {
    margin-top: 30px;
}
.contact-form {
    width: 100%;
    padding: 15px !important;
}
.contact-page-section .container {
    padding: 0px;
}
.contact-page-section .container .vc_column-inner {
    padding: 0px !important;
}
.contact-row-section {
    padding: 35px 0 0 0 !important;
}
.page-id-2 .download-btn a, .page-id-2 .download-btn button {
    background: #fff!important;
    border: 1px solid #616161 !important;
}
.banner-left-box .vc_column-inner {
    padding: 0px !important;
}
.step-form h4 {
    text-align: center;
}
.blog_single_post h2 {
    text-align: center !important;
    font-size: 30px !important;
    line-height: 35px !important;
}
.blog_single_post h3 {
    text-align: center !important;
    line-height: 30px !important;
}
.privacy-policy-section .container {
    padding: 0px !important;
}
.privacy-policy-section .container h2{
    text-align: center !important;
    font-size: 30px !important;
}
.privacy-policy-section .container p{
    text-align: center !important;
}
.privacy-policy-section .container .vc_column-inner{
    padding: 0px !important;
}
.making-work-section .vc_btn3-container.vc_btn3-inline,
.hr-portal-section .vc_btn3-container.vc_btn3-inline  {
    text-align: center;
    display: block;
}
.integrations_slider .slick-list.draggable {
    overflow: hidden;
}
.demo-btn a,
.demo-btn a:before {
    -webkit-transition: color .15s ease-in-out !important;
    transition: color .15s ease-in-out !important;
}
.demo-btn a:hover:before {
    width: 97% !important;
}
.product_cat_slider .slick-next, .product-sliders-box .slick-next, .product-slider .slick-next, .software_slider .slick-next, .integrations_slider .slick-next {
    right: 0px;
}
.product_cat_slider .slick-prev, .product-slider .slick-prev, .product-sliders-box .slick-prev, .software_slider .slick-prev, .integrations_slider .slick-prev {
    left: 0px;
}
.review-section .wp-gr .grw-btns.grw-next {
    margin-right: 0px !important;
}
.review-section .wp-gr .grw-btns.grw-prev {
    margin-left: 0px!important;
}
.about-space-section .vc_empty_space{
    height: 0px !important;
}
.topbar-contact{
    display: none !important;
}
.topbar-sec ul li span {
    padding: 0px 19px 0px 0px;
    color: #fff;
}
.single-product .single_product_page .request-quote {
    display: inline-flex;
    width: 55%;
}
 .single-product .single_product_page {
        padding: 34px 15px !important;
    }
.woocommerce-product-rating {
    display: inline-block;
}
}
@media (min-width: 767px) and (max-width: 1068px) {
 .header {
    display: none !important;
}
.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mobmenu-left-alignment.mobmenu-panel, .mobmenu-right-alignment.mobmenu-panel {
    width: 100%;
    background: #b1ec48 !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
    color: #000 !important;
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright {
    color: #000 !important;
    text-align: center !important;
    border-bottom: 1px solid #ffffff42 !important;
    text-transform: capitalize !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    padding: 10px 10px !important;
}
.show-panel .mob-cancel-button {
    color: #000;
}
.mob-expand-submenu, .sub-menu-toggle {
    outline: none !important;
    top: 12px;
}
#mobmenuright .sub-menu-toggle {
    float: right;
    margin-top: -53px;
    background: none;
    border: none;
}
#mobmenuright .sub-menu-toggle .icon-minus, .icon-plus {
    display: none;
}
.mobmenu-right-panel .mob-cancel-button {
    color: #000;
}
.mobmenul-container {
    margin-left: 10px !important;
    margin-top: 3px !important;
}
.mob-menu-header-holder {
    height: 56px !important;
    background-color: #f6f6f9 !important;
}
.mob-standard-logo {
    margin-top: 3px !important;
}
.mobmenur-container i {
    color: #2e2e2e !important;
    padding-top: 6px !important;
}
.topbar-sec ul {
    text-align: center;
    padding: 15px 0px;
}
.home-banner-sec h1 {
    font-size: 25px !important;
    line-height: 35px !important;
    margin-bottom: 0px !important;
}
.banner-text {
    margin-bottom: 25px;
}
.home-banner-sec {
    padding: 0px 0px;
    min-height: 340px !important;
}
.banner-left-box {
    width: 65%;
}
.banner-image-box {
    width: 35%;
}
.demo-btn a {
    font-size: 11px !important;
    padding: 14px 15px 12px 50px !important;
    margin-right: 5px;
}
.download-btn a{
    font-size: 11px !important;
    padding: 14px 15px 12px 50px !important;
}
.demo-btn a:before {
    width: 38px;
    height: 38px;
}
.download-btn a:before {
    width: 38px;
    height: 38px;
}
.demo-btn a:hover:after,
.download-btn a:hover:after {
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.hr-solution-section h2 {
    font-size: 20px !important;
    margin: 0 !important;
}
.hr-solution-section ul  li {
    font-size: 14px;
    line-height: 30px;
}
.hr-solution-section {
    padding: 70px 0px 40px 0px;
}
.hr-solution-section h4 {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 18px !important;
}
.findout-btn a {
    font-size: 11px !important;
    padding: 14px 15px 12px 50px !important;
}
.time-attendance-section ul  li {
    font-size: 14px;
    line-height: 30px;
}
.findout-btn a:before{
     width: 38px;
    height: 38px;   
}
.time-attendance-section .container {
    padding: 30px 0px;
}
.time-attendance-section h4 {
    font-size: 18px !important;
}
.time-attendance-section h2 {
    font-size: 20px !important;
    line-height: 30px !important;
    padding: 8px 0 6px 0 !important;
}
.what-we-do-section .vc_col-sm-12 {
    padding: 30px 0px 20px 0px;
}
.what-we-do-section .vc_tta-tabs-list .vc_tta-tab a {
    font-size: 14px !important;
}
.what-we-do-section .vc_tta-panels h4 {
    padding-bottom: 5px;
    font-size: 20px !important;
}
.what-we-do-section .vc_tta-panels {
    padding: 10px 0px !important;
}
.what-we-do-section h2 {
    font-size: 25px !important;
    padding-bottom: 40px !important;
}
.footer_section h3 {
    font-size: 18px;
}
.products_menu .product_menu_name a, .useful_menu .useful_menu_name a {
    font-size: 13px;
}
.contact_details p {
    font-size: 13px;
}
.contact_details p a {
    font-size: 13px;
}
.step-form {
    width: 100%;
    padding: 30px 50px;
}
.step-1 .step-box {
    width: 40%;
}
.step-2 .step-box {
    width: 33%;
    float: left;
}
.login_section,
.page-id-684 .register_page {
    max-width: 570px !important;
}
.blog-page-section h1{
    font-size: 30px !important;
}
.blog_section .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
.filter-menus label {
    font-size: 16px;
}
.blog_box_text h3 {
    font-size: 18px;
}
.software-banner-sec {
    min-height: 340px;
}
.banner-left {
    padding-left: 0% !important;
}
.software-banner-sec h1 {
    font-size: 30px !important;
}
.inner-remote-app-sec .vc_col-sm-6 {
    width: 100% !important;
}
.inner-remote-app-sec h2 {
    padding-top: 20px;
    font-size: 25px !important;
}
.range-section {
    padding: 50px 0px;
}
.range-section h4{
    font-size: 18px !important;
}
.range-section h2 {
    padding-bottom: 50px;
    font-size: 30px !important;
}
.product-cat-sec .row .col-md-3 {
    margin-bottom: 30px;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
.inner-product .col-md-3 {
    flex: 0 0 33.;
    max-width: 33.333%;
}
.single_product_page {
     padding: 0px !important;
}
.single-product .images {
    margin: 0 0 0 0px;
    float: none !important;
}
.attendance-software-section h2 {
    font-size: 30px !important;
    padding: 0 60px;
}
.faq-section h2 {
    font-size: 30px !important;
    padding: 0 60px 30px 60px;
}
.faq-section .vc_tta-container {
    max-width: 100%;
}
.contact-section .vc_col-sm-6 {
    width: 100% !important;
}
.contact-section .vc_col-sm-6  h2 {
    padding-bottom: 22px;
    font-size: 30px !important;
}
.contact-form {
    width: 100%;
}
.hardware-sec {
    padding: 20px 0px 20px 0px;
}
.check-list h3 {
    font-size: 18px !important;
}
.hr-solution-section ul {
    text-align: left;
}
.time-attendance-section ul {
    text-align: left;
}
.our-client-section h2 {
    font-size: 30px !important;
}
.integration-slider h2 {
    font-size: 30px !important;
}
.software-pera-text {
    width: 85%;
    text-align: center;
    margin: 25px auto 0!important;
}
.time-attendance-section .demo-btn a {
        font-size: 11px !important;
        padding: 14px 15px 12px 50px !important;
        margin-right: 5px;
}
.time-attendance-section .findout-btn a {
        font-size: 11px !important;
        padding: 14px 15px 12px 50px !important;
}
.what-we-do-section {
    padding: 0px 0px;
}
.what-we-do-section .vc_tta-panels ul li {
    font-size: 14px;
    line-height: 30px;
}
.faq-section {
    padding: 45px 25px 50px 25px;
}
.slidecontainer p {
    text-align: center;
    padding-bottom: 0px;
}
.contact-section .vc_col-sm-6 .vc_column-inner {
    padding: 0px 0 0 0 !important;
}
.slidecontainer {
    padding: 30px 30px;
}
.cal-box {
    padding-top: 25px !important;
}
.review-section h2 {
    font-size: 30px !important;
}
.hardware-sec h2 {
    font-size: 30px !important;
}
.blog-section h2 {
    padding-bottom: 45px;
    font-size: 30px !important;
}
.blog-section .container {
    padding: 0px 0px !important;
}
.blog_section {
    padding: 0px 0px !important;
}
.time-banner-sec h1 {
    font-size: 30px !important;
    line-height: 35px !important;
}
.inner-range-sec img {
    width: 80% !important;
}

}
@media (min-width: 1250px) and (max-width: 1299px) {
#navbar ul li a {
    font-size: 13px !important;
}
#navbar .container-fluid {
    padding: 5px 11px;
}
}
@media (min-width: 1900px) and (max-width: 2000px) {
.home-banner-sec {
    min-height: 600px;
}
.inner-contact-section {
    padding: 0px 8px;
}
.contact-section .vc_col-sm-6 .vc_column-inner {
    padding: 50px 50px;
}
}
.comput-model-box .invalid-input {
    border: 1px solid red;
}
/*sinlge product tabs css*/
.woocommerce-tabs .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-tabs .tabs li {
    display: inline-block;
    margin-right: 20px;
}

.woocommerce-tabs .tabs li.active {
    font-weight: bold;
}

.woocommerce-Tabs-panel {
    display: none;
}

.woocommerce-Tabs-panel.active {
    display: block;
}