/* ---------------------------- */
.automated {
    text-align: left;
    padding: 118px;
    padding-top: 85px;
  }
  
  [data-aos="new-animation"] {
    opacity: 0;
    transition-property: transform, opacity;
  }
  
  [data-aos="new-animation"].aos-animate {
    opacity: 1;
  }
  
  .m-0 {
    margin: 0;
  }
  .p-0 {
    padding: 0px;
  }
  
  .borderp {
    padding: 25px;
    margin: 25px 0;
    border-radius: 14px;
    height: 300px;
    -webkit-box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 15%);
    padding-top: 73px;
  }
  
  .borderp:hover {
    background-color: #2c3d85;
    color: white;
  }
  
  .borderp:hover .workforce_p_center_p {
    color: #fff;
  }
  
  .slider-intro-content .subcribes .btn_submit {
    position: absolute;
    top: 0;
    right: 0;
    font: 500 16px/60px "Poppins", sans-serif;
    color: #fff;
    border-radius: 5px;
    padding: 0px 19px;
    border: 0px;
    z-index: 2;
    transition: all 0.5s ease;
  }
  
  .employee_productivity_monitoring_software_h4 {
    font-size: 18px !important;
    font-family: "Gotham", sans-serif !important;
    font-weight: 600;
  }
  
  .employee_productivity_monitoring_software_h3 {
    margin-bottom: 10px !important;
    font-family: "Gotham", sans-serif !important;
  }
  
  .workforce_p_center_p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 10px;
    color: #000;
    font-family: "Gotham", sans-serif !important;
  }
  
  .form-control {
    border-radius: 5px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.4);
    box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.4);
    font: 300 16px/36px "Poppins", sans-serif;
    border: 0px;
    color: #72798e;
    height: 60px;
    padding: 0 145px 0 30px;
    position: relative;
    z-index: 1;
  }
  
  .slider-intro-content .subcribes .btn_submit {
    position: absolute;
    top: 0;
    right: 0;
    font: 500 16px/60px "Poppins", sans-serif;
    color: #fff;
    border-radius: 5px;
    padding: 0px 19px;
    border: 0px;
    z-index: 2;
    transition: all 0.5s ease;
  }
  
  .employee_productivity_monitoring_software_section_b {
    background: #2c3d850f;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .employee_productivity_monitoring_software_section_n {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .employee_monitoring_softwaresub_heading_h1 {
    font-size: 32px;
    font-weight: 600;
    color: #1e3a88;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .employee_productivity_monitoring_software_section_b ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 300;
    list-style-type: none;
    font-family: "Gotham", sans-serif !important;
  }
  
  .listStyle {
    padding-left: 0px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .employee_productivity_monitoring_software_section_b ul li i {
    color: #1e3a88;
    font-size: 20px;
    margin-right: 15px;
  }
  
  .employee_productivity_monitoring_software_section_n ul li {
    list-style-type: none;
    margin-bottom: 10px;
    font-size: 20px;
    color: #1e3a88;
    font-weight: bold;
    font-family: "Gotham", sans-serif !important;
  }
  
  .slider-intro-content .subcribes .form-control {
    border-radius: 5px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 12px 0px rgb(152 152 152 / 40%);
    box-shadow: 0px 0px 12px 0px rgb(152 152 152 / 40%);
    font: 300 16px/36px "Poppins", sans-serif;
    border: 0px;
    color: #72798e;
    height: 60px;
    padding: 0 145px 0 30px;
    position: relative;
    z-index: 1;
  }
  
  /* Generate Custom reports/Dashboard with DeskTrack */
  .bg-primary {
    color: #fff;
    background-color: #1d3a88;
  }
  
  .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  
  .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    user-select: none;
  }
  
  button {
    color: #1d3a88;
    background-color: #fefefe;
  }
  
  .sectiondata {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  
  .stratTracking {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  button:hover {
    background-color: #08c8ff;
    cursor: pointer;
  }
  
  .background-image {
    background: linear-gradient(268deg, #1e3a88, #030d2a, #274cb3, #010a22);
    background-size: 500% 500%;
    animation: gradient 5s ease infinite;
  }
  
  .cta-insurence {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #e8ebf3;
  }
  
  .heading-236 {
    margin-top: 0;
    font-family: "Source Sans Pro";
    color: #2c3e50;
    font-size: 25px;
    line-height: 44px;
    text-align: center;
  }
  
  .btn-new.btn-try-free.hidden-mobile.test-only {
    background-color: #f73859;
  }
  
  .btn-new.btn-try-free {
    padding: 15px 20px 15px 20px;
    border-radius: 7px;
    color: #fff;
  }
  
  .btn-new {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
  }
  
  /* end */
  
  .epm_software {
    text-align: center;
    color: #f63858;
    font-size: 30px;
    font-weight: 600;
    background: #1d3a88;
    color: white;
  }
  
  .epm_software_data {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 35px;
    height: 180px;
  }
  
  .low_productivity_list {
    font-family: "Gotham", sans-serif !important;
  }
  
  /* plan */
  
  /*======== Pricing Page Start ===========*/
  
  .innerpage-background {
    background-image: url(../images/inner-bg.jpg);
  }
  
  .innerpage-topspace {
    padding-top: 100px;
  }
  
  .pricing-intro {
    padding: 0 0 200px 0;
  }
  
  .pricing-content {
    padding-top: 15px;
  }
  
  .team-member-selected h4 {
    color: #224b75;
    font: 400 22px/30px "Poppins", sans-serif;
  }
  
  .team-member-selected h4 strong {
    color: #23b1fe;
    font: 600 25px/30px "Poppins", sans-serif;
  }
  
  .pricing-page-heading {
    width: 100% !important;
  }
  
  .slider-intro.pricing-page-heading h1 {
    font: 650 38px/61px "Lato", sans-serif !important;
  }
  
  .slider-intro.pricing-page-heading h1 span {
    font: 600 34px/61px "Lato", sans-serif !important;
  }
  
  span.annual-discount {
    position: absolute;
    padding: 17px;
    color: #e47038;
    font: 900 23px "Righteous", cursive;
    animation-name: bounce-1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
  
  @keyframes bounce-1 {
    0% {
      transform: translateY(0px);
    }
  
    50% {
      transform: translateY(-10px);
    }
  
    100% {
      transform: translateY(0px);
    }
  }
  .pricing-select-button {
    background-color: #ffffff;
    border-radius: 45px;
    margin: 0 0 18px;
    padding: 7px;
    padding-top: 14px;
    display: inline-block;
    box-shadow: 0 0px 22px rgba(113, 109, 109, 20%);
  }
  
  .bubble {
    display: none;
    font-size: 21px;
    font-weight: 500;
    color: #0b498c;
    padding: 7px 0px;
  }
  
  .pricing-select-button li {
    background: transparent !important;
    display: inline-block;
    line-height: normal;
    outline: none;
    list-style: none;
  }
  
  .pricing-select-button li a i {
    font-size: 16px !important;
  }
  
  .pricing-select-button li a {
    display: block;
    font: 400 18px "Poppins", sans-serif;
    text-decoration: none;
    color: #6b7179;
    padding: 12px 35px;
    position: relative;
    border-radius: 24px !important;
    text-transform: uppercase;
    transition: all 0.5s ease;
  }
  
  #dollar {
    display: none;
  }
  
  .pricing-select-button .active {
    color: #fff;
  }
  
  .pricing-select-button li a:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .plan-section {
    background: #fff;
    box-shadow: 0px -4px 7px rgba(204, 201, 201, 0.1);
  }
  
  .plan-section .row {
    margin-top: -245px;
  }
  
  .pricing-content a.active .bubble {
    background-image: url(../images/blue-shape.png);
    color: #fff;
  }
  
  .pricing-content li .bubble {
    background: url(../images/gray-shape.png) no-repeat;
    background-size: 99px 36px;
    color: #6b7179;
    display: block;
    font: 400 13px/32px "Poppins", sans-serif;
    text-align: center;
    text-transform: none;
    object-fit: contain;
    position: absolute;
    top: -13px;
    right: -110px;
    height: 36px;
    width: 99px;
    display: none;
    transition: all 0.5s ease;
  }
  
  .price-main {
    background: -moz-linear-gradient(-45deg, #79cdfb 0%, #224b75 100%);
    background: -webkit-gradient(
      left top,
      right bottom,
      color-stop(0%, #79cdfb),
      color-stop(100%, #224b75)
    );
    background: -webkit-linear-gradient(-45deg, #79cdfb 0%, #224b75 100%);
    color: #224b75;
  }
  
  .price-item {
    background: #fff;
    border-bottom-right-radius: 0px;
    padding: 40px 0 0;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    border-top-left-radius: 190px;
    box-shadow: 0 8px 30px 0 rgb(0 0 0 / 10%);
  }
  
  .price-item h4 {
    color: #224b75;
    /* font: 600 20px"Poppins", sans-serif; */
    margin: 0;
    background: #ffffff;
    margin: auto;
    width: 225px;
    /* height: 41px; */
    line-height: 41px;
    border-radius: 4px;
    margin-bottom: 20px;
    /* box-shadow: 0px 0px 15px 0px rgba(0, 11, 40, 0.2); */
    transition: all 0.5s ease;
    font: 800 40px "Poppins", sans-serif !important;
  }
  
  .price-item h3 {
    color: #224b75;
    font: 600 32px "Poppins", sans-serif;
    margin: 6px 0px;
  }
  
  .price-item h3 sup i {
    font-size: 28px !important;
  }
  
  .price-header h5 {
    font-size: 16px;
    margin-bottom: 13px;
    text-transform: capitalize;
    font-weight: 500;
    color: #224b75;
  }
  
  .top-start-trial {
    margin: 18px auto 10px auto;
  }
  
  .pricing-bottom-button a.primary-gradient.primary-btn.start-box.startTrial {
    width: 100%;
    border-radius: 0;
  }
  
  .user_screenshots {
    width: 100%;
    font-size: 12px;
    /* padding-left: 20px; */
    color: #23b1fe;
    font-weight: 600;
  }
  
  .user_screenshots i {
    color: #23b1fe !important;
  }
  
  .prize-user {
    font-size: 15px;
  }
  
  .primary-gradient {
    color: #fff;
  }
  
  .price-item a {
    padding: 0px 7px;
    border-radius: 5px;
    font: 500 30px/47px "Poppins", sans-serif;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    display: block;
    margin: auto;
  }
  
  .text-light {
    color: #fff;
  }
  
  .price-main:hover .price-item {
    border-bottom-right-radius: 0;
  }
  
  .submit-button input:hover {
    background: -webkit-linear-gradient(
      -48deg,
      #24e2ff 0%,
      #24b0fe 46%,
      #237efd 100%
    );
    text-decoration: none;
    color: #fff;
  }
  
  #dollarPrice {
    display: none;
  }
  
  /* switch styles */
  
  .switch {
    margin: 4rem auto;
    width: 24rem;
    position: relative;
  }
  
  .switch input {
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
  }
  
  .switch input:checked {
    z-index: 1;
  }
  
  .switch input:checked + label {
    opacity: 1;
    cursor: default;
  }
  
  .switch input:not(:checked) + label:hover {
    opacity: 0.5;
  }
  
  .switch label {
    color: #224b75;
    opacity: 0.33;
    transition: opacity 0.25s ease;
    cursor: pointer;
  }
  
  .switch .toggle-outside {
    height: 100%;
    border-radius: 2rem;
    padding: 3px;
    overflow: hidden;
    transition: 0.25s ease all;
  }
  
  .switch .toggle-inside {
    border-radius: 50px;
    background: #74c5f3;
    position: absolute;
    transition: 0.25s ease all;
  }
  
  .switch--horizontal {
    width: 18rem;
    height: 3rem;
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 1rem;
  }
  
  .switch--horizontal input {
    height: 3rem;
    width: 6rem;
    left: 6rem;
    margin: 0;
  }
  
  .switch--horizontal label {
    font-size: 1.5rem;
    line-height: 3rem;
    display: inline-block;
    width: 6rem;
    height: 100%;
    margin: 0;
    text-align: center;
  }
  
  .switch--horizontal label:last-of-type {
    margin-left: 6rem;
  }
  
  .switch--horizontal .toggle-outside {
    background: rgba(35, 182, 228, 0.2);
    position: absolute;
    width: 6rem;
    left: 6rem;
  }
  
  .switch--horizontal .toggle-inside {
    height: 24px;
    width: 24px;
  }
  
  .switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
    left: 4px;
  }
  
  .switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 3.25rem;
  }
  
  .switch--vertical {
    width: 12rem;
    height: 6rem;
  }
  
  .switch--vertical input {
    height: 100%;
    width: 3rem;
    right: 0;
    margin: 0;
  }
  
  .switch--vertical label {
    font-size: 1.5rem;
    line-height: 3rem;
    display: block;
    width: 8rem;
    height: 50%;
    margin: 0;
    text-align: center;
  }
  
  .switch--vertical .toggle-outside {
    background: #fff;
    position: absolute;
    width: 3rem;
    height: 100%;
    right: 0;
    top: 0;
  }
  
  .switch--vertical .toggle-inside {
    height: 2.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 2.5rem;
  }
  
  .switch--vertical input:checked ~ .toggle-outside .toggle-inside {
    top: 0.25rem;
  }
  
  .switch--vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
    top: 3.25rem;
  }
  
  .switch--no-label label {
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
  }
  
  .switch--no-label input:checked ~ .toggle-outside .toggle-inside {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  
  .switch--no-label input ~ input:checked ~ .toggle-outside {
    background: #fff;
  }
  
  .switch--no-label input ~ input:checked ~ .toggle-outside .toggle-inside {
    background: #2ecc71;
  }
  
  .switch--no-label.switch--vertical {
    width: 3rem;
  }
  
  .switch--no-label.switch--horizontal {
    width: 6rem;
  }
  
  .switch--no-label.switch--horizontal input,
  .switch--no-label.switch--horizontal .toggle-outside {
    left: 0;
  }
  
  .switch--expanding-inner
    input:checked
    + label:hover
    ~ .toggle-outside
    .toggle-inside {
    height: 2.5rem;
    width: 2.5rem;
  }
  
  .switch--expanding-inner.switch--horizontal
    input:hover
    ~ .toggle-outside
    .toggle-inside {
    width: 3.5rem;
  }
  
  .switch--expanding-inner.switch--horizontal
    input:hover
    ~ input:checked
    ~ .toggle-outside
    .toggle-inside {
    left: 2.25rem;
  }
  
  .switch--expanding-inner.switch--vertical
    input:hover
    ~ .toggle-outside
    .toggle-inside {
    height: 3.5rem;
  }
  
  .switch--expanding-inner.switch--vertical
    input:hover
    ~ input:checked
    ~ .toggle-outside
    .toggle-inside {
    top: 2.25rem;
  }
  
  /* mixin */
  /* 
  @media screen and (max-width: 992px) {
      p {
          font: 400 20px 'Lato', sans-serif;
          width: 100%;
      }
  } */
  
  .pricecontact p {
    color: #224b75;
    font: 600 28px "Poppins", sans-serif;
  }
  
  .pricecontact-btn {
    background: #000;
  }
  
  .primary-gradient.start-box {
    color: #fff;
    width: 203px;
    font-size: 20px;
  }
  
  .primary-gradient.start-box:hover {
    box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
    transform: perspective(1px) translateZ(0);
    transition-property: color;
    transition: all 0.3s ease;
  }
  
  /* .availableOn {
      background: #ebebeb;
      background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
      background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
      background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
      padding-bottom: 50px;
  } */
  
  .availableboxs {
    text-align: center;
    margin: auto;
    display: block;
  }
  
  /* .availableboxs .circle {
      background-color: #fff;
      border-radius: 100%;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
      height: 120px;
      padding: 25px;
      width: 120px;
      margin: auto auto 20px auto;
      transition: all 0.5s ease
  } */
  
  .availableboxs h4 {
    color: #224b75;
  }
  
  .availableOn .section-heading.text-center.wow.fadeIn {
    margin-top: 9px;
  }
  
  .availableboxs:hover .circle {
    background-color: rgba(255, 255, 255, 0.7);
  }
  
  .also-availableOn {
    margin-top: 34px;
  }
  
  .also-availableOn h4 {
    font-weight: 600;
    font-size: 21px;
  }
  
  .also-availableOn ul {
    padding: 0;
    margin: 15px 0 0;
  }
  
  .also-availableOn ul li {
    list-style: none;
    display: block;
    line-height: 37px;
    font-size: 16px;
    font-weight: 600;
    color: #224b75;
  }
  
  .also-availableOn li i {
    margin-right: 5px;
  }
  
  .primary-gradient.start-box {
    color: #fff;
    width: 203px;
    font-size: 20px;
    background: #1b3781;
    box-shadow: 0 4px 7px rgb(76 75 75 / 26%);
    text-decoration: none;
  }
  
  .primary-gradient,
  .pricing-select-button .active,
  .social_icon ul li a:hover i {
    background: #1e3a88 !important;
  }
  
  .pricing-select-button .active {
    color: #fff;
  }
  
  /*======== Pricing Page End ===========*/
  
  .desktrack_indexsub_heading h2 {
    font-size: 35px;
    font-weight: bold;
    color: #1e3a88;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .align-center {
    position: unset !important;
    top: 30%;
    width: 100%;
    z-index: 9;
  }
  
  .desktrack_indexos_devices {
    background: #ffffff !important;
  }
  
  .desktrack_indexborder {
    background: #e1e1e1;
    height: 200px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 50px;
    width: 2px;
    margin-top: 80px;
    transform: rotate3d(1, 1, 1, 45deg);
  }
  
  .desktrack_indexos_devices img {
    margin-top: 50px;
    text-align: center;
  }
  
  p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
  }
  
  .desktrack_indexos_devices h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 50px;
  }
  
  .desktrack_indexos_devices span {
    background: #000;
    width: 20px;
    height: 5px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 50px;
  }
  
  .panel-title a {
    display: block;
    color: #1e3a88;
    padding: 20px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
  }
  
  .employee_monitoring_softwaresub_heading h2 {
    font-size: 32px;
    font-weight: 600;
    color: #1e3a88;
    text-align: center;
    margin-bottom: 20px;
   
  }
  
  #accordion .panel-heading a:before {
    content: "\e316";
    font-size: 24px;
    position: absolute;
    font-family: "Material Icons";
    right: 5px;
    top: 10px;
    transform: rotate(180deg);
    transition: all 0.5s;
  }
  
  .panel-heading {
    background-color: #1d3a881a;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
  }
  
  .panel:last-child .panel-heading {
    border-radius: 0 0 15px 15px !important;
    transition: border-radius 0.3s linear 0.2s;
  }
  
  .wrap {
    box-shadow: 0 2px 27px 0 #b3afaf;
    border-radius: 4px;
  }
  
  .contact-form {
    margin-left: 0px !important;
    margin-top: 20px;
  }
  
  .price-ba {
    position: absolute;
    left: auto;
    top: -10px;
    right: 4px;
    bottom: auto;
    width: 122px;
    height: 122px;
  }
  
  /* end */
  
  .box {
    border-right: 1px solid;
    padding: 25px;
    font-size: 30px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .boxleft {
    border-left: 1px solid;
    padding: 25px;
    font-size: 30px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .show {
    box-shadow: 0 0 72px 16px rgb(0 0 0 / 8%);
    background: white;
  }
  
  .show:hover {
    background: #dfe4f0;
  }
  
  .paddingbox {
    padding: 5px 0px 5px 19px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .indexbannerfile {
    background-image: url(../images/epm-softwara/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
  }
  
  /* Time Tracking Software Ajay */
  
  #buttondata {
    /* font-family: 'Gotham', sans-serif !important; */
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    padding: 8px 24px 10px 24px;
    border-radius: 3px;
    transition: 0.5s;
    color: #fff;
    background: #f73859;
    position: relative;
  }
  
  .logo_bootom_wrap {
    border-radius: 40px 40px 40px 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(57 73 99 / 15%);
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .img {
    position: relative;
    /* left: 0px; */
    top: 25px;
    overflow: visible;
  }
  .logo {
    width: 100%;
    height: auto;
    text-align: center;
  }
  
  .tmp {
    box-shadow: 0 0 2px 0 rgb(57 73 99 / 10%);
    padding: 38px;
  }
  
  .buttonfile {
    font-size: 16px;
    line-height: 53px;
    padding-top: 40px;
  }
  
  .service-item {
    padding: 30px;
    transition: all ease-in-out 0.4s;
    height: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  .service-item:hover {
    transform: translateY(-10px);
    /* box-shadow: 0px 0 6px 0; */
    background-color: #e4e4f0;
  }
  
  .price-ba {
    position: absolute;
    left: auto;
    top: -10px;
    right: 4px;
    bottom: auto;
    width: 122px;
    height: 122px;
  }
  /* @media screen and (max-width: 992px) {
    p {
      line-height: 28px !important;
      font-size: 12px;
    }
  } */
  .price-item {
    background: #fff;
    border-bottom-right-radius: 0px;
    padding: 41px 0px 18px !important;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    border-top-left-radius: 190px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.1);
  }
  
  .buttons {
    text-align: center;
    background-image: linear-gradient(
      to right,
      #1d3a88,
      #1d3a88,
      #1d3a88,
      #1d3a88,
      #1d3a88
    );
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 600;
    max-width: 300px;
    font-size: 34px;
    margin: -37px auto 34px;
    border-radius: 8px;
    padding: 1px 0px 10px 0px;
  }
  
  .submit {
    background-color: #1d3a88;
  }
  
  .trydemo {
    background-color: #ffffff;
    
    box-shadow: 8px 9px 8px -5px rgb(151 150 150 / 50%);
  }
  
  .sectionfile {
    padding: 20px;
  }
  
  .padding {
    padding: 0px 20px 25px 20px;
  }
  
  .rating ul {
    margin-left: 0px !important;
  }
  .tel {
    border: 1px solid #000;
    padding: 11px 16px;
    border-radius: 7px;
    font-size: 20px;
    background: white;
  }
  .animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient(
      -225deg,
      #020c76 0%,
      #44107a 29%,
      #ff1361 67%,
      #f63858 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 50px;
    padding: 20px 5px 6px 5px;
  }
  
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  
  .paddinglogo {
    padding: 20px;
  }
  .sectionfilepage {
    padding-top: 34px;
    padding-bottom: 34px;
    background: #e8ebf3;
  }
  
  /* newupdata */
  
  .desktrack_indexbtn_blue {
    background: #1e3a88;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #143485;
  }
  .desktrack_indexfree_demo .desktrack_indexsub_heading h5 {
    color: #000;
    font-size: 18px;
    line-height: 35px;
    font-family: "Gotham", sans-serif !important;
  }
  .desktrack_indexfree_demo {
    text-align: center;
    padding: 60px;
    background: #f4f4f4;
    font-family: "Gotham", sans-serif !important;
  }
  
  .desktrack_indexdata_security ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 300;
    list-style: none;
    font-family: "Gotham", sans-serif !important;
  }
  
  .desktrack_indexborder {
    background: #e1e1e1;
    height: 200px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 50px;
    width: 2px;
    margin-top: 50px;
    transform: rotate3d(1, 1, 1, 45deg);
  }
  
  .desktrack_indexos_devices h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 8px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .desktrack_indexsub_heading h4 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 45px;
    font-family: "Gotham", sans-serif !important;
  }
  .desktrack_indexfree_demo .desktrack_indexsub_heading h5 strong {
    color: #1e3a88;
    font-weight: 600;
  }
  
  .imagedata {
    height: auto;
    width: 100%;
  }
  
  .numberdata {
    padding-top: 138px;
    /* padding-bottom: 33px; */
  }
  .submit-button button {
    background: #1e3987;
    color: #fff !important;
    border-radius: 7px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    font-size: 21px;
    padding: 0px 23px;
    border: 0;
    transition: all 0.5s ease;
    line-height: 50px;
    display: block;
  }
  
  .align-center {
    position: unset !important;
    top: 30%;
    width: 100%;
    z-index: 9;
  }
  
  .contact-form {
    margin-left: 0px !important;
    margin-top: 20px;
  }
  
  .geeks {
    overflow: hidden;
    margin: 0 auto;
  }
  
  .geeks img {
    width: 100%;
    transition: 0.5s all ease-in-out;
  }
  
  .geeks:hover img {
    transform: scale(1.5);
  }
  
  @media only screen and (width: 1920px) {
    .logo_bootom_wrap {
      width: 1310px;
    }
  
    .menu > .nav-item > .nav-link {
      padding: 18px;
    }
  }
  
  @media (max-width: 1200px) {
    .logo_bootom_wrap {
      width: 970px;
    }
  }
  
  @media (max-width: 992px) {
    .logo_bootom_wrap {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
    }
  
    .desktrack_indexos_devices .col-md-2 {
      width: 100%;
      text-align: center;
    }
  }
  
  @media (max-width: 768px) {
    .logo_bootom_wrap {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
    }
  
    .desktrack_indexos_devices .col-md-2 {
      width: 100%;
      text-align: center;
    }
  }
  
  /* :end */
  
  /* Screenshot Monitoring |Ajay */
  .indexbannerfile_screenshot {
    background-image: url(../images/screenshot_monitoring/screenshotbanner.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    width: 100%;
    background-color: white;
    height: auto;
  }
  .list-group-get {
    border: 1px solid #e8ebf3;
    box-sizing: border-box;
    border-radius: 10px;
    color: #475056;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0 0 0.5rem;
    background: white;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .list-group-get:hover {
    background: #1d3a88;
    color: white;
  }
  .list-group-get_left {
    padding-left: 50px;
  }
  
  .imagefiledata {
    height: auto;
    width: 100%;
    padding-bottom: 25px;
  }
  
  .imagefiledata:hover {
    opacity: 0.6;
  }
  
  /* :end */
  
  .image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
  }
  .image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    /* width: 70%; */
    height: auto;
    transform: scale(1);
  }
  
  .image-box:hover img {
    transform: scale(1.1);
  }
  
  .single-partner-logo1 {
    background-color: #f638583d;
    border-radius: 45px;
  }
  .single-partner-logo2 {
    background-color: #70d0dc61;
    border-radius: 45px;
    width: 80%;
  }
  .single-partner-logo3 {
    background-color: #fcd4c8;
    border-radius: 45px;
  }
  .single-partner-logo4 {
    background-color: #f3d25585;
    border-radius: 45px;
    width: 80%;
  }
  .single-partner-logo5 {
    background-color: #d2d2d2;
    border-radius: 45px;
    width: 80%;
  }
  
  .partner-block-three {
    margin: 40px 0;
  }
  .partner-block-three i {
    font-size: 32px;
  }
  .partner-block-three > a {
    display: block;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    text-align: center;
    height: 325px;
    background: #fff;
    padding: 0 18px;
    position: relative;
    margin-bottom: 30px;
  }
  .partner-block-three > a:before {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-bottom: 4px solid #03a9f5;
    border-right: 4px solid #03a9f5;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
  }
  .partner-block-three > a:after {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 4px solid #1d3a88;
    border-left: 4px solid #1d3a88;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
  }
  .padding-15px-bottom {
    padding-bottom: 35px;
  }
  .partner-block-three h3 {
    color: #1e3a88;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .partner-block-three p {
    margin-bottom: 0;
    color: #000;
  }
  .partner-block-three > a:hover {
    opacity: 1;
    border-color: #d5d5d5;
  }
  a:hover,
  a:active {
    color: #03a9f5;
    text-decoration: none;
  }
  
  .partner-block-three > a:hover:before,
  .partner-block-three > a:hover:after {
    width: 95%;
    height: 90%;
  }
  
  .employee_productivity_monitoring_software_section_background {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .employee_productivity_monitoring_software_section_backgroundnone {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #1d3a881a;
  }
  .boxdesgin {
    padding: 25px;
    box-shadow: 1px 1px 3px rgba(103, 97, 137, 0.12);
    border: 0px solid;
    height: 348px;
    border-radius: 8px;
    margin: 10px 0;
  }
  .boxdesgin:hover {
    background: #1d3a881a;
    box-shadow: 0px 10px 5px -8px;
  }
  .sub_heading h4 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-align: center;
  }
  .free_demo .sub_heading h4 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-align: center;
    line-height: 24px;
  }
  .free_demo .sub_heading h5 strong {
    color: #1e3a88;
  }
  .free_demo .sub_heading h5 {
    color: #000;
    font-size: 18px;
    font-size: 18px;
    padding: 10px;
  }
  .titleheading_blue {
    background-color: #1e3a88;
    text-align: center;
    padding: 10px;
    font-family: "Gotham", sans-serif !important;
  }
  
  .track {
    padding-top: 70px;
  }
  .buttonsdata {
    padding-bottom: 25px;
    height: auto;
    width: 30%;
  }
  .getmore {
    padding-left: 50px;
  }
  .monitorcolour {
    color: white !important;
  }
  .widthimage {
    width: 100%;
    height: auto;
  }
  .boxcolour {
    background-color: #1e3a88;
  }
  /* for modal */
  .modal-body {
    position: relative;
    padding: 0px;
  }
  
  .loginmodal-header {
    background: rgba(194, 230, 251, 0.2);
  }
  
  .loginmodal-header button.close {
    opacity: 1;
    padding: 0px 8px 0 0;
    color: #224b75;
    font-size: 35px;
    font-weight: normal;
  }
  
  .loginmodal-header button.close:hover {
    background: none;
    color: #23b1fe;
  }
  
  .modal-top-tab.clearfix {
    padding: 4px 0;
    clear: both;
    display: block;
  }
  
  .left-shape-content,
  .rememberbox label {
    float: left;
  }
  
  .left-shape-content a {
    background-image: url(../images/left-shape.png);
  }
  
  .right-shape-content,
  .rememberbox a {
    float: right;
  }
  
  .right-shape-content a {
    background-image: url(../images/right-shape.png);
  }
  
  .left-shape-content a,
  .right-shape-content a {
    padding: 15px 8px;
    font: 500 19px "Poppins", sans-serif;
    text-align: center;
    margin: 0;
    color: #224b75;
    width: 170px;
    display: block;
    cursor: pointer;
  }
  
  .loginmodal-header img.img-responsive {
    margin: auto;
  }
  
  .loginmodal .modal-body {
    background: #fff;
    text-align: center;
  }
  
  .login-content {
    width: 75%;
    margin: 30px auto auto;
  }
  
  .login-content h3 {
    font: 600 23px "Poppins", sans-serif;
    color: #224b75;
    margin-bottom: 12px;
    text-align: center;
  }
  
  .login-content .form-group p {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
  }
  
  .login-content .form-group p i {
    background: #b9e2fb;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 6px 0 6px 10px;
    color: #0d0d0e;
    text-align: center;
    font-size: 15px;
  }
  
  .login-content .form-group input {
    border: 0;
    line-height: inherit;
    height: 44px;
    background: none;
    width: 85.33%;
    float: left;
    display: block;
    padding: 0 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  
  .floatnone {
    float: none;
    clear: both;
    text-align: center;
  }
  
  select {
    color: #a1a8be;
    border: none;
    background: no-repeat;
    width: 87%;
    outline: none;
  }
  
  .checkbox,
  .radio {
    position: relative;
    display: block;
    margin-top: -7px;
    margin-bottom: 10px;
  }
  
  .form-group {
    margin-bottom: 1px;
  }
  
  .rememberbox input {
    margin: 0;
    position: relative;
    top: 0px;
  }
  
  .rememberbox {
    margin-bottom: 15px;
  }
  
  #userSignup {
    display: none;
  }
  
  .form-group p.help-block.help-block-error {
    background: none;
    border: 0;
    height: auto;
    line-height: inherit;
    clear: both;
  }
  
  .loginmodal-header {
    background: rgba(194, 230, 251, 0.2);
  }
  
  .loginmodal-header button.close {
    opacity: 1;
    padding: 0px 8px 0 0;
    color: #224b75;
    font-size: 35px;
    font-weight: normal;
  }
  
  .loginmodal-header button.close:hover {
    background: none;
    color: #23b1fe;
  }
  
  .modal-top-tab.clearfix {
    padding: 4px 0;
    clear: both;
    display: block;
  }
  
  .left-shape-content,
  .rememberbox label {
    float: left;
  }
  
  .left-shape-content a {
    background-image: url(../images/left-shape.png);
  }
  
  .right-shape-content,
  .rememberbox a {
    float: right;
  }
  
  .right-shape-content a {
    background-image: url(../images/right-shape.png);
  }
  
  .left-shape-content a,
  .right-shape-content a {
    padding: 15px 8px;
    font: 500 19px "Poppins", sans-serif;
    text-align: center;
    margin: 0;
    color: #224b75;
    width: 170px;
    display: block;
    cursor: pointer;
  }
  
  .loginmodal-header img.img-responsive {
    margin: auto;
  }
  
  .loginmodal .modal-body {
    background: #fff;
    text-align: center;
  }
  
  .login-content {
    width: 75%;
    margin: 30px auto auto;
  }
  
  .login-content h3 {
    font: 600 23px "Poppins", sans-serif;
    color: #224b75;
    margin-bottom: 12px;
    text-align: center;
  }
  
  .login-content .form-group p {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
  }
  
  .login-content .form-group p i {
    background: #b9e2fb;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 6px 0 6px 10px;
    color: #0d0d0e;
    text-align: center;
    font-size: 15px;
  }
  
  .login-content .form-group input {
    border: 0;
    line-height: inherit;
    height: 44px;
    background: none;
    width: 85.33%;
    float: left;
    display: block;
    padding: 0 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  
  .floatnone {
    float: none;
    clear: both;
    text-align: center;
  }
  
  select {
    color: #a1a8be;
    border: none;
    background: no-repeat;
    width: 87%;
    outline: none;
  }
  
  .checkbox,
  .radio {
    position: relative;
    display: block;
    margin-top: -7px;
    margin-bottom: 10px;
  }
  
  .form-group {
    margin-bottom: 1px;
  }
  
  .rememberbox input {
    margin: 0;
    position: relative;
    top: 0px;
  }
  
  .rememberbox {
    margin-bottom: 15px;
  }
  
  #userSignup {
    display: none;
  }
  
  .form-group p.help-block.help-block-error {
    background: none;
    border: 0;
    height: auto;
    line-height: inherit;
    clear: both;
  }
  .form-control {
    box-shadow: none;
  }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
    border: 1px solid #dcdcdc;
    border-radius: 15px;
  }
  .intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input {
    width: 100%;
  }
  .floatnone {
    float: none;
    clear: both;
    text-align: center;
  }
  .submit-button button {
    border: 0;
    border-radius: 5px;
    padding: 0px 20px;
    color: #fff;
    font: 500 16px/47px "Poppins", sans-serif;
    box-shadow: 0 4px 7px rgb(76 75 75 / 26%);
    transition: all 0.5s ease;
    margin-bottom: 14px;
    margin: 10px auto;
  }
  .for-information {
    text-align: right;
  }
  #loader {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.6 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
  }
  
  #loader {
    display: none;
  }
  #loaderImgDiv {
    margin: auto;
    text-align: center;
    margin-top: 220px;
    left: 952.5px;
  }
  
  @media (max-width: 992px) {
    .imagedata {
      height: auto;
      width: 50%;
    }
  }
  
  @media (max-width: 768px) {
    .imagedata {
      height: auto;
      width: 50%;
    }
  }
  
  .employee_productivity_monitoring_software_section_backgroundbutton {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
  }
  .btn-new.btn-try-free {
    padding: 18px 35px 18px 35px !important;
    border-radius: 7px;
    color: #fff;
  }
  .card {
    font-size: 10px;
    font-family: "Gotham", sans-serif !important;
    
    margin-top: 10px;
    font-weight: 500 !important;
  }
  
  /* button */
  .merch-banner-box.human-box.mounted {
    opacity: 1;
  }
  .human-box.mounted {
    transition: opacity 0.5s ease-out;
  }
  .desktrackBanner__body {
    display: block;
    position: relative;
  }
  .desktrackBanner__body {
    border-radius: 0px;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 16px;
    overflow: hidden;
  }
  .desktrackBanner__content {
    background-color: #15326f;
    color: #fff;
    padding: 24px;
  }
  .desktrackBanner__image {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
  }
  .desktrackBanner__title {
    margin-bottom: 20px;
  }
  .desktrackBanner__title {
    color: #fff;
    font-family: "Gotham", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
  }
  .desktrackBanner__read-more-button:last-child {
    margin-bottom: 0;
  }
  .desktrackBanner__read-more-button {
    padding: 12px 32px;
  }
  .btn-default {
    background-color: #fff;
    border-color: #245abc;
    box-shadow: inset 0 0 0 1px #245abc;
    color: #245abc;
    text-shadow: none;
    transition: all 0.25s ease-in-out;
    line-height: 24px;
    border-radius: 100px;
  }
  .btn {
    min-height: 48px;
  }
  .btn {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 1.5rem;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: normal;
  }
  .desktrackBanner__picture {
    height: 100%;
    width: 100%;
  }
  .desktrackBanner__content {
    padding-left: 130px;
    padding-right: 32px;
  }
  .team {
    color: white;
    padding: 40px 0;
  }
  
  .btn-pink,
  .scroll .btn-pink,
  .white-color .btn-pink,
  .pink-hover:hover,
  .scroll .pink-hover:hover,
  .white-color .pink-hover:hover {
    color: #25356d !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }
  .btn {
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    padding: 11px 24px;
    border-radius: 30px;
    display: inline;
    font-weight: 600;
    border: 1px solid transparent;
    
  }
  .tra-white-hover:hover,
  .white-color .tra-white-hover:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
  .bg-04 {
    background-image: url(../images/screenshot_monitoring/bg-04.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
  }
  .banner {
    background-image: url(../images/best_employee/banner.png);
  }
  
  .emp-screen img {
    width: 100%;
    padding-top: 40px;
  }
  
  @media only screen and (max-width: 778px) {
    .team {
      text-align: center;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .perfectfile {
      text-align: center;
      padding: 2rem;
    }
  }
  
  .gradient {
    background-image: linear-gradient(
      180deg,
      rgba(244, 244, 249, 0.8) 50%,
      rgba(244, 244, 249, 0.05) 100%
    );
  }
  
  .after-img1::after {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("../images/screenshot_monitoring/perfect.png");
    top: 55px;
    left: -10px;
    position: absolute;
    display: inline-block;
  }
  
  /* Keep workforce productivity up with Employee Monitoring Software! */
  
  .border-box {
    background-color: #fefefe;
    border-radius: 10px;
    height: 380px;
    margin: 10px 0;
    padding: 9px;
    transition: transform 0.5s;
  }
  .border-box:hover {
    background-color: #353f82;
    color: #fff;
    transform: scale(1.1);
    z-index: 999;
  }
  
  .border-box:hover p,
  .border-box:hover svg {
    color: #fff;
  }
  
  .border-box svg {
    color: #2c3d85;
    width: 70px !important;
  }
  
  .submit-demo {
    color: #fefefe;
  }
  
  .bg-perfect {
    background-image: url("/theme_v1/images/screenshot_monitoring/top-viewb.jpg");
    background-size: cover;
    background-position: right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
  }
  
  .perfectfile {
    padding: 50px 0;
  }
  
  .desktrackBanner__title {
    color: #0c3186 !important;
    font-weight: 500;
  }
  
  .partner-block-three > a {
    border: none !important;
  }
  
  .partner-block-three > a:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgb(30 58 100);
    -moz-box-shadow: 0px 0px 12px 0px rgb(30 58 100);
    box-shadow: 0px 0px 12px 0px rgb(30 58 100);
    background-color: #213483;
    color: white !important;
  }
  
  .partner-block-three > a:hover:before,
  .partner-block-three > a:hover:after {
    display: none;
  }
  
  .partner-block-three > a:before,
  .partner-block-three > a::after {
    display: none;
  }
  
  @media (max-width: 992px) {
    .cust-w {
      display: none !important;
    }
  }
  
  .social_icon {
    display: none !important;
  }
  
  .p-lr {
    margin: 6px;
    text-align: center;
  }
  
  @media (max-width: 992px) {
    .boxdesgin {
      margin: 10px;
    }
  }
  
  @media (max-width: 768px) {
    .p-lr {
      padding: 0px;
    }
  }
  
  .partner-block-three {
    position: relative;
    word-wrap: break-word;
  }
  
  .partner-block-three i {
    position: absolute;
    top: -42px;
    left: 33px;
    padding: 20px;
    color: white;
    border-radius: 51%;
    border: 3px solid;
    background-color: #213483;
  }
  
  .partner-block-three > a:hover h3,
  .partner-block-three > a:hover p {
    color: #ffffff;
  }
  
  .partner-block-three > a:hover .more,
  .partner-block-three > a:hover .less {
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .moretext {
    display: none;
    transition-duration: 1000ms;
  }
  
  .text-white {
    color: #fff !important;
  }
  
  @media (min-width: 1200px) {
    .padding-res {
      padding: 0 200px !important;
    }
  }
  
  @media (min-width: 991px) {
    .padding-res {
      padding: 0 100px !important;
    }
  }
  
  @media (min-width: 992px) {
    .col-md-8 {
      width: 65.6666% !important;
    }
  }
  
  @media (max-width: 661px) {
    .automated {
      padding: 20px;
    }
  }
  
  @media (max-width: 991px) {
    .perfectfile {
      background-color: #ffffffba;
    }
  }
  
  .free_demo {
    padding: 30px;
  }
  
  
  
  @media (max-width: 441px) {
  .getmore {
    padding-left: 10px;
    font-size: 12px !important;
  }
  }
  
  @media (max-width: 372px) {
    .getmore {
      padding-left: 5px;
      font-size: 10px !important;
    }
    }
  @media (max-width: 661px) {
    .getmore {
      padding-left: 10px;
      font-size: 14px !important;
    }
    }
  
    @media (max-width: 661px) {
   
      .screen-mon-responsive{
          width: 29% !important;
  
    }
    .p-lr{
      padding:0;
      margin: 0;
    }
  }
  
  @media (max-width: 991px) {
  .submit-demo{
    color: #2c3d85;
  }}
  
  @media (min-width: 2021px) {
    .submit-demo{
      color: #2c3d85;
    }}
  
  @media (max-width: 991px) {
  .partner-block-three{
    margin: 55px 0;
  
  }}
  
  h1.employee_monitoring_softwaresub_heading_h1 {
    font-size: 4rem;
  }
  
  .overflowHidden{
      overflow: hidden;
  }
  
  .num_button a{
          position: absolute;
          margin: auto;
          text-align: center;
          top: 150px;
        }
   @media (min-width: 991px) {
  .md-res{
    margin-bottom: 60px !important;
  
  }}
  
    
  .right-menubar ul li a{
    font-size: 14px;
  }